From 47717e7300b41cad4ad667291e0042306a4bf736 Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Sat, 13 Jan 2024 10:48:31 +0000
Subject: [PATCH] change

---
 src/layouts/Layout.astro            |  7 ++++---
 src/layouts/LayoutBN.astro          |  7 ++++---
 src/pages/[id].astro                | 22 +++++++++++-----------
 src/pages/bn/[id].astro             | 20 ++++++++++----------
 src/pages/bn/index.astro            | 10 +++++-----
 src/pages/bn/local/[id].astro       | 20 ++++++++++----------
 src/pages/bn/local/index.astro      |  8 ++++----
 src/pages/bn/national/[id].astro    | 20 ++++++++++----------
 src/pages/bn/national/index.astro   |  8 ++++----
 src/pages/bn/politics/[id].astro    | 20 ++++++++++----------
 src/pages/bn/politics/index.astro   |  8 ++++----
 src/pages/bn/technology/[id].astro  | 20 ++++++++++----------
 src/pages/bn/technology/index.astro |  8 ++++----
 src/pages/contact.astro             |  6 +++---
 src/pages/index.astro               | 10 +++++-----
 src/pages/local/[id].astro          | 20 ++++++++++----------
 src/pages/local/index.astro         |  8 ++++----
 src/pages/national/[id].astro       | 20 ++++++++++----------
 src/pages/national/index.astro      |  8 ++++----
 src/pages/politics/[id].astro       | 20 ++++++++++----------
 src/pages/politics/index.astro      |  8 ++++----
 src/pages/technology/[id].astro     | 20 ++++++++++----------
 src/pages/technology/index.astro    |  8 ++++----
 23 files changed, 154 insertions(+), 152 deletions(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 3bf9736..85acad9 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -39,13 +39,14 @@ const { title, metaTitle, description, ogImg, tiwtterCard, tiwtterImage, tiwtter
 		<script type="application/ld+json">
 			{
 				"@context": "https://schema.org",
-				"@type": "Website",
+				"@type": "News Portal",
 				"name": "Barta India",
 				"url": "https://barta-india.in/",
 				"logo": "/img/barta_logo.png",
 				"contactPoint": {
-					"@type": "https://barta-india.in/contact/",
-					"contactType": "Visitor Feedback"
+					"@type": "ContactPoint",
+					"contactType": "Visitor Feedback",
+					"url": "https://barta-india.in/contact/",
 				},
 				"sameAs": [
 					"https://www.facebook.com/bartaindia?mibextid=eHce3h",
diff --git a/src/layouts/LayoutBN.astro b/src/layouts/LayoutBN.astro
index 49c4176..ffd9c5c 100644
--- a/src/layouts/LayoutBN.astro
+++ b/src/layouts/LayoutBN.astro
@@ -40,13 +40,14 @@ const { title, metaTitle, description, ogImg, tiwtterCard, tiwtterImage, tiwtter
 		<script type="application/ld+json">
 			{
 				"@context": "https://schema.org",
-				"@type": "Website",
+				"@type": "News Portal",
 				"name": "Barta India",
 				"url": "https://barta-india.in/bn",
 				"logo": "/img/barta_logo.png",
 				"contactPoint": {
-					"@type": "https://barta-india.in/contact/",
-					"contactType": "Visitor Feedback"
+					"@type": "ContactPoint",
+					"contactType": "Visitor Feedback",
+					"url": "https://barta-india.in/contact/",
 				},
 				"sameAs": [
 					"https://www.facebook.com/bartaindia?mibextid=eHce3h",
diff --git a/src/pages/[id].astro b/src/pages/[id].astro
index 69156c2..bc5627b 100644
--- a/src/pages/[id].astro
+++ b/src/pages/[id].astro
@@ -13,23 +13,23 @@ const data = await response.json();
 const { id } = Astro.params;
 const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===id);
 const items  = data.data[idx];
-// console.log(data.data[idx])
+// console.log(items.meta_title, items.meta_description)
 ---
 <!-- title, metaTitle, description, ogImg, tiwtterCard, tiwtterImage, tiwtterTitle, tiwtterDesc, tiwtterURL, artPubTime, artUpdtTime, ogSiteName, ogType, ogTitle, ogDesc, ogURL -->
-<Layout title={items.title}
-        metaTitle={items.title}
-        description={items.heading}
-        ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+<Layout title={items.meta_title}
+        metaTitle={items.meta_title}
+        description={items.meta_description}
+        ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
         tiwtterCard="summary_large_image"
-        tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-        tiwtterTitle={items.title}
-        tiwtterDesc={items.heading}
+        tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
+        tiwtterTitle={items.meta_title}
+        tiwtterDesc={items.meta_description}
         tiwtterURL=`https://barta-india.in/${items.slug}`
         artPubTime={items.date_created}
         ogSiteName=`https://barta-india.in/${items.slug}`
         ogType='News'
-        ogTitle={items.title}
-        ogDesc={items.heading}
+        ogTitle={items.meta_title}
+        ogDesc={items.meta_description}
         ogURL=`https://barta-india.in/${items.slug}`
         canonical=`https://barta-india.in/${items.slug}`
         >
@@ -39,7 +39,7 @@ const items  = data.data[idx];
                 <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
                 <h2 class="text-xl py-2">{items.title}</h2>
                 <div class="flex flex-col place-items-center">
-                  <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
+                  <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
                 </div>
                 <div class="flex flex-row justify-center md:justify-end mt-2">
                   <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
diff --git a/src/pages/bn/[id].astro b/src/pages/bn/[id].astro
index c98b6bb..5b4157f 100644
--- a/src/pages/bn/[id].astro
+++ b/src/pages/bn/[id].astro
@@ -15,20 +15,20 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
 const items  = data.data[idx];
 // console.log(data.data[idx])
 ---
-<LayoutBN title={items.title}
-          metaTitle={items.title}
-          description={items.heading}
-          ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+<LayoutBN title={items.meta_title}
+          metaTitle={items.meta_title}
+          description={items.meta_description}
+          ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
           tiwtterCard="summary_large_image"
-          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-          tiwtterTitle={items.title}
-          tiwtterDesc={items.heading}
+          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
+          tiwtterTitle={items.meta_title}
+          tiwtterDesc={items.meta_description}
           tiwtterURL=`https://barta-india.in/bn/${items.slug}`
           artPubTime={items.date_created}
           ogSiteName=`https://barta-india.in/bn/${items.slug}`
           ogType='News'
-          ogTitle={items.title}
-          ogDesc={items.heading}
+          ogTitle={items.meta_title}
+          ogDesc={items.meta_description}
           ogURL=`https://barta-india.in/bn/${items.slug}`
           canonical=`https://barta-india.in/bn/${items.slug}`
           >
@@ -38,7 +38,7 @@ const items  = data.data[idx];
             <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
             <h2 class="text-xl py-2">{items.title}</h2>
             <div class="flex flex-col place-items-center">
-              <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
+              <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
             </div>
             <div class="flex flex-row justify-center md:justify-end mt-2">
               <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
diff --git a/src/pages/bn/index.astro b/src/pages/bn/index.astro
index d7e03df..e386402 100644
--- a/src/pages/bn/index.astro
+++ b/src/pages/bn/index.astro
@@ -12,11 +12,11 @@ const items = metaJSON.data[0];
 ---
 
 <LayoutBN title={items.title}
-			metaTitle={items.title}
+			metaTitle={items.meta_title}
 			description={items.description}
-			ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+			ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 			tiwtterCard="summary_large_image"
-			tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+			tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 			tiwtterTitle={items.title}
 			tiwtterDesc={items.description}
 			tiwtterURL=`https://barta-india.in/bn`
@@ -39,7 +39,7 @@ const items = metaJSON.data[0];
 						<div class="flex flex-col">
 							<a href={`/bn/${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
 							<h2 class="text-lg line-clamp-1">{items.title}</h2>
-							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
+							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} />
 							<div class="h-[100px] overflow-y-hidden">
 								<p id="" set:html={items.content}></p>		
 							</div>
@@ -55,7 +55,7 @@ const items = metaJSON.data[0];
 					<div class="flex flex-col border-2 gap-6 p-6">
 						<h1 class="border-b-4 border-[#780a0a] text-2xl font-bold">{items.heading}</h1>
 						<h2 class="text-lg">{items.title}</h2>
-						<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/>
+						<img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt=""/>
 					</div>
 					)}
 				</div> -->
diff --git a/src/pages/bn/local/[id].astro b/src/pages/bn/local/[id].astro
index ee647a4..27e721f 100644
--- a/src/pages/bn/local/[id].astro
+++ b/src/pages/bn/local/[id].astro
@@ -15,20 +15,20 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
 const items  = data.data[idx];
 // console.log(data.data[idx])
 ---
-<LayoutBN title={items.title}
-          metaTitle={items.title}
-          description={items.heading}
-          ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+<LayoutBN title={items.meta_title}
+          metaTitle={items.meta_title}
+          description={items.meta_description}
+          ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
           tiwtterCard="summary_large_image"
-          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-          tiwtterTitle={items.title}
-          tiwtterDesc={items.heading}
+          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
+          tiwtterTitle={items.meta_title}
+          tiwtterDesc={items.meta_description}
           tiwtterURL=`https://barta-india.in/bn/local/${items.slug}`
           artPubTime={items.date_created}
           ogSiteName=`https://barta-india.in/bn/local/${items.slug}`
           ogType='News'
-          ogTitle={items.title}
-          ogDesc={items.heading}
+          ogTitle={items.meta_title}
+          ogDesc={items.meta_description}
           ogURL=`https://barta-india.in/bn/local/${items.slug}`
           canonical=`https://barta-india.in/bn/local/${items.slug}`
           >
@@ -38,7 +38,7 @@ const items  = data.data[idx];
             <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
             <h2 class="text-xl py-2">{items.title}</h2>
             <div class="flex flex-col place-items-center">
-              <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
+              <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
             </div>
             <div class="flex flex-row justify-center md:justify-end mt-2">
               <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
diff --git a/src/pages/bn/local/index.astro b/src/pages/bn/local/index.astro
index 3d1a15a..98ac2e0 100644
--- a/src/pages/bn/local/index.astro
+++ b/src/pages/bn/local/index.astro
@@ -14,9 +14,9 @@ const items = metaJSON.data[0];
 <LayoutBN title={items.title}
 			metaTitle={items.title}
 			description={items.description}
-			ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+			ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 			tiwtterCard="summary_large_image"
-			tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+			tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 			tiwtterTitle={items.title}
 			tiwtterDesc={items.description}
 			tiwtterURL=`https://barta-india.in/bn/local/`
@@ -39,7 +39,7 @@ const items = metaJSON.data[0];
 						<div class="flex flex-col">
 							<a href={`/bn/${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
 							<h2 class="text-lg line-clamp-1">{items.title}</h2>
-							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title}/>
+							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title}/>
 							<div class="h-[100px] overflow-y-hidden">
 								<p id="" set:html={items.content}></p>		
 							</div>
@@ -55,7 +55,7 @@ const items = metaJSON.data[0];
 					<div class="flex flex-col border-2 gap-6 p-6">
 						<h1 class="border-b-4 border-[#780a0a] text-2xl font-bold">{items.heading}</h1>
 						<h2 class="text-lg">{items.title}</h2>
-						<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/>
+						<img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt=""/>
 					</div>
 					)}
 				</div> -->
diff --git a/src/pages/bn/national/[id].astro b/src/pages/bn/national/[id].astro
index 58b0e1d..e0e91d8 100644
--- a/src/pages/bn/national/[id].astro
+++ b/src/pages/bn/national/[id].astro
@@ -15,20 +15,20 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
 const items  = data.data[idx];
 // console.log(data.data[idx])
 ---
-<LayoutBN title={items.title}
-          metaTitle={items.title}
-          description={items.heading}
-          ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+<LayoutBN title={items.meta_title}
+          metaTitle={items.meta_title}
+          description={items.meta_description}
+          ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
           tiwtterCard="summary_large_image"
-          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-          tiwtterTitle={items.title}
-          tiwtterDesc={items.heading}
+          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
+          tiwtterTitle={items.meta_title}
+          tiwtterDesc={items.meta_description}
           tiwtterURL=`https://barta-india.in/bn/national/${items.slug}`
           artPubTime={items.date_created}
           ogSiteName=`https://barta-india.in/bn/national/${items.slug}`
           ogType='News'
-          ogTitle={items.title}
-          ogDesc={items.heading}
+          ogTitle={items.meta_title}
+          ogDesc={items.meta_description}
           ogURL=`https://barta-india.in/bn/national/${items.slug}`
           canonical=`https://barta-india.in/bn/local/${items.slug}`
           >
@@ -38,7 +38,7 @@ const items  = data.data[idx];
             <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
             <h2 class="text-xl py-2">{items.title}</h2>
             <div class="flex flex-col place-items-center">
-              <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
+              <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
             </div>
             <div class="flex flex-row justify-center md:justify-end mt-2">
               <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
diff --git a/src/pages/bn/national/index.astro b/src/pages/bn/national/index.astro
index a4b9c5d..63da942 100644
--- a/src/pages/bn/national/index.astro
+++ b/src/pages/bn/national/index.astro
@@ -13,9 +13,9 @@ const items = metaJSON.data[0];
 <LayoutBN title={items.title}
 		metaTitle={items.title}
 		description={items.description}
-		ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+		ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterCard="summary_large_image"
-		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterTitle={items.title}
 		tiwtterDesc={items.description}
 		tiwtterURL=`https://barta-india.in/bn/national/`
@@ -38,7 +38,7 @@ const items = metaJSON.data[0];
 						<div class="flex flex-col">
 							<a href={`/bn/national/${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
 							<h2 class="text-lg line-clamp-1">{items.title}</h2>
-							<img class="aspect-video" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title}/>
+							<img class="aspect-video" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title}/>
 							<div class="h-[100px] overflow-y-hidden">
 								<p id="" set:html={items.content}></p>		
 							</div>
@@ -54,7 +54,7 @@ const items = metaJSON.data[0];
 					<div class="flex flex-col border-2 gap-6 p-6">
 						<h1 class="border-b-4 border-[#780a0a] text-2xl font-bold">{items.heading}</h1>
 						<h2 class="text-lg">{items.title}</h2>
-						<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/>
+						<img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt=""/>
 					</div>
 					)}
 				</div> -->
diff --git a/src/pages/bn/politics/[id].astro b/src/pages/bn/politics/[id].astro
index eaa0e89..fb211b7 100644
--- a/src/pages/bn/politics/[id].astro
+++ b/src/pages/bn/politics/[id].astro
@@ -15,20 +15,20 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
 const items  = data.data[idx];
 // console.log(data.data[idx])
 ---
-<LayoutBN title={items.title}
-          metaTitle={items.title}
-          description={items.heading}
-          ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+<LayoutBN title={items.meta_title}
+          metaTitle={items.meta_title}
+          description={items.meta_description}
+          ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
           tiwtterCard="summary_large_image"
-          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-          tiwtterTitle={items.title}
-          tiwtterDesc={items.heading}
+          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
+          tiwtterTitle={items.meta_title}
+          tiwtterDesc={items.meta_description}
           tiwtterURL=`https://barta-india.in/bn/politics/${items.slug}`
           artPubTime={items.date_created}
           ogSiteName=`https://barta-india.in/bn/politics/${items.slug}`
           ogType='News'
-          ogTitle={items.title}
-          ogDesc={items.heading}
+          ogTitle={items.meta_title}
+          ogDesc={items.meta_description}
           ogURL=`https://barta-india.in/bn/politics/${items.slug}`
           canonical=`https://barta-india.in/bn/politics/${items.slug}`
           >
@@ -38,7 +38,7 @@ const items  = data.data[idx];
             <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
             <h2 class="text-xl py-2">{items.title}</h2>
             <div class="flex flex-col place-items-center">
-              <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
+              <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
             </div>
             <div class="flex flex-row justify-center md:justify-end mt-2">
               <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
diff --git a/src/pages/bn/politics/index.astro b/src/pages/bn/politics/index.astro
index 4bb051d..6d611d6 100644
--- a/src/pages/bn/politics/index.astro
+++ b/src/pages/bn/politics/index.astro
@@ -14,9 +14,9 @@ const items = metaJSON.data[0];
 <LayoutBN title={items.title}
 			metaTitle={items.title}
 			description={items.description}
-			ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+			ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 			tiwtterCard="summary_large_image"
-			tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+			tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 			tiwtterTitle={items.title}
 			tiwtterDesc={items.description}
 			tiwtterURL=`https://barta-india.in/bn/politics/`
@@ -39,7 +39,7 @@ const items = metaJSON.data[0];
 						<div class="flex flex-col">
 							<a href={`/bn/politics/${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
 							<h2 class="text-lg line-clamp-1">{items.title}</h2>
-							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title}/>
+							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title}/>
 							<div class="h-[100px] overflow-y-hidden">
 								<p id="" set:html={items.content}></p>		
 							</div>
@@ -55,7 +55,7 @@ const items = metaJSON.data[0];
 					<div class="flex flex-col border-2 gap-6 p-6">
 						<h1 class="border-b-4 border-[#780a0a] text-2xl font-bold">{items.heading}</h1>
 						<h2 class="text-lg">{items.title}</h2>
-						<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/>
+						<img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt=""/>
 					</div>
 					)}
 				</div> -->
diff --git a/src/pages/bn/technology/[id].astro b/src/pages/bn/technology/[id].astro
index 69e080c..af14986 100644
--- a/src/pages/bn/technology/[id].astro
+++ b/src/pages/bn/technology/[id].astro
@@ -15,20 +15,20 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
 const items  = data.data[idx];
 // console.log(data.data[idx])
 ---
-<LayoutBN title={items.title}
-          metaTitle={items.title}
-          description={items.heading}
-          ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+<LayoutBN title={items.meta_title}
+          metaTitle={items.meta_title}
+          description={items.meta_description}
+          ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
           tiwtterCard="summary_large_image"
-          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-          tiwtterTitle={items.title}
-          tiwtterDesc={items.heading}
+          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
+          tiwtterTitle={items.meta_title}
+          tiwtterDesc={items.meta_description}
           tiwtterURL=`https://barta-india.in/bn/technology/${items.slug}`
           artPubTime={items.date_created}
           ogSiteName=`https://barta-india.in/bn/technology/${items.slug}`
           ogType='News'
-          ogTitle={items.title}
-          ogDesc={items.heading}
+          ogTitle={items.meta_title}
+          ogDesc={items.meta_description}
           ogURL=`https://barta-india.in/bn/technology/${items.slug}`
           canonical=`https://barta-india.in/bn/politics/${items.slug}`
           >
@@ -38,7 +38,7 @@ const items  = data.data[idx];
             <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
             <h2 class="text-xl py-2">{items.title}</h2>
             <div class="flex flex-col place-items-center">
-              <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
+              <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
             </div>
             <div class="flex flex-row justify-center md:justify-end mt-2">
               <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
diff --git a/src/pages/bn/technology/index.astro b/src/pages/bn/technology/index.astro
index 608c96d..c73fdf4 100644
--- a/src/pages/bn/technology/index.astro
+++ b/src/pages/bn/technology/index.astro
@@ -14,9 +14,9 @@ const items = metaJSON.data[0];
 <LayoutBN title={items.title}
 			metaTitle={items.title}
 			description={items.description}
-			ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+			ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 			tiwtterCard="summary_large_image"
-			tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+			tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 			tiwtterTitle={items.title}
 			tiwtterDesc={items.description}
 			tiwtterURL=`https://barta-india.in/bn/technology/`
@@ -39,7 +39,7 @@ const items = metaJSON.data[0];
 						<div class="flex flex-col">
 							<a href={`/bn/technology/${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
 							<h2 class="text-lg line-clamp-1">{items.title}</h2>
-							<img class="aspect-video" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
+							<img class="aspect-video" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} />
 							<div class="h-[100px] overflow-y-hidden">
 								<p id="" set:html={items.content}></p>		
 							</div>
@@ -55,7 +55,7 @@ const items = metaJSON.data[0];
 					<div class="flex flex-col border-2 gap-6 p-6">
 						<h1 class="border-b-4 border-[#780a0a] text-2xl font-bold">{items.heading}</h1>
 						<h2 class="text-lg">{items.title}</h2>
-						<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/>
+						<img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt=""/>
 					</div>
 					)}
 				</div> -->
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
index 5a25ff0..a6470a9 100644
--- a/src/pages/contact.astro
+++ b/src/pages/contact.astro
@@ -83,7 +83,7 @@ import Layout from "../layouts/Layout.astro";
         //   }
         // })
 
-        console.log("Form Data",formData, username, userPhone, userEmail, userMsg)
+        // console.log("Form Data",formData, username, userPhone, userEmail, userMsg)
 
         const url = 'https://api7.siliconpin.com/items/barta_contact';
         try {
@@ -95,10 +95,10 @@ import Layout from "../layouts/Layout.astro";
             body:JSON.stringify(formData),
           });
           if (response.ok) {
-            console.log('Form Submitted')
+            // console.log('Form Submitted')
             formSection.style.display = 'none';
             thankYouSection.style.display = 'block';
-            console.log('Form data submitted successfully', response);
+            // console.log('Form data submitted successfully', response);
           } else {
             console.error('Failed to submit form data');
           }
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 235a8db..6c0ce52 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -6,7 +6,7 @@ const data = dataJSON.data;
 const fetchMeta = await fetch('https://api7.siliconpin.com/items/meta_data?filter[status][_eq]=published&filter[domain][_eq]=barta&filter[pages][_eq]=home_en');
 const metaJSON = await fetchMeta.json();
 const items = metaJSON.data[0];
-// console.log(items.img)
+// console.log(items.title)
 // const imageData = data.image;
 // const data = fetchDataJSON.data;
 // console.log() https://api7.siliconpin.com/items/meta_data?filter[status][_eq]=published&filter[domain][_eq]=barta&filter[pages][_eq]=home_en
@@ -15,9 +15,9 @@ const items = metaJSON.data[0];
 <Layout title={items.title}
 		metaTitle={items.title}
 		description={items.description}
-		ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+		ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterCard="summary_large_image"
-		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterTitle={items.title}
 		tiwtterDesc={items.description}
 		tiwtterURL=`https://barta-india.in`
@@ -37,7 +37,7 @@ const items = metaJSON.data[0];
 						<div class="flex flex-col">
 							<a href={`/${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
 							<h2 class="text-lg line-clamp-1">{items.title}</h2>
-							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
+							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} />
 							<div class="h-[100px] overflow-y-hidden">
 								<p id="" set:html={items.content}></p>		
 							</div>
@@ -53,7 +53,7 @@ const items = metaJSON.data[0];
 					<div class="flex flex-col border-2 gap-6 p-6">
 						<h1 class="border-b-4 border-[#780a0a] text-2xl font-bold">{items.heading}</h1>
 						<h2 class="text-lg">{items.title}</h2>
-						<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/>
+						<img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt=""/>
 					</div>
 					)}
 				</div> -->
diff --git a/src/pages/local/[id].astro b/src/pages/local/[id].astro
index bf799ac..d736fd3 100644
--- a/src/pages/local/[id].astro
+++ b/src/pages/local/[id].astro
@@ -15,20 +15,20 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
 const items  = data.data[idx];
 // console.log(data.data[idx])
 ---
-<Layout title={items.title}
-        metaTitle={items.title}
-        description={items.heading}
-        ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+<Layout title={items.meta_title}
+        metaTitle={items.meta_title}
+        description={items.meta_description}
+        ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
         tiwtterCard="summary_large_image"
-        tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-        tiwtterTitle={items.title}
-        tiwtterDesc={items.heading}
+        tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
+        tiwtterTitle={items.meta_title}
+        tiwtterDesc={items.meta_description}
         tiwtterURL=`https://barta-india.in/local/${items.slug}`
         artPubTime={items.date_created}
         ogSiteName=`https://barta-india.in/local/${items.slug}`
         ogType='News'
-        ogTitle={items.title}
-        ogDesc={items.heading}
+        ogTitle={items.meta_title}
+        ogDesc={items.meta_description}
         ogURL=`https://barta-india.in/local/${items.slug}`
         canonical=`https://barta-india.in/local/${items.slug}`
         >
@@ -38,7 +38,7 @@ const items  = data.data[idx];
             <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
             <h2 class="text-xl py-2">{items.title}</h2>
             <div class="flex flex-col place-items-center">
-              <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
+              <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
             </div>
             <div class="flex flex-row justify-center md:justify-end mt-2">
               <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
diff --git a/src/pages/local/index.astro b/src/pages/local/index.astro
index e04f744..6926745 100644
--- a/src/pages/local/index.astro
+++ b/src/pages/local/index.astro
@@ -14,9 +14,9 @@ const items = metaJSON.data[0];
 <Layout title={items.title}
 		metaTitle={items.title}
 		description={items.description}
-		ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+		ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterCard="summary_large_image"
-		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterTitle={items.title}
 		tiwtterDesc={items.description}
 		tiwtterURL=`https://barta-india.in/local/`
@@ -39,7 +39,7 @@ const items = metaJSON.data[0];
 						<div class="flex flex-col">
 							<a href={`/local${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
 							<h2 class="text-lg line-clamp-1">{items.title}</h2>
-							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
+							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} />
 							<div class="h-[100px] overflow-y-hidden">
 								<p id="" set:html={items.content}></p>		
 							</div>
@@ -55,7 +55,7 @@ const items = metaJSON.data[0];
 					<div class="flex flex-col border-2 gap-6 p-6">
 						<h1 class="border-b-4 border-[#780a0a] text-2xl font-bold">{items.heading}</h1>
 						<h2 class="text-lg">{items.title}</h2>
-						<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/>
+						<img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt=""/>
 					</div>
 					)}
 				</div> -->
diff --git a/src/pages/national/[id].astro b/src/pages/national/[id].astro
index 107e07b..770f0a9 100644
--- a/src/pages/national/[id].astro
+++ b/src/pages/national/[id].astro
@@ -16,20 +16,20 @@ const items  = data.data[idx];
 // console.log(data.data[idx])
 ---
 
-<Layout title={items.title}
-        metaTitle={items.title}
-        description={items.heading}
-        ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+<Layout title={items.meta_title}
+        metaTitle={items.meta_title}
+        description={items.meta_description}
+        ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
         tiwtterCard="summary_large_image"
-        tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-        tiwtterTitle={items.title}
-        tiwtterDesc={items.heading}
+        tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
+        tiwtterTitle={items.meta_title}
+        tiwtterDesc={items.meta_description}
         tiwtterURL=`https://barta-india.in/national/${items.slug}`
         artPubTime={items.date_created}
         ogSiteName=`https://barta-india.in/national/${items.slug}`
         ogType='News'
-        ogTitle={items.title}
-        ogDesc={items.heading}
+        ogTitle={items.meta_title}
+        ogDesc={items.meta_description}
         ogURL=`https://barta-india.in/national/${items.slug}`
         canonical=`https://barta-india.in/national/${items.slug}`
         >
@@ -39,7 +39,7 @@ const items  = data.data[idx];
             <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
             <h2 class="text-xl py-2">{items.title}</h2>
             <div class="flex flex-col place-items-center">
-              <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
+              <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
             </div>
             <div class="flex flex-row justify-center md:justify-end mt-2">
               <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
diff --git a/src/pages/national/index.astro b/src/pages/national/index.astro
index bfe5379..665cef1 100644
--- a/src/pages/national/index.astro
+++ b/src/pages/national/index.astro
@@ -14,9 +14,9 @@ const items = metaJSON.data[0];
 <Layout title={items.title}
 		metaTitle={items.title}
 		description={items.description}
-		ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+		ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterCard="summary_large_image"
-		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterTitle={items.title}
 		tiwtterDesc={items.description}
 		tiwtterURL=`https://barta-india.in/national/`
@@ -39,7 +39,7 @@ const items = metaJSON.data[0];
 						<div class="flex flex-col">
 							<a href={`/national${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
 							<h2 class="text-lg line-clamp-1">{items.title}</h2>
-							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
+							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} />
 							<div class="h-[100px] overflow-y-hidden">
 								<p id="" set:html={items.content}></p>		
 							</div>
@@ -55,7 +55,7 @@ const items = metaJSON.data[0];
 					<div class="flex flex-col border-2 gap-6 p-6">
 						<h1 class="border-b-4 border-[#780a0a] text-2xl font-bold">{items.heading}</h1>
 						<h2 class="text-lg">{items.title}</h2>
-						<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/>
+						<img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt=""/>
 					</div>
 					)}
 				</div> -->
diff --git a/src/pages/politics/[id].astro b/src/pages/politics/[id].astro
index 4ae78f8..9038b78 100644
--- a/src/pages/politics/[id].astro
+++ b/src/pages/politics/[id].astro
@@ -15,20 +15,20 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
 const items  = data.data[idx];
 // console.log(data.data[idx])
 ---
-<Layout title={items.title}
-        metaTitle={items.title}
-        description={items.heading}
-        ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+<Layout title={items.meta_title}
+        metaTitle={items.meta_title}
+        description={items.meta_description}
+        ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
         tiwtterCard="summary_large_image"
-        tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-        tiwtterTitle={items.title}
-        tiwtterDesc={items.heading}
+        tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
+        tiwtterTitle={items.meta_title}
+        tiwtterDesc={items.meta_description}
         tiwtterURL=`https://barta-india.in/politics/${items.slug}`
         artPubTime={items.date_created}
         ogSiteName=`https://barta-india.in/politics/${items.slug}`
         ogType='News'
-        ogTitle={items.title}
-        ogDesc={items.heading}
+        ogTitle={items.meta_title}
+        ogDesc={items.meta_description}
         ogURL=`https://barta-india.in/politics/${items.slug}`
         canonical=`https://barta-india.in/politics/${items.slug}`
         
@@ -39,7 +39,7 @@ const items  = data.data[idx];
             <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
             <h2 class="text-xl py-2">{items.title}</h2>
             <div class="flex flex-col place-items-center">
-              <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
+              <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
             </div>
             <div class="flex flex-row justify-center md:justify-end mt-2">
               <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
diff --git a/src/pages/politics/index.astro b/src/pages/politics/index.astro
index a2c1163..d892875 100644
--- a/src/pages/politics/index.astro
+++ b/src/pages/politics/index.astro
@@ -14,9 +14,9 @@ const items = metaJSON.data[0];
 <Layout title={items.title}
 		metaTitle={items.title}
 		description={items.description}
-		ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+		ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterCard="summary_large_image"
-		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterTitle={items.title}
 		tiwtterDesc={items.description}
 		tiwtterURL=`https://barta-india.in/politics/`
@@ -39,7 +39,7 @@ const items = metaJSON.data[0];
 						<div class="flex flex-col">
 							<a href={`/politics${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
 							<h2 class="text-lg line-clamp-1">{items.title}</h2>
-							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
+							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} />
 							<div class="h-[100px] overflow-y-hidden">
 								<p id="" set:html={items.content}></p>		
 							</div>
@@ -55,7 +55,7 @@ const items = metaJSON.data[0];
 					<div class="flex flex-col border-2 gap-6 p-6">
 						<h1 class="border-b-4 border-[#780a0a] text-2xl font-bold">{items.heading}</h1>
 						<h2 class="text-lg">{items.title}</h2>
-						<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/>
+						<img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt=""/>
 					</div>
 					)}
 				</div> -->
diff --git a/src/pages/technology/[id].astro b/src/pages/technology/[id].astro
index 2a9ee3a..8b0f293 100644
--- a/src/pages/technology/[id].astro
+++ b/src/pages/technology/[id].astro
@@ -15,20 +15,20 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
 const items  = data.data[idx];
 // console.log(data.data[idx])
 ---
-<Layout title={items.title}
-        metaTitle={items.title}
-        description={items.heading}
-        ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+<Layout title={items.meta_title}
+        metaTitle={items.meta_title}
+        description={items.meta_description}
+        ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
         tiwtterCard="summary_large_image"
-        tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-        tiwtterTitle={items.title}
-        tiwtterDesc={items.heading}
+        tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
+        tiwtterTitle={items.meta_title}
+        tiwtterDesc={items.meta_description}
         tiwtterURL=`https://barta-india.in/technology/${items.slug}`
         artPubTime={items.date_created}
         ogSiteName=`https://barta-india.in/technology/${items.slug}`
         ogType='News'
-        ogTitle={items.title}
-        ogDesc={items.heading}
+        ogTitle={items.meta_title}
+        ogDesc={items.meta_description}
         ogURL=`https://barta-india.in/technology/${items.slug}`
         canonical=`https://barta-india.in/technology/${items.slug}`
         >
@@ -38,7 +38,7 @@ const items  = data.data[idx];
             <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
             <h2 class="text-xl py-2">{items.title}</h2>
             <div class="flex flex-col place-items-center">
-              <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} class="md:w-[40%]" />
+              <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
             </div>
             <div class="flex flex-row justify-center md:justify-end mt-2">
               <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
diff --git a/src/pages/technology/index.astro b/src/pages/technology/index.astro
index 96a4862..39a2eaa 100644
--- a/src/pages/technology/index.astro
+++ b/src/pages/technology/index.astro
@@ -14,9 +14,9 @@ const items = metaJSON.data[0];
 <Layout title={items.title}
 		metaTitle={items.title}
 		description={items.description}
-		ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+		ogImg={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterCard="summary_large_image"
-		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+		tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`}
 		tiwtterTitle={items.title}
 		tiwtterDesc={items.description}
 		tiwtterURL=`https://barta-india.in/technology/`
@@ -39,7 +39,7 @@ const items = metaJSON.data[0];
 						<div class="flex flex-col">
 							<a href={`/technology${items.slug}`} class="border-b-4 border-[#780a0a] text-2xl font-bold line-clamp-1">{items.heading}</a>
 							<h2 class="text-lg line-clamp-1">{items.title}</h2>
-							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
+							<img class="aspect-video	" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} />
 							<div class="h-[100px] overflow-y-hidden">
 								<p id="" set:html={items.content}></p>		
 							</div>
@@ -55,7 +55,7 @@ const items = metaJSON.data[0];
 					<div class="flex flex-col border-2 gap-6 p-6">
 						<h1 class="border-b-4 border-[#780a0a] text-2xl font-bold">{items.heading}</h1>
 						<h2 class="text-lg">{items.title}</h2>
-						<img src={`https://api7.siliconpin.com/assets/${items.img}`} alt=""/>
+						<img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt=""/>
 					</div>
 					)}
 				</div> -->