diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue
index 82d836d..7e811ee 100644
--- a/src/components/Homepage.vue
+++ b/src/components/Homepage.vue
@@ -31,21 +31,21 @@
                             <h1 class="text-3xl text-color-1 font-semibold py-2">Worksheets</h1>
                             <p class="font-20px text-justify text-color-2 xl:line-clamp-3 hover:line-clamp-none">Get access to well-structured worksheets that are prepared as per the growth needs of children and respond to their stimulating cells.</p>
                             <!-- <a href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></a> -->
-                            <a target="_blank" href="/worksheets"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
+                            <a target="_blank" href="/worksheets"><button class="bg-blue-700 text-white px-6 py-2 text-lg rounded-tl-md rounded-br-md">Discover Now</button></a>
                         </div>
                         <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
                             <img draggable="false" src="/img/report.png" alt="">
                             <h1 class="text-3xl text-color-1 font-semibold py-2">Lesson Plans</h1>
                             <p class="font-20px text-justify text-color-2 xl:line-clamp-3 hover:line-clamp-none">Teach toddlers significant lessons which are necessary for their holistic development. Our preschool curriculum is instilled with essential lesson plans necessary for early childhood education.</p>
                             <!-- <a href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></a> -->
-                            <a target="_blank" href="/#EYFSCurriculum"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
+                            <a target="_blank" href="/#EYFSCurriculum"><button class="bg-blue-700 text-white px-6 py-2 text-lg rounded-tl-md rounded-br-md">Discover Now</button></a>
                         </div>
                         <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
                             <img draggable="false" src="/img/classroom.png" alt="">
                             <h1 class="text-3xl text-color-1 font-semibold py-2">Themes</h1>
                             <p class="  font-20px text-justify text-color-2 xl:line-clamp-3 hover:line-clamp-none">Know how to improve preschooling experience by promoting different themes regularly in your preschool and engage your little audience.</p>
                             <!-- <a target="_blank" href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></a> -->
-                            <a target="_blank" href="/themes"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
+                            <a target="_blank" href="/themes"><button class="bg-blue-700 text-white px-6 py-2 text-lg rounded-tl-md rounded-br-md">Discover Now</button></a>
                         </div>
                     </div>
                     <div class="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2  mt-12">
@@ -54,14 +54,14 @@
                             <h1 class="text-3xl text-color-1 font-semibold py-2">Event Ideas</h1>
                             <p class="   font-20px text-justify text-color-2 xl:px-24 xl:line-clamp-3 hover:line-clamp-none">There’s no need to spend hours researching exciting events for your preschool. Our playschool curriculum contains many suggestions for different innovative activities you can organize in the preschool.</p>
                             <!-- <a target="_blank" href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></a> -->
-                            <a target="_blank" href="/celebrationstories#submitCelebration"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
+                            <a target="_blank" href="/celebrationstories#submitCelebration"><button class="bg-blue-700 text-white px-6 py-2 text-lg rounded-tl-md rounded-br-md">Discover Now</button></a>
                         </div>
                         <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
                             <img draggable="false" src="/img/event.png" alt="">
                             <h1 class="text-3xl text-color-1 font-semibold py-2">Videos</h1>
                             <p class="   font-20px text-justify text-color-2 xl:px-24 xl:line-clamp-3 hover:line-clamp-none">See videos related to ideas for class management, seamless teaching techniques, several activities for preschoolers and many other relevant videos associated with preschool.</p>
                             <!-- <a target="_blank" href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></a> -->
-                            <a target="_blank" href="/videos"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
+                            <a target="_blank" href="/videos"><button class="bg-blue-700 text-white px-6 py-2 text-lg rounded-tl-md rounded-br-md">Discover Now</button></a>
                         </div>
                     </div>
                 </section>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f64aba3..ec5665e 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -16,7 +16,10 @@ const { title,metaTitle, description,ogImg,schema } = Astro.props;
 		<meta name="title" content={metaTitle} />
 		<meta name="description" content={description} />
 		<title>{title}</title>
-		<meta property="og:image" content={ogImg}/>
+		<meta  name="og:image" content={ogImg} />
+		<meta  name="og:image:secure_url" content={ogImg} />
+		<meta  name="og:type" content="blog" />
+		<meta  name="og:title" content={title} />
 		
 	</head>
 	<body class="body">
diff --git a/src/pages/blog/[id].astro b/src/pages/blog/[id].astro
index f9ebb55..8d74e21 100644
--- a/src/pages/blog/[id].astro
+++ b/src/pages/blog/[id].astro
@@ -26,8 +26,8 @@ import Footer from "../../components/Footer.vue";
 ---
 
 
-<Layout title="" metaTitle={data.data[idx].meta} description={data.data[idx].meta_description} ogImg={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.data[idx].img} schema={data.data[idx].schema} >
-  <Menu clint:visible/>
+<Layout title={data.data[idx].title} metaTitle={data.data[idx].meta} description={data.data[idx].meta_description} ogImg={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.data[idx].img+'/'+data.data[idx].slug+'.jpg?width=1200&quality=50'} schema={data.data[idx].schema} >
+  <Menu/>
     <main>
         <div class="grid grid-cols-1 xl:grid-cols-6 xl:px-24">
           <div class="grid xl:col-span-4 container mx-auto">
diff --git a/src/pages/index.astro b/src/pages/index.astro
index f3fb9fa..b783895 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -10,7 +10,7 @@ const faqRespJson = await faqResp.json();
 const faqRespData = faqRespJson.data;
 import Footer from "../components/Footer.vue";
 ---
-<Layout title="" metaTitle="metaTiPreschooling with #1 Preschool Curriculum and Lesson Planstle" description="Preschool curriculum and lesson plans are essential for developing children's abilities. Check out our digital curriculum for smart preschool management." ogImg="" schema="" >
+<Layout title="" metaTitle="Preschooling with #1 Preschool Curriculum and Lesson Planstle" description="Preschool curriculum and lesson plans are essential for developing children's abilities. Check out our digital curriculum for smart preschool management." ogImg="https://teeny-astro.siliconpin.com/img/tb-logo.png" schema="" >
     <Menu/>
     <main>
         <div class="" style="font-family: quicksand;">