diff --git a/public/img/dailylesson-planw.jpg b/public/img/dailylesson-planw.jpg
new file mode 100644
index 0000000..7658725
Binary files /dev/null and b/public/img/dailylesson-planw.jpg differ
diff --git a/public/img/monthly-lesson-planw.jpg b/public/img/monthly-lesson-planw.jpg
new file mode 100644
index 0000000..ba2e21e
Binary files /dev/null and b/public/img/monthly-lesson-planw.jpg differ
diff --git a/public/img/transport-matching-worksheet.png b/public/img/transport-matching-worksheet.png
new file mode 100644
index 0000000..2bd2f3d
Binary files /dev/null and b/public/img/transport-matching-worksheet.png differ
diff --git a/public/img/weekly-lesson-planw.jpg b/public/img/weekly-lesson-planw.jpg
new file mode 100644
index 0000000..953e7bc
Binary files /dev/null and b/public/img/weekly-lesson-planw.jpg differ
diff --git a/src/components/Audio-books.vue b/src/components/Audio-books.vue
index 3e11fde..3dfed51 100644
--- a/src/components/Audio-books.vue
+++ b/src/components/Audio-books.vue
@@ -146,22 +146,21 @@
                 </div>
             </div>
         </section> -->
-        <section class="container mx-auto py-20">
-            <div class="grid grid-cols-1 xl:grid-cols-2 xl:space-x-48 px-4 xl:px-24">
-                <div class="grid h-fit">
-                    <h1 class="text-4xl py-6 text-blue-700 font-bold">Frequently Asked <span class="text-color-1">Questions</span></h1>
-                    <div v-for="faqAudio in faqAudio" :key="faqAudio.id" class="">
-                        <div class="grid h-fit text-color-2">
-                            <div tabindex="0" class="collapse collapse-arrow border-b">
-                                <div v-if="faqAudio" class="collapse-title md:text-xl ">&#43; &nbsp;{{ faqAudio.title }}</div>
-                                <div class="collapse-content md:text-lg"> 
-                                    <p class="" v-html="faqAudio.content"></p>
-                                </div>
-                            </div>
-                        </div>
+        <section class="container mx-auto py-20 px-4 xl:px-24" style="font-family: quicksand;">
+            <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>
+                    <div v-for="faqAudio in faqAudio" :key="faqAudio.id">
+                        <details>
+                            <summary> 
+                                <div class="flex inline-flex cursor-pointer" v-if="faqAudio"> &nbsp;  {{faqAudio.title}} </div>
+                            </summary>
+                                <div  v-html="faqAudio.content"></div>
+                        </details> 
                     </div>
+                           
                 </div>
-                <div class="grid place-items-center"><img src="/img/frequently.png" alt=""></div> 
+                <div class="grid place-items-center"><img src="/img/frequentlycc.png" alt=""></div> 
             </div>
         </section>
         <div v-if="abModal" id="abModal" class="flex justify-center abModal">
@@ -185,6 +184,7 @@ export default {
           abliteracy:null,
           abworld:null,
           abmath:null,
+          faqAudio: null,
           abID:''
 
       }
@@ -236,6 +236,30 @@ export default {
 
 <style scoped>
 
+details {
+        font-weight: lighter;
+        border-bottom: 1px solid #d4d4d4;
+        border-color: #d4d4d4;    
+        padding: .75em .0 0;
+        font-size: 16px;
+        /* margin-top: 10px; */
+        /* box-shadow:0 0 8px #d4d4d4; */
+    }
+    
+    summary {	
+        margin: -.75em -.75em 0;
+        padding: .80em;
+    }
+    
+    details[open] {
+        padding: .75em;
+          border-bottom: 1px solid #d4d4d4;
+    }
+    
+    details[open] summary {
+        border-bottom: 1px solid #d4d4d4;
+        /* margin-bottom: 10px; */
+    }
 .abModal {
   /* display: none;  */
   position: fixed;
diff --git a/src/components/Educators.vue b/src/components/Educators.vue
index cf76b59..91a9749 100644
--- a/src/components/Educators.vue
+++ b/src/components/Educators.vue
@@ -20,24 +20,24 @@
                 <p class="text-color-2 font-20px pb-16 pt-4 text-justify px-4">Specifically designed lesson plans are all you require this season! Created with the best strategies to invoke the right knowledge in children, these plans constitute a successful learning through a thoroughly constructed curriculum by providing worksheets, audio books, lessons, activities, games and much more associated with each plan.                 </p>
                 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-16 place-items-start px-4 " >
                     <div class="grid background rounded-xl">
-                        <div class="bottombar cursor-pointer mt-4 flex flex-col place-items-center">
-                            <img class="rounded-t-2xl" src="/img/dailylLesson-plan.jpg" alt="">
-                            <h1 class="text-3xl text-blue-700 font-semibold text-center p-2">Daily Plan </h1>
-                            <p class="text-white text-justify text-xl">Created with all essential subjects, escalate children’s learning and become time-efficient with this scholarly plan to assist the development aspects at this age. It includes literacy, mathematics, vocabulary, reading, understanding of the world and arts & crafts.</p>
+                        <div class="bottombar cursor-pointer mt-4">
+                            <img class=" w-fit rounded-t-2xl " src="/img/dailylesson-planw.jpg" alt="Daily Plan">
+                            <h1 class="text-3xl text-blue-700 font-semibold text-center p-2 hover:underline"><a href="/lesson-plan/dailyplan">Daily Plan</a> </h1>
+                            <p class="text-color-1 text-justify text-xl">Created with all essential subjects, escalate children’s learning and become time-efficient with this scholarly plan to assist the development aspects at this age. It includes literacy, mathematics, vocabulary, reading, understanding of the world and arts & crafts.</p>
                         </div>
                     </div>
                     <div class="grid background rounded-xl">
                         <div class="bottombar cursor-pointer mt-4">
-                            <img class=" w-fit rounded-t-2xl " src="/img/weekly-lesson-plan.png" alt="">
-                            <h1 class="text-3xl text-blue-700 font-semibold text-center p-2">Weekly Plan </h1>
-                            <p class="text-white text-justify text-xl">Making studies interesting for children is what every teacher or parent needs. The engaging plan is all about fun but fruitful learning. Get access to all kinds of learning activities including games, smart worksheets, quizzes, videos and many others.</p>
+                            <img class=" w-fit rounded-t-2xl " src="/img/weekly-lesson-planw.jpg" alt="Weekly Plan">
+                            <h1 class="text-3xl text-blue-700 font-semibold text-center p-2 hover:underline"><a href="/lesson-plan/weeklyplan">Weekly Plan</a> </h1>
+                            <p class="text-color-1 text-justify text-xl">Making studies interesting for children is what every teacher or parent needs. The engaging plan is all about fun but fruitful learning. Get access to all kinds of learning activities including games, smart worksheets, quizzes, videos and many others.</p>
                         </div>
                     </div>
                     <div class="grid background rounded-xl">
                         <div class="bottombar cursor-pointer mt-4">
-                            <img class=" w-fit rounded-t-2xl" src="/img/monthly-lesson-plan.png" alt="">
-                            <h1 class="text-3xl text-blue-700 font-semibold text-center p-2">Monthly Plan </h1>
-                            <p class="text-white text-xl text-justify">A combination of the scholarly and engaging plan, the most useful learning method of studying with fun learning has been adopted by the effective plan, along with adding a bunch of more concepts and activities to make children learn and grow successfully.</p>
+                            <img class=" w-fit rounded-t-2xl" src="/img/monthly-lesson-planw.jpg" alt="Monthly Plan">
+                            <h1 class="text-3xl text-blue-700 font-semibold text-center p-2 hover:underline"><a href="/lesson-plan/monthlyplan">Monthly Plan</a>  </h1>
+                            <p class="text-color-1 text-xl text-justify">A combination of the scholarly and engaging plan, the most useful learning method of studying with fun learning has been adopted by the effective plan, along with adding a bunch of more concepts and activities to make children learn and grow successfully.</p>
                         </div>
                     </div>
                 </div>
@@ -46,9 +46,9 @@
                 <div class="flex justify-center hero-text text-color-1 font-semibold mt-20 py-4 text-center">Make your Ideal Lesson Plan</div>
                 <p class="font-20px text-color-2 text-justify">Create a plan yourself through customization and choose the resources you need to educate children correctly. There are plenty of options to choose from and create! We allow you to personify plans according to time. </p>
                 <div class="grid grid-cols-1 md:grid-cols-3  place-items-center">
-                    <abbr class="" title="Create a plan for daily basis sum up with multiple subjects and activities essential for the growth needs as per the children’s understanding power."><a href="/lesson-plan/dailyplan"><img class="w-72 drop-shadow-xl" src="/img/daily.png" alt=""></a></abbr>
-                    <abbr class="" title="Design a plan for a weekly basis and come up with innovative ways to teach every week with new concepts."><a href="/lesson-plan/weeklyplan"><img class="w-72 drop-shadow-xl" src="/img/weekly.png" alt=""></a></abbr>
-                    <abbr class="" title="Customize a plan based on a month’s time and do not limit the knowledge of your children."><a href="/lesson-plan/monthlyplan"><img class="w-72 drop-shadow-xl" src="/img/monthly.png" alt=""></a></abbr>
+                    <abbr class="" title="Create a plan for daily basis sum up with multiple subjects and activities essential for the growth needs as per the children’s understanding power."><a href="/lesson-plan/dailyplan"><img class="w-72 drop-shadow-xl" src="/img/daily.png" alt="Daily Plan"></a></abbr>
+                    <abbr class="" title="Design a plan for a weekly basis and come up with innovative ways to teach every week with new concepts."><a href="/lesson-plan/weeklyplan"><img class="w-72 drop-shadow-xl" src="/img/weekly.png" alt="Weekly Plan"></a></abbr>
+                    <abbr class="" title="Customize a plan based on a month’s time and do not limit the knowledge of your children."><a href="/lesson-plan/monthlyplan"><img class="w-72 drop-shadow-xl" src="/img/monthly.png" alt="Monthly Plan"></a></abbr>
                 </div>
             </section>
             <section class="container mx-auto xl:px-24 mt-32">
@@ -90,19 +90,19 @@
                 </div>
             </section>
             <section class="container mx-auto px-4 xl:px-24">
-                    <div class="flex flex-rows-2 justify-center font-semibold hero-text mt-16 text-color-1 py-4 px-4">Resources To Choose From</div>
-                    <h2 class="text-justify text-2xl  ">Access to all necessary resources and establish a strong foundation of toddlers while engaging them and teaching every accurate concept.</h2>
-                    <div class="grid place-items-center w-auto ">
-                        <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-5 gap-x-8 place-items-center">
-                            <div class="grid text-2xl font-semibold text-slate-700"><a class="text-center" target="_blank" href="/audio-books"><img class="drop-shadow-2xl" draggable="false" src="/img/audiobook.png" alt="Audio-Books">Audio Books</a></div>
-                            <div class="grid text-2xl font-semibold text-slate-700"><a class="text-center" target="_blank" href="/worksheets"><img class="drop-shadow-2xl" draggable="false" src="/img/workshet.png" alt="Worksheets">Worksheets</a></div>
-                            <div class="grid text-2xl font-semibold text-slate-700"><a class="text-center" target="_blank" href="/videos"><img class="drop-shadow-2xl" draggable="false" src="/img/videos.png" alt="Videos">Videos</a></div>
-                            <div class="grid text-2xl font-semibold text-slate-700"><a class="text-center" target="_blank" href="/occassion"><img class="drop-shadow-2xl" draggable="false" src="/img/occasions.png" alt="Occassion">Occassion</a></div>
-                            <div class="grid text-2xl font-semibold text-slate-700"><a class="text-center" target="_blank" href="/themes"><img class="drop-shadow-2xl" draggable="false" src="/img/theme.png" alt="Themes">Themes</a></div>
-                        </div>
+                <div class="flex flex-rows-2 justify-center font-semibold hero-text mt-16 text-color-1 py-4 px-4">Resources To Choose From</div>
+                <h2 class="text-justify text-2xl  ">Access to all necessary resources and establish a strong foundation of toddlers while engaging them and teaching every accurate concept.</h2>
+                <div class="grid place-items-center w-auto ">
+                    <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-5 gap-x-8 place-items-center">
+                        <div class="grid text-2xl font-semibold text-slate-700"><a class="text-center" href="/audio-books"><img class="drop-shadow-2xl" draggable="false" src="/img/audiobook.png" alt="Audio-Books">Audio Books</a></div>
+                        <div class="grid text-2xl font-semibold text-slate-700"><a class="text-center" href="/worksheets"><img class="drop-shadow-2xl" draggable="false" src="/img/workshet.png" alt="Worksheets">Worksheets</a></div>
+                        <div class="grid text-2xl font-semibold text-slate-700"><a class="text-center" href="/videos"><img class="drop-shadow-2xl" draggable="false" src="/img/videos.png" alt="Videos">Videos</a></div>
+                        <div class="grid text-2xl font-semibold text-slate-700"><a class="text-center" href="/occassion"><img class="drop-shadow-2xl" draggable="false" src="/img/occasions.png" alt="Occassion">Occassion</a></div>
+                        <div class="grid text-2xl font-semibold text-slate-700"><a class="text-center" href="/themes"><img class="drop-shadow-2xl" draggable="false" src="/img/theme.png" alt="Themes">Themes</a></div>
                     </div>
-                    <div class="flex justify-center mt-16"><a href="/lesson-plan/dailyplan" class="bg-blue-700 text-white px-4 py-2 text-base rounded-br-lg rounded-tl-lg shadow-xl">View Plans</a></div>
-                </section>
+                </div>
+                <div class="flex justify-center mt-16"><a href="/lesson-plan/dailyplan" class="bg-blue-700 text-white px-4 py-2 text-base rounded-br-lg rounded-tl-lg shadow-xl">View Plans</a></div>
+            </section>
             <section class="container mx-auto pt-20 xl:px-24">
                 <div class="flex text-color-1 hero-text justify-center font-semibold">Curriculum Blogs</div>
                 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 mt-10 justify-center">
@@ -296,8 +296,8 @@ font-family: 'Quicksand', sans-serif;
   bottom: 12;
   line-clamp: 3;
   width: auto;
-  padding: 0px;
-  background-color: #f9b8ce;
+  padding: 10px;
+  background-color: #fef9c3;
   border-radius: 16px;
 }
 
@@ -307,7 +307,7 @@ font-family: 'Quicksand', sans-serif;
   width: auto;
   height: auto;
   padding: 10px;
-  background-color: #f9b8ce;
+  background-color: #fef9c3;
   border-radius: 16px;
 }
 .literacy {
diff --git a/src/components/EducatorsHeroButton.vue b/src/components/EducatorsHeroButton.vue
index 94f4c90..ea6fe0e 100644
--- a/src/components/EducatorsHeroButton.vue
+++ b/src/components/EducatorsHeroButton.vue
@@ -11,7 +11,7 @@
                     </div>
                 </div>
                 <div class="flex w-fit justify-center place-items-center">
-                    <img class="w-fit h-fit" src="/img/educators1e.png" alt="">
+                    <img class="w-fit h-fit" src="/img/educators1e.png" alt="Educate Conveniently by">
                 </div> 
             </div>
         </section>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 10a9ccb..ee8db75 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -7,9 +7,9 @@
                         <a href="/worksheets">&#60&nbsp; Preschool Worksheets &nbsp;|</a>
                         <a href="/audio-books">&nbsp; Preschool Audio Books &nbsp;|</a>
                         <a href="/videos">&nbsp; Preschool Videos &nbsp;|</a>
-                        <a href="/occassion">&nbsp; Preschool Occasions &nbsp;|</a>
+                        <a href="/occasion">&nbsp; Preschool Occasions &nbsp;|</a>
                         <a href="/themes">&nbsp; Preschool Themes &nbsp;|</a>
-                        <a href="/occassion">&nbsp; Preschool Celebration Ideas &nbsp; &#62</a>
+                        <a href="/lesson-plan/dailyplan">&nbsp; Preschool Lesson Plans &nbsp; &#62</a>
                     </div>
                 </div>
             </div>
diff --git a/src/components/ModalIndexEventIdeas.vue b/src/components/ModalIndexEventIdeas.vue
index e073d93..2f16012 100644
--- a/src/components/ModalIndexEventIdeas.vue
+++ b/src/components/ModalIndexEventIdeas.vue
@@ -1,22 +1,22 @@
 <template>
   <div>
       <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
-          <img draggable="false" src="/img/popular.png" alt="">
-          <h1 class="text-3xl text-color-1 font-semibold py-2">Event Ideas</h1>
-          <p class="font-20px text-justify text-color-2 line-clamp-3 xl:px-24">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>
-          <span class="text-blue-700 cursor-pointer font-bold text-left" @click="showAbModal('abModal')">Read More &gt;&gt;</span>
+          <img draggable="false" src="/img/popular.png" alt="Audio Books">
+          <h1 class="text-3xl text-color-1 font-semibold py-2">Audio Books</h1>
+          <p class="font-20px text-justify text-color-2 line-clamp-3 xl:px-24">Engage young minds with stories on-the-go! Audio books for preschoolers bring reading to life with narration, sound effects, and music.</p>
+          <!-- <span class="text-blue-700 cursor-pointer font-bold text-left" @click="showAbModal('abModal')">Read More &gt;&gt;</span> -->
           <a class="pt-2" 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>
       </div>
-      <div v-if="abModal" id="ytModal" class="flex justify-center abModal">
+      <!-- <div v-if="abModal" id="ytModal" class="flex justify-center abModal">
           <div class="modal-content" @click="doNothing()">
               <span  @click="hideAbModal" class="close">&times;</span>
               <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
                   <img draggable="false" src="/img/popular.png" alt="">
-                  <h1 class="text-3xl text-color-1 font-semibold py-2">Event Ideas</h1>
-                  <p class="text-xl text-justify text-color-2 w-64">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>
+                  <h1 class="text-3xl text-color-1 font-semibold py-2">Audio Books</h1>
+                  <p class="text-xl text-justify text-color-2 w-64">Engage young minds with stories on-the-go! Audio books for preschoolers bring reading to life with narration, sound effects, and music.</p>
               </div>
           </div>
-      </div>
+      </div> -->
   </div>
 </template>
 
diff --git a/src/components/ModalIndexLesson.vue b/src/components/ModalIndexLesson.vue
index 2c5cb01..e8f603a 100644
--- a/src/components/ModalIndexLesson.vue
+++ b/src/components/ModalIndexLesson.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
       <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
-          <img draggable="false" src="/img/report.png" alt="">
+          <img draggable="false" src="/img/report.png" alt="Lesson Plans">
           <h1 class="text-3xl text-color-1 font-semibold py-2">Lesson Plans</h1>
           <p class="font-20px text-justify text-color-2 line-clamp-3">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>
-          <span class="text-blue-700 cursor-pointer font-bold text-left" @click="showAbModal('abModal')">Read More &gt;&gt;</span>
+          <!-- <span class="text-blue-700 cursor-pointer font-bold text-left" @click="showAbModal('abModal')">Read More &gt;&gt;</span> -->
           <a class="pt-2" href="/lesson-plan/dailyplan"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
       </div>
-      <div v-if="abModal" id="ytModal" class="flex justify-center abModal">
+      <!-- <div v-if="abModal" id="ytModal" class="flex justify-center abModal">
           <div class="modal-content" @click="doNothing()">
               <span  @click="hideAbModal" class="close">&times;</span>
               <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
@@ -16,7 +16,7 @@
                   <p class="text-xl text-justify text-color-2 w-64">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>
               </div>
           </div>
-      </div>
+      </div> -->
   </div>
 </template>
 
diff --git a/src/components/ModalIndexThemes.vue b/src/components/ModalIndexThemes.vue
index 46d25e6..9093e12 100644
--- a/src/components/ModalIndexThemes.vue
+++ b/src/components/ModalIndexThemes.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
       <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
-          <img draggable="false" src="/img/classroom.png" alt="">
+          <img draggable="false" src="/img/classroom.png" alt="Themes">
           <h1 class="text-3xl text-color-1 font-semibold py-2">Themes</h1>
           <p class="font-20px text-justify text-color-2 line-clamp-3">Know how to improve preschooling experience by promoting different themes regularly in your preschool and engage your little audience.</p>
-          <span class="text-blue-700 cursor-pointer font-bold text-left" @click="showAbModal('abModal')">Read More &gt;&gt;</span>
+          <!-- <span class="text-blue-700 cursor-pointer font-bold text-left" @click="showAbModal('abModal')">Read More &gt;&gt;</span> -->
           <a class="pt-2" 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>
       </div>
-      <div v-if="abModal" id="ytModal" class="flex justify-center abModal">
+      <!-- <div v-if="abModal" id="ytModal" class="flex justify-center abModal">
           <div class="modal-content" @click="doNothing()">
               <span  @click="hideAbModal" class="close">&times;</span>
               <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
@@ -16,7 +16,7 @@
                   <p class="text-xl text-justify text-color-2 w-64">Know how to improve preschooling experience by promoting different themes regularly in your preschool and engage your little audience.</p>
               </div>
           </div>
-      </div>
+      </div> -->
   </div>
 </template>
 
diff --git a/src/components/ModalIndexVideos.vue b/src/components/ModalIndexVideos.vue
index 1315b61..4de61d7 100644
--- a/src/components/ModalIndexVideos.vue
+++ b/src/components/ModalIndexVideos.vue
@@ -1,22 +1,22 @@
 <template>
   <div>
       <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
-          <img draggable="false" src="/img/event.png" alt="">
+          <img draggable="false" src="/img/event.png" alt="Videos">
           <h1 class="text-3xl text-color-1 font-semibold py-2">Videos</h1>
-          <p class="font-20px text-justify text-color-2 line-clamp-3 xl:px-24">See videos related to ideas for class management, seamless teaching techniques, several activities for preschoolers and many other relevant videos associated with preschool.</p>
-          <span class="text-blue-700 cursor-pointer font-bold text-left" @click="showAbModal('abModal')">Read More &gt;&gt;</span>
+          <p class="font-20px text-justify text-color-2 line-clamp-3 xl:px-24">Educational videos aligned with the Early Years Foundation Stage (EYFS) curriculum, supporting the development of young children's knowledge and skills.</p>
+          <!-- <span class="text-blue-700 cursor-pointer font-bold text-left" @click="showAbModal('abModal')">Read More &gt;&gt;</span> -->
           <a class="pt-2" 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>
       </div>
-      <div v-if="abModal" id="ytModal" class="flex justify-center abModal">
+      <!-- <div v-if="abModal" id="ytModal" class="flex justify-center abModal">
           <div class="modal-content" @click="doNothing()">
               <span  @click="hideAbModal" class="close">&times;</span>
               <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="text-xl text-justify text-color-2 w-64">See videos related to ideas for class management, seamless teaching techniques, several activities for preschoolers and many other relevant videos associated with preschool.</p>
+                  <p class="text-xl text-justify text-color-2 w-64">Educational videos aligned with the Early Years Foundation Stage (EYFS) curriculum, supporting the development of young children's knowledge and skills.</p>
               </div>
           </div>
-      </div>
+      </div> -->
   </div>
 </template>
 
diff --git a/src/components/ModalIndexWorksheet.vue b/src/components/ModalIndexWorksheet.vue
index 62b8788..6ce8040 100644
--- a/src/components/ModalIndexWorksheet.vue
+++ b/src/components/ModalIndexWorksheet.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
       <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
-          <img draggable="false" src="/img/plan.png" alt="">
+          <img draggable="false" src="/img/plan.png" alt="Worksheets">
           <h1 class="text-3xl text-color-1 font-semibold py-2">Worksheets</h1>
           <p class="font-20px text-justify text-color-2 line-clamp-3">Get access to well-structured worksheets that are prepared as per the growth needs of children and respond to their stimulating cells.</p>
-          <span class="text-blue-700 cursor-pointer font-bold text-left" @click="showAbModal('abModal')">Read More &gt;&gt;</span>
+          <!-- <span class="text-blue-700 cursor-pointer font-bold text-left" @click="showAbModal('abModal')">Read More &gt;&gt;</span> -->
           <a class="pt-2" 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>
       </div>
-      <div v-if="abModal" id="ytModal" class="flex justify-center abModal">
+      <!-- <div v-if="abModal" id="ytModal" class="flex justify-center abModal">
           <div class="modal-content" @click="doNothing()">
               <span  @click="hideAbModal" class="close">&times;</span>
               <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
@@ -16,7 +16,7 @@
                   <p class="text-xl text-justify text-color-2 w-64">Get access to well-structured worksheets that are prepared as per the growth needs of children and respond to their stimulating cells.</p>
               </div>
           </div>
-      </div>
+      </div> -->
   </div>
 </template>
 
diff --git a/src/components/Premium.vue b/src/components/Premium.vue
index 0f50091..79c1f84 100644
--- a/src/components/Premium.vue
+++ b/src/components/Premium.vue
@@ -39,7 +39,7 @@
                 <h1 class="text-center mt-4 text-2xl text3">10 Children Accounts/ Teacher</h1>
                 <h1 class="text-center mt-4 text-3xl text3">Free Resources</h1>
                 <div class="mt-10 flex justify-center">
-                    <a href="/teachers-license"><h1 class="text-center text-3xl bg4 rounded-3xl py-4 text-white font-semibold w-fit px-16">GET QUOTE</h1></a>
+                    <a href="/school-license"><h1 class="text-center text-3xl bg4 rounded-3xl py-4 text-white font-semibold w-fit px-16">GET QUOTE</h1></a>
                 </div>
             </div>
         </div>
diff --git a/src/components/ThemesAudioBook.vue b/src/components/ThemesAudioBook.vue
index dfb786d..d8a5bdb 100644
--- a/src/components/ThemesAudioBook.vue
+++ b/src/components/ThemesAudioBook.vue
@@ -7,7 +7,7 @@
                 <div @click="showAbModal(audiobooks.file)">
                     <div class="grid place-items-center cursor-pointer">
                         <div class=" ">
-                            <img class="w-56" v-if="audiobooks.audio_icon" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.audio_icon" alt=""/>
+                            <img class="w-56" v-if="audiobooks.audio_icon" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.audio_icon" :alt=audiobooks.alt_text/>
                         </div>
                         <h1 class="pt-4  w-fit font-20px text-center">{{audiobooks.title}}</h1>   
                     </div>
diff --git a/src/components/Videos.vue b/src/components/Videos.vue
index 36d918e..3fcee77 100644
--- a/src/components/Videos.vue
+++ b/src/components/Videos.vue
@@ -156,22 +156,21 @@
                 </div>
             </div>
         </section> --> 
-        <section class="container mx-auto py-20 px-4">
-            <div class="grid grid-cols-1 xl:grid-cols-2 xl:space-x-48 px-4 xl:px-24">
-                <div class="grid h-fit">
+        <section class="container mx-auto py-20 px-4 xl:px-24" style="font-family: quicksand;">
+            <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>
-                    <div v-for="faqVideos in faqVideos" :key="faqVideos.id" class="">
-                        <div class="grid h-fit text-color-2">
-                            <div tabindex="0" class="collapse collapse-arrow border-b">
-                                <div v-if="faqVideos" class="collapse-title md:text-xl ">&#43; &nbsp;{{ faqVideos.title }}</div>
-                                <div class="collapse-content md:text-lg"> 
-                                    <p class="" v-html="faqVideos.content"></p>
-                                </div>
-                            </div>
-                        </div>
+                    <div v-for="faqVideos in faqVideos" :key="faqVideos.id">
+                        <details>
+                            <summary> 
+                                <div class="flex inline-flex cursor-pointer" v-if="faqVideos"> &nbsp;  {{faqVideos.title}} </div>
+                            </summary>
+                                <div  v-html="faqVideos.content"></div>
+                        </details> 
                     </div>
+                           
                 </div>
-                <div class="grid place-items-center"><img src="/img/frequently.png" alt=""></div> 
+                <div class="grid place-items-center"><img src="/img/frequentlycc.png" alt=""></div> 
             </div>
         </section>
                     <!-- Youtube Modal -->
@@ -257,6 +256,30 @@ export default {
 </script>
 
 <style scoped>
+details {
+        font-weight: lighter;
+        border-bottom: 1px solid #d4d4d4;
+        border-color: #d4d4d4;    
+        padding: .75em .0 0;
+        font-size: 16px;
+        /* margin-top: 10px; */
+        /* box-shadow:0 0 8px #d4d4d4; */
+    }
+    
+    summary {	
+        margin: -.75em -.75em 0;
+        padding: .80em;
+    }
+    
+    details[open] {
+        padding: .75em;
+          border-bottom: 1px solid #d4d4d4;
+    }
+    
+    details[open] summary {
+        border-bottom: 1px solid #d4d4d4;
+        /* margin-bottom: 10px; */
+    }
 .bg3 {
   background: linear-gradient(0deg, rgb(191, 219, 254, 1) 0%, rgba(255, 255, 255) 100%);
 }
diff --git a/src/components/Worksheets.vue b/src/components/Worksheets.vue
index ef64ba1..55b296a 100644
--- a/src/components/Worksheets.vue
+++ b/src/components/Worksheets.vue
@@ -128,7 +128,7 @@
                 <div class="grid">
                     <div  class="grid place-items-center">
                         <div class="bg-gray-200 w-56 h-72 relative -rotate-6 rounded-tl-xl rounded-br-xl shadow-xl">
-                            <img class="w-56 h-72 rotate-6 relative" src="/img/rectangle1.png" alt=""/>
+                            <img class="w-56 h-72 rotate-6 relative" src="/img/transport-matching-worksheet.png" alt=""/>
                         </div>
                         <h1 class="text-center pt-8 w-fit font-20px opacity-0">Click for View All</h1>
                         <a href="/worksheets/understanding-the-worlds" class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8">View All</a>
@@ -152,24 +152,23 @@
                 </div>
             </div>
         </section> -->
-        <section class="container mx-auto py-20 px-4 ">
-                <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>
-                        <div v-for="faqWorksheets in faqWorksheets" :key="faqWorksheets.id" class="">
-                            <div class="grid h-fit text-color-2">
-                                <div tabindex="0" class="collapse collapse-arrow border-b">
-                                    <div v-if="faqWorksheets" class="collapse-title md:text-xl ">&#43; &nbsp;{{ faqWorksheets.title }}</div>
-                                    <div class="collapse-content md:text-lg"> 
-                                        <p class="" v-html="faqWorksheets.content"></p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
+        <section class="container mx-auto py-20 px-4 xl:px-24" style="font-family: quicksand;">
+            <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>
+                    <div v-for="faqWorksheets in faqWorksheets" :key="faqWorksheets.id">
+                        <details>
+                            <summary> 
+                                <div class="flex inline-flex cursor-pointer" v-if="faqWorksheets"> &nbsp;  {{faqWorksheets.title}} </div>
+                            </summary>
+                                <div  v-html="faqWorksheets.content"></div>
+                        </details> 
                     </div>
-                    <div class="grid place-items-center"><img src="/img/frequently.png" alt=""></div> 
+                           
                 </div>
-            </section>
+                <div class="grid place-items-center"><img src="/img/frequentlycc.png" alt=""></div> 
+            </div>
+        </section>
     </div>
 </template>
 <script>
@@ -216,12 +215,7 @@ export default {
                 this.wsWorld=worksheets.data.reverse().slice(0, 3)
                 // console.log(this.wsWorld)
             })
-            fetch('https://management.beanstalkedu.com/items/FAQ?filter[property][_eq]=teenybeans_curriculum&filter[slug][_eq]=worksheets')
-            .then(resp => resp.json())
-            .then(data => {
-            this.faqWorksheets=data.data
-            // console.log(this.faqWorksheets)
-            })
+            
       
             // fetch('https://management.beanstalkedu.com/items/worksheet_menu?limit=3')
             // .then(resp => resp.json())
@@ -237,11 +231,41 @@ export default {
     },
     mounted: function () {
         this.getWorksheets()
+        fetch('https://management.beanstalkedu.com/items/FAQ?filter[property][_eq]=teenybeans_curriculum&filter[slug][_eq]=worksheets')
+            .then(resp => resp.json())
+            .then(data => {
+            this.faqWorksheets=data.data
+            // console.log(this.faqWorksheets)
+            })
     }
 }
 </script>
 
 <style scoped>
+details {
+        font-weight: lighter;
+        border-bottom: 1px solid #d4d4d4;
+        border-color: #d4d4d4;    
+        padding: .75em .0 0;
+        font-size: 16px;
+        /* margin-top: 10px; */
+        /* box-shadow:0 0 8px #d4d4d4; */
+    }
+    
+    summary {	
+        margin: -.75em -.75em 0;
+        padding: .80em;
+    }
+    
+    details[open] {
+        padding: .75em;
+          border-bottom: 1px solid #d4d4d4;
+    }
+    
+    details[open] summary {
+        border-bottom: 1px solid #d4d4d4;
+        /* margin-bottom: 10px; */
+    }
 .bg3 {
   background: linear-gradient(0deg, rgb(191, 219, 254, 1) 0%, rgba(255, 255, 255) 100%);
 }
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 0b25ac5..1fbace8 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -37,7 +37,7 @@ import Footer from "../components/Footer.vue";
                         <HeroButton client:visible/>
                     </div>
                     <div class="flex w-full justify-end place-items-end">
-                        <img class="h-fit " src="/img/hompage-r.png" alt="">
+                        <img class="h-fit " src="/img/hompage-r.png" alt="Tech-First Preschool Curriculum">
                     </div> 
                 </div>
             </section>
@@ -78,13 +78,13 @@ import Footer from "../components/Footer.vue";
                 <div class="flex flex-rows-2 justify-center font-semibold hero-text mt-8 text-color-1 py-10 px-4">Resources To Choose From</div>
                 <div class="grid grid-rows-1 md:grid-rows-2 place-items-center my-8 w-auto">
                     <div class="grid grid-cols-1 md:grid-cols-3 gap-x-4 place-items-center">
-                        <div class="grid text-2xl font-semibold text-slate-700"><a target="_blank" href="/audio-books"><img class="flex inline-flex" draggable="false" src="/img/audiobook.png" alt="Audio-Books">Audio Books</a></div>
-                        <div class="grid text-2xl font-semibold text-slate-700"><a target="_blank" href="/worksheets"><img class="flex inline-flex" draggable="false" src="/img/workshet.png" alt="Worksheets">Worksheets</a></div>
-                        <div class="grid text-2xl font-semibold text-slate-700"><a target="_blank" href="/videos"><img class="flex inline-flex" draggable="false" src="/img/videos.png" alt="Videos">Videos</a></div>
+                        <div class="grid text-2xl font-semibold text-slate-700"><a href="/audio-books"><img class="flex inline-flex" draggable="false" src="/img/audiobook.png" alt="Audio-Books">Audio Books</a></div>
+                        <div class="grid text-2xl font-semibold text-slate-700"><a href="/worksheets"><img class="flex inline-flex" draggable="false" src="/img/workshet.png" alt="Worksheets">Worksheets</a></div>
+                        <div class="grid text-2xl font-semibold text-slate-700"><a href="/videos"><img class="flex inline-flex" draggable="false" src="/img/videos.png" alt="Videos">Videos</a></div>
                     </div>
                     <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 place-items-center">
-                      <div class="grid text-2xl font-semibold text-slate-700"><a target="_blank" href="/occasion"><img class="flex inline-flex" draggable="false" src="/img/occasions.png" alt="Occasion">Occasion</a></div>
-                        <div class="grid text-2xl font-semibold text-slate-700"><a target="_blank" href="/themes"><img class="flex inline-flex" draggable="false" src="/img/theme.png" alt="Themes">Themes</a></div>
+                      <div class="grid text-2xl font-semibold text-slate-700"><a href="/occasion"><img class="flex inline-flex" draggable="false" src="/img/occasions.png" alt="Occasion">Occasion</a></div>
+                        <div class="grid text-2xl font-semibold text-slate-700"><a href="/themes"><img class="flex inline-flex" draggable="false" src="/img/theme.png" alt="Themes">Themes</a></div>
                     </div>
                 </div>
             </section>
@@ -93,10 +93,10 @@ import Footer from "../components/Footer.vue";
                 <div class="flex flex-row place-content-between">
                     <div class="flex flex-col justify-center ">
                     <h2 class="text-color-1 hero-text font-bold 2xl:w-8/12">Discover our Worksheets for Preschoolers</h2>
-                    <button class="bg-blue-700 text-white text-lg rounded-tl-lg rounded-br-lg shadow-xl w-fit px-6 py-2">Discover All</button>
+                    <a href="/worksheets"><button class="bg-blue-700 text-white text-lg rounded-tl-lg rounded-br-lg shadow-xl w-fit px-6 py-2">Discover All</button></a>
                     </div>
                     <div class="flex ">
-                    <img class="w-80" src="/img/fire-fighter.png" alt=""/>
+                    <img class="w-80" src="/img/fire-fighter.png" alt="fire-fighter"/>
                     </div>
                 </div>
             </section>
@@ -111,31 +111,38 @@ import Footer from "../components/Footer.vue";
                         </div>
                     </div>
                     <div class="grid ">
-                        <img src="/img/legends.png" alt="" class="p-8"> 
+                        <img src="/img/legends.png" alt="EYFS Curriculum & Its Impact" class="p-8"> 
                         <div class="flex relative justify-center text-xs ">
                             <div class="grid">
                                 <div class="flex relative justify-center text-xs">
                                     <img class="" src="/img/frame1.png" alt="">
-                                    <p class="literacy absolute ml-24 -mt-10 md:-mt-0 md:ml-28 cursor-pointer"><abbr title="Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum dicta sequi repudiandae vero sed aspernatur ratione voluptatem expedita quis quibusdam ipsam tenetur culpa autem possimus quaerat dolor, fugiat iste excepturi.">
+                                    <p class="literacy absolute ml-24 -mt-10 md:-mt-0 md:ml-28 cursor-pointer">
+                                      <abbr title="The aim is to lay a strong foundation for children in literacy by introducing them to language during the early stages of their life, thereby preparing them for school.">
                                         Literacy</abbr>
                                     </p>
-                                    <p class="comunication absolute -mt-8 md:mt-12 ml-48 md:ml-72 text-center cursor-pointer"><abbr title="Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum dicta sequi repudiandae vero sed aspernatur ratione voluptatem expedita quis quibusdam ipsam tenetur culpa autem possimus quaerat dolor, fugiat iste excepturi.">
+                                    <p class="comunication absolute -mt-8 md:mt-12 ml-48 md:ml-72 text-center cursor-pointer">
+                                      <abbr title="The objective is to teach appropriate behavioral patterns and develop skills in toddlers to enhance their confidence and facilitate smooth communication with others.">
                                         Comunication <br>& Language</abbr>
                                     </p>
-                                    <p class="mathematics absolute ml-48 md:ml-72 -mt-32 md:-mt-0  text-center cursor-pointer"><abbr title="Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum dicta sequi repudiandae vero sed aspernatur ratione voluptatem expedita quis quibusdam ipsam tenetur culpa autem possimus quaerat dolor, fugiat iste excepturi.">
+                                    <p class="mathematics absolute ml-48 md:ml-72 -mt-32 md:-mt-0  text-center cursor-pointer">
+                                      <abbr title=" Build a strong math foundation by starting with basics to enhance pre-math knowledge and boost performance in future learning.">
                                         Mathematics</abbr>
                                     </p>
-                                    <p class="world absolute -mt-36 ml-12 md:-mt-4 lg:ml-20 text-center cursor-pointer"><abbr title="Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum dicta sequi repudiandae vero sed aspernatur ratione voluptatem expedita quis quibusdam ipsam tenetur culpa autem possimus quaerat dolor, fugiat iste excepturi.">
+                                    <p class="world absolute -mt-36 ml-12 md:-mt-4 lg:ml-20 text-center cursor-pointer">
+                                      <abbr title="Foster self-responsibility, independence, and positive character development in children to better understand societal phenomena.">
                                         Understanding <br> the World </abbr>
                                     </p>
-                                    <p class="physical absolute -mt-24 md:mt-4 -ml-40 md:-ml-56 text-center cursor-pointer"><abbr title="Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum dicta sequi repudiandae vero sed aspernatur ratione voluptatem expedita quis quibusdam ipsam tenetur culpa autem possimus quaerat dolor, fugiat iste excepturi.">
+                                    <p class="physical absolute -mt-24 md:mt-4 -ml-40 md:-ml-56 text-center cursor-pointer">
+                                      <abbr title="Offering guidance and engaging in outdoor activities for fun to promote physical development at every stage.">
                                         Physical <br> Development </abbr>
                                     </p>
-                                    <p class="expressive absolute -mt-16 md:mt-4 -ml-48 md:-ml-80 text-center cursor-pointer"><abbr title="Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum dicta sequi repudiandae vero sed aspernatur ratione voluptatem expedita quis quibusdam ipsam tenetur culpa autem possimus quaerat dolor, fugiat iste excepturi.">
+                                    <p class="expressive absolute -mt-16 md:mt-4 -ml-48 md:-ml-80 text-center cursor-pointer">
+                                      <abbr title="Stimulating the mind cells through extracurricular activities especially arts and designing to help children acquire new talents.">
                                         Expressive Arts<br> & Desgine </abbr>
                                     </p>
-                                    <p class="preschool absolute -ml-28 md:-ml-40 -mt-4 md:mt-4 text-center cursor-pointer"><abbr title="Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum dicta sequi repudiandae vero sed aspernatur ratione voluptatem expedita quis quibusdam ipsam tenetur culpa autem possimus quaerat dolor, fugiat iste excepturi.">
-                                        Preschool, Social <br>& Emotional <br>Development</abbr>
+                                    <p class="preschool absolute -ml-28 md:-ml-40 -mt-4 md:mt-4 text-center cursor-pointer">
+                                      <abbr title="The focus is on the comprehensive development of children, taking into consideration all aspects of their growth to ensure a better future.">
+                                      Personal, Social <br>& Emotional <br>Development</abbr>
                                     </p>
                                 </div>
                             </div>
@@ -150,24 +157,24 @@ import Footer from "../components/Footer.vue";
                 <div class="flex flex-col lg:flex-row justify-center gap-16">
                     <a href="/educators">
                         <div class="flex rotate1 rounded-xl place-items-center">
-                        <div class="rotate2 width bg-gray-200 width rotate-6 rounded-xl"><img class="rotate3 rounded-xl -rotate-6" src="/img/teacherb.png" alt=""></div>
+                        <div class="rotate2 width bg-gray-200 width rotate-6 rounded-xl"><img class="rotate3 rounded-xl -rotate-6" src="/img/teacherb.png" alt="Teeny Beans for Educators & Teachers"></div>
                         <h1 class=" pl-8 text-2xl w-80">Teeny Beans for Educators & Teachers</h1>
                     </div>
                     </a>
                     <a href="/administrators">
                         <div class="flex rotate1 rounded-xl place-items-center">
-                        <div class="rotate2 width bg-gray-200 width rotate-6 rounded-xl"><img class="rotate3 rounded-xl -rotate-6" src="/img/ownersb.png" alt=""></div>
+                        <div class="rotate2 width bg-gray-200 width rotate-6 rounded-xl"><img class="rotate3 rounded-xl -rotate-6" src="/img/ownersb.png" alt="Teeny Beans for Owners & Administrators"></div>
                         <h1 class=" pl-8 text-2xl w-80">Teeny Beans for Owners & Administrators</h1>
                     </div>
                     </a>
                 </div>
             </section>
             <section class="container mx-auto px-4 xl:px-24 pt-16">
-                <h1 class="hero-text text-center text-blue-700 font-semibold"> <span class="underline-1">What people</span><span class="underline-1">are Saying!</span>  </h1>
+                <h1 class="hero-text text-center text-blue-700 font-semibold underline-1">What people are Saying!  </h1>
                 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 place-items-start pt-16" style="font-family:Quicksand">
                     <div class="grid background border0 rounded-xl shadow-xl">
                         <div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none">
-                            <img class=" w-full rounded-t-2xl" src="/img/sudha-gosavi.png" alt="">
+                            <img class=" w-full rounded-t-2xl" src="/img/sudha-gosavi.png" alt="Sudha Mangesh Gosavi">
                             <h1 class="text-2xl text-blue-700 font-semibold text-center py-2">"Completely Satisfied" </h1>
                             <p class="text-color-2 font-20px">I'm very thankful to Teeny Beans, because when I planned to open a preschool in Nagpur, I was very confused about how to start and what to do and things were going very messy. When I found Teeny Beans, I was completely happy since there was no royalty, no deposit, and no franchise fee, but I received complete help to open my preschool.
                               <br> <br> 
@@ -181,7 +188,7 @@ import Footer from "../components/Footer.vue";
                     </div>
                     <div class="grid background border0 rounded-xl shadow-xl">
                         <div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none">
-                            <img class=" w-full rounded-t-2xl" src="/img/nirmal-singh.png" alt="">
+                            <img class=" w-full rounded-t-2xl" src="/img/nirmal-singh.png" alt="Nirmal Singh">
                             <h1 class="text-2xl text-blue-700 font-semibold text-center py-2">"Perfect Solution" </h1>
                             <p class="text-color-2 font-20px">As many other preschool service providers do not give us an opportunity to create our own brand, Teeny Beans does. Building our own brand is beneficial for us in the long run as we are not only targeting preschool education but also high-level eucation (secondary) in the long run. It’s also a matter of pride for pre school owners to operate their own brand.
                                 <br> <br> 
@@ -193,7 +200,7 @@ import Footer from "../components/Footer.vue";
                     </div>
                     <div class="grid background border0 rounded-xl shadow-xl">
                         <div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none">
-                            <img class=" w-full rounded-t-2xl" src="/img/sharmistha-mishra.png" alt="">
+                            <img class=" w-full rounded-t-2xl" src="/img/sharmistha-mishra.png" alt="Sharmistha Mishra">
                             <h1 class="text-2xl text-blue-700 font-semibold text-center p-2">"Great Service" </h1>
                             <p class="text-color-2 font-20px">Being a beginner in this business, I was a bit tense about opening up the PRE-SCHOOL. But the continuous support and guidance regarding the whole training process, benefits, selection of area, pre-advertising, etc., made me confident and satisfied to start with it.
                                 <br> <br> <strong>Sharmistha Mishra</strong> <strong> <br>NEST International Preschool
@@ -204,7 +211,7 @@ import Footer from "../components/Footer.vue";
                     </div>
                     <div class="grid background border0 rounded-xl shadow-xl">
                         <div class="bottombar cursor-pointer line-clamp-2 hover:line-clamp-none">
-                            <img class=" w-full rounded-t-2xl" src="/img/jane-martina.png" alt="">
+                            <img class=" w-full rounded-t-2xl" src="/img/jane-martina.png" alt="Ms. Jane Martina">
                             <h1 class="text-2xl text-blue-700 font-semibold text-center p-2">"Extremely Supportive" </h1>
                             <p class="text-color-2 font-20px">You need the right partner to support you in establishing your school. Teeny Beans was extremely supportive, right from choosing the teaching aids, play items, and furniture, and they said that a friendly ambiance is much more preferred than a very expensive outlook. "You need to trust your partner. Every communication was very supportive, even when you doubted yourself. Teeny beans were giving options."
                                 <br> <br> <strong>Ms. Jane Martina</strong> <strong> 
@@ -229,7 +236,7 @@ import Footer from "../components/Footer.vue";
                             </details>
                         )}    
                     </div>
-                    <div class="grid place-items-center"><img src="/img/frequentlycc.png" alt=""></div> 
+                    <div class="grid place-items-center"><img src="/img/frequentlycc.png" alt="Frequently Asked Questions"></div> 
                 </div>
             </section>
         </div>
@@ -351,7 +358,7 @@ import Footer from "../components/Footer.vue";
     }
     .mathematics {
         transform: rotate(-50deg);
-        top: 373px;
+        top: 360px;
     }
     .world {
         transform: rotate(-10deg);
diff --git a/src/pages/occasion/index.astro b/src/pages/occasion/index.astro
index 8827da4..9dddb9f 100644
--- a/src/pages/occasion/index.astro
+++ b/src/pages/occasion/index.astro
@@ -89,7 +89,7 @@ import Footer from "../../components/Footer.vue";
         <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: { occassion_worksheets_img: string | undefined; file: string | undefined; }) =>             
                 <div class="flex relative p-4">
-                    <img src={'https://management.beanstalkedu.com/assets/'+data.occassion_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
+                    <img src={'https://management.beanstalkedu.com/assets/'+data.occassion_worksheets_img} alt={data.alt_text} />
                     <div class="absolute bottom-10 left-28">
                         <a href={'https://management.beanstalkedu.com/assets/'+ data.file+'?download'}>
                         <h3 class="text-center inline-block px-6 py-2.5 bg-blue-500 text-white font-medium text-xs leading-tight rounded shadow-md hover:bg-blue-400 hover:shadow-lg focus:bg-blue-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> Download </h3>
@@ -121,7 +121,7 @@ import Footer from "../../components/Footer.vue";
             {cbsRespData.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" src={'https://management.beanstalkedu.com/assets/'+data.img} style="width:100%; height: 205px;" alt="" >
+                <img class="w-full rounded-tl-3xl rounded-br-3xl px-4" src={'https://management.beanstalkedu.com/assets/'+data.img} style="width:100%; height: 205px;" alt={data.alt_text} >
                 <div class="flex bg-yellow-200 absolute mt-32 lg:mt-36 ml-8 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full place-items-center text-center p-1">{ data.date}</div>
                 <h2 class="text-color-1 text-3xl font-semibold pt-4 px-4 line-clamp-2 ">{ data.title}</h2>
                 <div class="text-justify line-clamp-3 font-20px text-color-2 px-4 line-clamp-4" set:html="data.meta_description"></div>
diff --git a/src/pages/themes/[id].astro b/src/pages/themes/[id].astro
index e3f4285..49c08b5 100644
--- a/src/pages/themes/[id].astro
+++ b/src/pages/themes/[id].astro
@@ -44,7 +44,7 @@ const allthemesResp = await fetch('https://management.beanstalkedu.com/items/the
 const allthemesRespJson = await allthemesResp.json();
 const allthemesRespData = allthemesRespJson.data;
 
-const faqresponse = await fetch('https://management.beanstalkedu.com/items/FAQ?filter[property][_eq]=teenybeans_curriculum&filter[slug][_eq]=themes');
+const faqresponse = await fetch('https://management.beanstalkedu.com/items/FAQ?filter[property][_eq]=teenybeans_curriculum&filter[slug][_eq]=' + id);
 const faqdata = await faqresponse.json();
 const faq = faqdata.data;
 
@@ -62,7 +62,7 @@ import Footer from "../../components/Footer.vue";
                 <div class="flex flex-col xl:flex-row container mx-auto xl:px-24">
                     <div class="flex flex-col w-fit justify-center px-4 ">
                         <div class="">
-                            <h1 class="text-blue-700 hero-text font-bold">Theme of the Month- <span class="text-color-1" v-if="page">{themes[0].theme_title}</span></h1>
+                            <h1 class="text-blue-700 hero-text font-bold">Theme of the Month- <span class="text-color-1">{themes[0].theme_title}</span></h1>
                             <div class="flex h2-text text-color-1 font-semibold pt-8">{themes[0].theme_text }</div>
                             <div class="flex text-justify font-18px text-color-2 pt-4">{themes[0].theme_details }</div> 
                         </div>