diff --git a/src/app/campaigns/campaign-details/components/campaign-details-container/campaign-details-container.component.html b/src/app/campaigns/campaign-details/components/campaign-details-container/campaign-details-container.component.html
index 699f0874a..e0f4afba2 100755
--- a/src/app/campaigns/campaign-details/components/campaign-details-container/campaign-details-container.component.html
+++ b/src/app/campaigns/campaign-details/components/campaign-details-container/campaign-details-container.component.html
@@ -1,19 +1,19 @@
-
-
-  <head>
+ 
+<!-- <head>
   <meta property="og:title" content="{{ 'campaign?.title' }}" />
   <meta property="og:description" content="{{ 'campaign?.summary' }}" />
   <meta property="og:image" content="{{ 'ogImageUrl' }}" />
-
-  <!-- <meta property="og:title" [attr.content]="campaign?.title" />
+ <meta property="og:title" [attr.content]="campaign?.title" />
   <meta property="og:description" [attr.content]="limitDescription(campaign?.summary)" />
-  <meta property="og:image" [attr.content]="ogImageUrl" /> -->
+  <meta property="og:image" [attr.content]="ogImageUrl" /> 
   <meta property="og:image:width" content="1200" />
   <meta property="og:image:height" content="630" />
-
-</head>
+</head> -->
+ 
+ 
 
 
+ 
 
 <ng-container *ngIf="campaign?.id === campaignId; else loading">
   <div class="content" style="min-height: 50vh">
@@ -21,8 +21,7 @@
   </div>
 </ng-container>
 <ng-template #loading>
-  
-  <app-loading-logo> </app-loading-logo>
+<app-loading-logo> </app-loading-logo>
 </ng-template>
 <!-- <div
   *ngIf="this.showmoonboy"
diff --git a/src/app/campaigns/campaign-details/components/campaign-details-container/campaign-details-container.component.ts b/src/app/campaigns/campaign-details/components/campaign-details-container/campaign-details-container.component.ts
index 7356c564a..f3c21891c 100755
--- a/src/app/campaigns/campaign-details/components/campaign-details-container/campaign-details-container.component.ts
+++ b/src/app/campaigns/campaign-details/components/campaign-details-container/campaign-details-container.component.ts
@@ -55,6 +55,12 @@ export class CampaignDetailsContainerComponent implements OnInit {
       )
       .subscribe();
     this.campaign$ = this.campaignsStoreService.campaign$;
+    // this.meta.updateTag({ property: 'og:title', content: this.campaign.title });
+    // this.meta.updateTag({
+    //   property: 'og:description',
+    //   content: this.campaign.description
+    // });
+    // this.meta.updateTag({ property: 'og:image', content: this.ogImageUrl });
     /*if (isPlatformServer(this.platformId)) {
       this.meta.addTag({
         name: 'og:image:secure_url',
@@ -146,12 +152,7 @@ export class CampaignDetailsContainerComponent implements OnInit {
       setTimeout(() => {
         this.showmoonboy = campaign.id === this.campaignId;
       }, 1000);
-      this.meta.updateTag({ property: 'og:title', content: campaign.title });
-      this.meta.updateTag({
-        property: 'og:description',
-        content: campaign.description
-      });
-      this.meta.updateTag({ property: 'og:image', content: this.ogImageUrl });
+ 
       /*this.ogImageUrl = campaign.coverSrcMobile.includes('ipfs') ? ipfsURL + campaign.coverSrcMobile.substring(27, campaign.coverSrcMobile.length) : campaign.coverSrcMobile;
       this.meta.updateTag({ property: 'og:title', content: campaign.title });
       this.meta.updateTag({ property: 'og:description', content: campaign.description });
@@ -288,6 +289,7 @@ export class CampaignDetailsContainerComponent implements OnInit {
         },
         `name='twitter'`
       );*/
+      this.updateMetaTags(campaign);
     });
   }
 
@@ -297,21 +299,36 @@ export class CampaignDetailsContainerComponent implements OnInit {
   limitDescription(description: string | undefined, maxLength: number = 200): string {
     return description ? description.slice(0, maxLength) : '';
   }
+ 
+  updateMetaTags(campaign: Campaign) {
+    if (campaign) {
+      this.ogImageUrl = campaign.coverSrcMobile.includes('ipfs')
+        ? ipfsURL + campaign.coverSrcMobile.substring(27, campaign.coverSrcMobile.length)
+        : campaign.coverSrcMobile;
+
+      this.meta.updateTag({ property: 'og:title', content: campaign.title });
+      this.meta.updateTag({ property: 'og:description', content: campaign.description });
+      this.meta.updateTag({ property: 'og:image', content: this.ogImageUrl });
+
+      this.meta.updateTag({ property: 'og:image:width', content: '1200' });
+      this.meta.updateTag({ property: 'og:image:height', content: '630' });
+
+      this.meta.updateTag({ name: 'twitter:card', content: 'summary_large_image' });
+      this.meta.updateTag({ name: 'twitter:image', content: this.ogImageUrl });
+    }
+  }
+ 
   ngOnDestroy(): void {
+    // Remove or update any additional meta tags when the component is destroyed
+    this.meta.updateTag({ name: 'og:title', content: '' });
+    this.meta.updateTag({ name: 'og:image', content: '' });
+    this.meta.updateTag({ name: 'og:description', content: '' });
+    this.meta.updateTag({ name: 'og:type', content: '' });
+    this.meta.updateTag({ name: 'twitter:card', content: '' });
+
     this.isDestroyed.next('');
     this.isDestroyed.unsubscribe();
     this.campaignsStoreService.clearDataStore();
-    // location.reload();
-    this.meta.updateTag({ name: 'og:title', content: '' }, `name='og:title'`);
-    this.meta.updateTag({ name: 'og:image', content: '' }, `name='og:image'`);
-    this.meta.updateTag(
-      { name: 'og:description', content: '' },
-      `name='og:description'`
-    );
-    this.meta.updateTag({ name: 'og:type', content: '' }, `name='og:type'`);
-    this.meta.updateTag(
-      { name: 'twitter:card', content: '' },
-      `name='twitter:card'`
-    );
   }
+
 }
diff --git a/src/index.html b/src/index.html
index 86c0095f9..29e03fc77 100755
--- a/src/index.html
+++ b/src/index.html
@@ -26,12 +26,11 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="#1f2337" />
     <meta name="twitter:card" content="summary">
-
-
+ 
    <title>SaTT - Smart advertising Transaction Token</title>
 
     <!-- <title>SaTT - Smart advertising Transaction Token</title> -->
-
+ 
 
     <base href="/" />
     <meta
@@ -46,6 +45,7 @@
     <meta property="og:image" content="https://satt-token.com/assets/img/share_img_200px.png" />
     <meta property="og:title" content="SaTT - Smart advertising Transaction Token" />
     -->
+ 
     
     <meta name="keyword" content="crypto, blockchain, social media, farming,  earning crypto, profitable,  marketing, influencers, brand, SaTT,  token, Trust, wallet">
 
