diff --git a/src/pages/occasion/index.astro b/src/pages/occasion/index.astro
index f93766d..034c974 100644
--- a/src/pages/occasion/index.astro
+++ b/src/pages/occasion/index.astro
@@ -52,12 +52,12 @@ import Footer from "../../components/Footer.vue";
                 <img class="w-fit h-fit" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.data[0].occassion} alt={occassion[0].occassion_text }>
             </div> 
         </div>
-    </section>  <!-- hero section Ends -->
+    </section>  <!-- hero section Ends      ???set:html="data.meta_description" -->
     <section class="container mx-auto px-2 xl:px-24 pt-24">
         <h1 class=" text-blue-700 h1-text px-4 font-semibold">Check Out Our Occasion Blog</h1>
         <p class="text-justify text-xl lg:text-3xl pt-2 text-color-2 px-4">Find relevant helpful articles for marketing preschool solutions below and get to know more about the same. </p>
         <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 mt-10 place-items-center">
-            {blogRespData.map((data) => 
+            {blogRespData.map((data: { title: string | undefined; date: string | undefined; slug: string | undefined; img: string | undefined; }) => 
             <div class="grid w-fit" > 
                 
                 <img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="occassionblog.img" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.img+'?width=420&amp;height=280'} alt="" >
@@ -81,7 +81,7 @@ import Footer from "../../components/Footer.vue";
         <div class="h1-text text-blue-700 font-semibold">Worksheets</div>
         <h1 class="text-2xl text-justify text-color-2 py-4" v-if="page">{occassion[0].worksheets_text}</h1>
         <div v-if="worksheets" class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-0">
-            {wkstRespData.map((data) =>             
+            {wkstRespData.map((data: { occassion_worksheets_img: string | undefined; file: string | undefined; }) =>             
                 <div class="flex relative p-4">
                     <img v-if="wkst.occassion_worksheets_img" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.occassion_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
                     <div v-if="wkst.file" class="absolute bottom-10 left-28">
@@ -112,7 +112,7 @@ import Footer from "../../components/Footer.vue";
         <h1 class="h1-text text-blue-700 font-semibold">Celebretion stories</h1>
         <h1 class="text-2xl text-justify text-color-2 py-4" v-if="page">{occassion[0].celebretion_stories_text}</h1>
         <div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 py-10 px-4 gap-12">
-            {csRespData.map((data) => 
+            {csRespData.map((data: { img: string | undefined; title: string | undefined; text: string | undefined; }) => 
                 <div class="flex bg-gray-200 rotate-6  rounded-tl-lg rounded-br-lg">
                     <div class="flex -rotate-6 relative"><img src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.img} alt="" class="rounded-tl-lg rounded-br-lg" />
                         <div class="flex absolute bg-white p-2 rounded-md m-4 justify-center text-sm md:text-xl">{data.title}</div>
@@ -128,7 +128,7 @@ import Footer from "../../components/Footer.vue";
         <div class="h1-text text-blue-700 font-semibold pt-16 ">YouTube Videos for your reference </div>
         <h1 class="text-2xl text-justify text-color-2 py-4">{occassion[0].youtube_text}</h1>
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5">
-            {ytRespData.map((data) => 
+            {ytRespData.map((data: { youtube_id: string | undefined; youtube_thumbnail: string | undefined; about_the_video: string | undefined; }) => 
                 <div class="p-2">
                     <a href={'https://www.youtube.com/watch?v='+data.youtube_id}>
                         <div>
@@ -144,7 +144,7 @@ import Footer from "../../components/Footer.vue";
         <div class="grid grid-cols-1 xl:grid-cols-2 xl:space-x-48">
             <div class="grid h-fit ">
                 <h1 class="text-4xl py-6 text-blue-700 font-semibold">Frequently Asked <span class="text-color-1">Questions</span></h1>
-                    {faqRespData.map((data) =>
+                    {faqRespData.map((data: { title: string | undefined; youtube_thumbnail: string | undefined; about_the_video: string | undefined; }) =>
                         <details>
                             <summary> 
                                 <div class="flex inline-flex cursor-pointer"> {data.title}</div>
@@ -161,7 +161,7 @@ import Footer from "../../components/Footer.vue";
     </main>
     <Footer/>
 </Layout>
-<style scopped>
+<style >
 .line-clamp-4 {
     display: -webkit-box;
     -webkit-line-clamp: 4;
diff --git a/src/pages/themes/index.astro b/src/pages/themes/index.astro
index 1c964b7..03d5676 100644
--- a/src/pages/themes/index.astro
+++ b/src/pages/themes/index.astro
@@ -59,12 +59,12 @@ import Footer from "../../components/Footer.vue";
                     </div> 
                 </div>
             </section>
-                                            <!-- section Celebretion Ideas -->
+                                           <!-- section Celebretion Ideas -->
             <section class="container mx-auto xl:px-24 py-16 px-4"> 
                 <div class="h1-text text-blue-700 font-semibold">Celebration Ideas </div>
                 <div class="text-2xl text-justify text-color-2">{themes[0].celebration_ideas_text}</div>
                 <div v-if="ideas" class="grid place-items-center grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 ">
-                        {tciRespData.map((data) => 
+                        {tciRespData.map((data: { celebration_ideas_img: string | undefined; celebration_ideas_title: string | undefined; celebration_ideas_body_text: string | undefined; title: string | undefined; }) => 
                             <div class="flex relative">
                                 <img v-if="ida.celebration_ideas_img" src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.celebration_ideas_img} alt="" class="pt-4 rounded-tl-xl rounded-br-xl shadow-xl" />
                                 <div class="absolute top-10 left-8 text-2xl text-color-1 font-semibold">{data.celebration_ideas_title}
@@ -85,7 +85,7 @@ import Footer from "../../components/Footer.vue";
                 <div class="h1-text text-blue-700 font-semibold">Worksheets</div>
                 <div class="text-2xl text-justify text-color-2" >{themes[0].worksheets_text}</div>
                 <div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-6">
-                        {twsRespData.map((data) =>
+                        {twsRespData.map((data: { title: string | undefined; theme_worksheets_img: string | undefined; file: string | undefined; }) =>
                         <div class="flex relative p-4">
                             <img src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.theme_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
                             <div class="absolute bottom-10 left-20">
@@ -133,7 +133,7 @@ import Footer from "../../components/Footer.vue";
             <div class="h1-text text-blue-700 font-semibold">YouTube Videos for your reference </div>
             <div class="text-2xl text-justify text-color-2">{themes[0].youtube_text}</div>
             <div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-5 pt-4">
-              {ytvRespData.map((data) =>
+              {ytvRespData.map((data: { youtube_id: string | undefined; youtube_thumbnail: string | undefined; about_the_video: string | undefined; }) =>
                 <div class="p-2">
                     <a href={'https://www.youtube.com/watch?v='+data.youtube_id}>
                         <div>
@@ -149,7 +149,7 @@ import Footer from "../../components/Footer.vue";
         <section class="container mx-auto px-4 xl:px-24 mb-16">
             <h2 class="h1-text text-center text-color-1 py-16 font-semibold"> Other Themes  </h2>
             <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 place-items-center gap-10">
-              {allthemesRespData.map((data) =>
+              {allthemesRespData.map((data: { theme_slug: string | undefined; theme_icon: string | undefined; }) =>
                 <div class="grid">
                         <a href={'/themes/'+ data.theme_slug}>
                             <img class="rounded-lg shadow-2xl" src={'https://curriculum-app-api.beanstalkedu.com/assets/' + data.theme_icon} alt=""/>