diff --git a/public/img/all-2nd.png b/public/img/all-2nd.png
new file mode 100644
index 0000000..7caafd4
Binary files /dev/null and b/public/img/all-2nd.png differ
diff --git a/public/img/all-3.png b/public/img/all-3.png
new file mode 100644
index 0000000..76833d9
Binary files /dev/null and b/public/img/all-3.png differ
diff --git a/public/img/all-3rd.png b/public/img/all-3rd.png
new file mode 100644
index 0000000..b3e562b
Binary files /dev/null and b/public/img/all-3rd.png differ
diff --git a/public/img/all1st.png b/public/img/all1st.png
new file mode 100644
index 0000000..0a3272d
Binary files /dev/null and b/public/img/all1st.png differ
diff --git a/public/img/literacy.png b/public/img/literacy.png
new file mode 100644
index 0000000..ee2cda7
Binary files /dev/null and b/public/img/literacy.png differ
diff --git a/public/img/math.png b/public/img/math.png
new file mode 100644
index 0000000..76b0230
Binary files /dev/null and b/public/img/math.png differ
diff --git a/src/components/Administrators.vue b/src/components/Administrators.vue
index 817f46e..23b8696 100644
--- a/src/components/Administrators.vue
+++ b/src/components/Administrators.vue
@@ -54,10 +54,10 @@
             <p class="text-justify text-xl lg:text-2xl 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">
                 <div class="grid w-fit" v-for="marketing in marketing" :key="marketing"> 
-                    <img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="marketing.img" :src="'https://management.beanstalkedu.com/assets/'+marketing.img+'?width=420&amp;height=280'" alt="" >
+                    <img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="marketing.img" :src="'https://management.beanstalkedu.com/assets/'+marketing.img+'?width=420&amp;height=280'" :alt="marketing.alt_text">
                     <div class="flex bg-yellow-200 absolute mt-56 lg:mt-40 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{ marketing.date}}</div>
-                    <h2 class="text-color-1 text-3xl font-semibold pt-10 px-4">{{ marketing.title}}</h2>
-                    <div class="text-justify line-clamp-3 font-20px text-color-2 px-4" v-html="marketing.meta_description"></div>
+                    <h2 class="text-color-1 text-3xl font-semibold pt-10 px-4 line-clamp-2">{{ marketing.meta}}</h2>
+                    <div class="text-justify line-clamp-4 font-20px text-color-2 px-4" v-html="marketing.meta_description"></div>
                         <a  href="'/blog/' + marketing.slug" class="text-blue-600 font-20px px-4">Read More >> </a>
                 </div>
             </div>
@@ -69,7 +69,7 @@
         </section>
          <section class="container mx-auto px-4 my-16 xl:px-24">
             <div class="grid bg-amber-100 grid-cols-1 lg:grid-cols-2">
-                <div class="grid place-items-center "><img class=" rounded-br-3xl rounded-tl-3xl p-4 md:p-0" src="/img/marketing.png" alt=""/></div>
+                <div class="grid place-items-center "><img class=" rounded-br-3xl rounded-tl-3xl p-4 md:p-0" src="/img/marketing.png" alt="Need Help With Marketing Solutions"/></div>
                 <div class="grid px-4 w-fit">
                     <div class="text-blue-700 hero-text pt-16 px-4 font-semibold">Need Help With<br> <span class="text-color-1">Marketing Solutions</span></div>
                     <h3 class="font-20px py-4 text-color-2 px-4">Solve all your queries of marketing solutions now. Ask us and we’ll find you a way!</h3>
@@ -135,7 +135,7 @@
             <p class="text-xl lg:text-3xl pt-2 text-color-2">Read the most suitable administration preschool solutions and be familiar with all necessary information for your management decisions. </p>
             <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 mt-20 place-items-center">
                 <div class="grid w-fit" v-for="adminstration in adminstration" :key="adminstration"> 
-                    <img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="adminstration.img" :src="'https://management.beanstalkedu.com/assets/'+adminstration.img+'?width=420&amp;height=280'" alt="" >
+                    <img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="adminstration.img" :src="'https://management.beanstalkedu.com/assets/'+adminstration.img+'?width=420&amp;height=280'" :alt="adminstration.alt_text" >
                     <div class="flex bg-yellow-200 absolute mt-56 lg:mt-40 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{ adminstration.date}}</div>
                     <h1 class="text-color-1 text-2xl  pt-4 px-4 line-clamp-2 font-semibold">{{ adminstration.meta}}</h1>
                     <div class="font-20px text-justify text-color-2 px-4 line-clamp-4" v-html="adminstration.meta_description"></div>
@@ -150,7 +150,7 @@
         <section  class="container mx-auto xl:px-24 px-4">
                 <div class="grid md:grid-cols-2 place-items-end bg-yellow-100 mt-16 p-6 gap-x-16">
                     <div class="grid">
-                        <img class="md:p-14" src="/img/skill-up.png" alt="">
+                        <img class="md:p-14" src="/img/skill-up.png" alt="Skill Up Your Staff & Be a Superhero at your Preschool">
                     </div>
                     <div class="grid hero-text text-blue-700 pt-16 leading-tight font-semibold">Skill Up Your Staff & <span class="text-color-1"> Be a Superhero at your Preschool</span>
                         <p class=" font-20px py-2 text-color-2 pr-6 font-normal">Skill up with us @ Atheneum with a Global network of Professionals is UK, USA, Middle East, Africa and Asia</p>
@@ -216,7 +216,7 @@
                         </form>
                         <div v-else> <h2 class="text-color-2">Get back to you soon!</h2> </div>
                     </div>
-                    <div class="grid place-items-center"><img src="/img/rectangle100.png" alt=""></div>
+                    <div class="grid place-items-center"><img src="/img/rectangle100.png" alt="Reach Out to Us"></div>
 
             </div>
         </section>
@@ -277,7 +277,7 @@
                     </div>
                     <div class="grid place-items-center">
                         <div class="grid ml-0 w-72 h-96 -rotate-12 rounded-tl-3xl rounded-br-3xl shadow-2xl">
-                            <img src="/img/case_study.png" alt="">
+                            <img src="/img/case_study.png" alt="Case Study">
                         </div>
                     </div>
                 </div>
diff --git a/src/components/AdministratorsHeroButton.vue b/src/components/AdministratorsHeroButton.vue
index a9e3a06..9aa6a1c 100644
--- a/src/components/AdministratorsHeroButton.vue
+++ b/src/components/AdministratorsHeroButton.vue
@@ -9,7 +9,7 @@
                 </div>
                 <!-- <button>Discover Now</button> -->
                 <div class="flex w-fit justify-center place-items-center">
-                    <img class="w-fit h-fit" src="/img/administrator1a.png" alt="">
+                    <img class="w-fit h-fit" src="/img/administrator1a.png" alt="Discover Solutions For Your Preschool">
                 </div> 
             </div>
         </section>
diff --git a/src/components/Audio-books.vue b/src/components/Audio-books.vue
index 3dfed51..98c1a6d 100644
--- a/src/components/Audio-books.vue
+++ b/src/components/Audio-books.vue
@@ -7,7 +7,7 @@
                     <p class="font-20px text-justify pt-8">Develop children’s listening skills, confidence, vocabulary, innovativity and much more by adding preschool audio books to their routine and witness the positive change in their personality.</p>
                 </div>
                 <div class="flex">
-                    <img class="w-fit h-fit" src="/img/audio-book1a.png" alt="">
+                    <img class="w-fit h-fit" src="/img/audio-book1a.png" alt="Audio Books For Your Classroom">
                 </div>
             </div>
         </section>
@@ -39,7 +39,7 @@
                     <div @click="showAbModal(audiobooks.file)">
                         <div class="grid place-items-center">
                             <div class=" ">
-                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
+                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
                             </div>
                             <h1 class="pt-4  w-fit font-20px">{{audiobooks.title}}</h1>   
                         </div>
@@ -47,7 +47,7 @@
                 </div>
                 <div class="flex justify-center">
                     <div class="grid place-items-center">
-                        <img class="relative opacity-50 w-96" src="/img/audio-icon.png" alt=""/>
+                        <img class="relative w-56 py-4" src="/img/all1st.png" alt=""/>
                         <a href="/audio-books/literacy"><button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg">View All</button></a>
                     </div>
                 </div>
@@ -93,7 +93,7 @@
                     <div @click="showAbModal(audiobooks.file)">
                         <div class="grid place-items-center">
                             <div class=" ">
-                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
+                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
                             </div>
                             <h1 class="pt-4  w-fit font-20px">{{audiobooks.title}}</h1>   
                         </div>
@@ -101,7 +101,7 @@
                 </div>
                 <div class="flex justify-center">
                     <div class="grid place-items-center">
-                        <img class="relative opacity-50 w-96" src="/img/audio-icon.png" alt=""/>
+                        <img class="relative py-4 w-56" src="/img/all-2nd.png" alt=""/>
                         <a href="/audio-books/literacy"><button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg">View All</button></a>
                     </div>
                 </div>
@@ -116,7 +116,7 @@
                     <div @click="showAbModal(audiobooks.file)">
                         <div class="grid place-items-center">
                             <div class=" ">
-                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
+                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
                             </div>
                             <h1 class="pt-4  w-fit font-20px">{{audiobooks.title}}</h1>   
                         </div>
@@ -124,7 +124,7 @@
                 </div>
                 <div class="flex justify-center">
                     <div class="grid place-items-center">
-                        <img class="relative opacity-50 w-96" src="/img/audio-icon.png" alt=""/>
+                        <img class="relative py-4 w-56" src="/img/all-3rd.png" alt=""/>
                         <a href="/audio-books/literacy"><button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg">View All</button></a>
                     </div>
                 </div>
@@ -160,7 +160,7 @@
                     </div>
                            
                 </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 v-if="abModal" id="abModal" class="flex justify-center abModal">
diff --git a/src/components/Audio-literacy.vue b/src/components/Audio-literacy.vue
index 16ec5ed..e4d02f3 100644
--- a/src/components/Audio-literacy.vue
+++ b/src/components/Audio-literacy.vue
@@ -25,7 +25,7 @@
                     <div @click="showAbModal(audiobooks.file)">
                         <div class="grid place-items-center">
                             <div class=" ">
-                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
+                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
                             </div>
                             <h1 class="pt-4  w-fit font-20px">{{audiobooks.title}}</h1>   
                         </div>
@@ -42,7 +42,7 @@
                     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 place-items-center opacity-20 w-full">
                         <div v-for="audiobooks in abfliteracy" :key="abfliteracy.id" class="grid">
                             <div class="grid place-items-center">
-                                    <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
+                                    <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
                                 <h1 class="text-center pt-4 w-fit">{{audiobooks.title}}</h1>
                             </div>
                         </div>
diff --git a/src/components/Audio-mathematics.vue b/src/components/Audio-mathematics.vue
index 08a3807..b5f1d38 100644
--- a/src/components/Audio-mathematics.vue
+++ b/src/components/Audio-mathematics.vue
@@ -25,7 +25,7 @@
                     <div @click="showAbModal(audiobooks.file)">
                         <div class="grid place-items-center">
                             <div class=" ">
-                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
+                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
                             </div>
                             <h1 class="pt-4  w-fit font-20px">{{audiobooks.title}}</h1>   
                         </div>
@@ -42,7 +42,7 @@
                     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 place-items-center opacity-20 w-full">
                         <div v-for="audiobooks in abfmath" :key="abfmath.id" class="grid">
                             <div class="grid place-items-center">
-                                    <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
+                                    <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
                                 <h1 class="text-center pt-4 w-fit">{{audiobooks.title}}</h1>
                             </div>
                         </div>
diff --git a/src/components/Audio-worlds.vue b/src/components/Audio-worlds.vue
index da024c1..86986f2 100644
--- a/src/components/Audio-worlds.vue
+++ b/src/components/Audio-worlds.vue
@@ -2,7 +2,7 @@
     <div>
                                                 <!-- Hero Section -->
         <section class="container-fluid shadow-2xl">
-            <div class="bg-gradient-to-t from-blue-200 hero-text font-bold text-blue-700 text-center py-24 md:py-48 px-4">Audio Books for <span class="text-color-1">Understanding the Worlds</span></div>
+            <div class="bg-gradient-to-t from-blue-200 hero-text font-bold text-blue-700 text-center py-24 md:py-48 px-4">Audio Books for <span class="text-color-1">Understanding the World</span></div>
             <!-- Age Filter Triger -->
             <!-- <div class="bg3 flex flex-col md:flex-row justify-center md:justify-end lg:px-48 px-4 pt-5 shadow-xl lg:gap-4">
                 <div class="flex">
@@ -25,7 +25,7 @@
                     <div @click="showAbModal(audiobooks.file)">
                         <div class="grid place-items-center">
                             <div class=" ">
-                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
+                                <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
                             </div>
                             <h1 class="pt-4  w-fit font-20px">{{audiobooks.title}}</h1>   
                         </div>
@@ -42,7 +42,7 @@
                     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 place-items-center opacity-20 w-full">
                         <div v-for="audiobooks in abfworld" :key="abfworld.id" class="grid">
                             <div class="grid place-items-center">
-                                    <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
+                                    <img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
                                 <h1 class="text-center pt-4 w-fit">{{audiobooks.title}}</h1>
                             </div>
                         </div>
diff --git a/src/components/Dailyplan.vue b/src/components/Dailyplan.vue
index 2d74660..63a3a00 100644
--- a/src/components/Dailyplan.vue
+++ b/src/components/Dailyplan.vue
@@ -6,7 +6,7 @@
                     <h1 class="text-blue-700 hero-text font-bold 2xl:w-10/12">Start Creating Daily <span class="text-color-1">Lesson Plan</span></h1>
                 </div>
                 <div class="flex w-fit">
-                    <img class="w-fit" src="/img/lesson-plan1c.png" alt="">
+                    <img class="w-fit" src="/img/lesson-plan1c.png" alt="Start Creating Daily Lesson Plan">
                 </div>
             </div>
         </section>
@@ -27,7 +27,7 @@
                 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-16 place-items-center mb-32 gap-16 ">
                     <div v-for="lessonplan in dailyplan" :key="lessonplan.id">
                         <div @click="showLpModal(lessonplan.file)">
-                            <div class="grid gap-4"><img class="cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div>  
+                            <div class="grid gap-4"><img class="cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" :alt="lessonplan.alt_text"/></div>  
                         </div>
                                 <!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div>
                                 <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div> -->
diff --git a/src/components/Educators.vue b/src/components/Educators.vue
index 91a9749..7a28863 100644
--- a/src/components/Educators.vue
+++ b/src/components/Educators.vue
@@ -107,7 +107,7 @@
                 <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">
                     <div class="grid w-fit h-fit" v-for="(item, index) in tbBlog"> 
-                        <img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="item.img" :src="'https://management.beanstalkedu.com/assets/'+item.img+'?width=420&amp;height=280'" alt="" >
+                        <img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="item.img" :src="'https://management.beanstalkedu.com/assets/'+item.img+'?width=420&amp;height=280'" :alt="item.alt_text" >
                         <div class="flex bg-yellow-200 absolute mt-48 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{ item.date}}</div>
                         <h1 class="text-color-1 text-2xl font-semibold pt-4 px-4 line-clamp-2 w-fit">{{ item.meta}}</h1>
                         <div class="text-lg text-justify font-light w-fit text-color-2 px-4 line-clamp-4" v-html="item.meta_description"></div>
@@ -136,7 +136,7 @@
             <section class="container mx-auto mt-16 xl:px-24">
                 <div class="grid grid-cols-1 xl:grid-cols-2 bg-yellow-100 place-items-center">
                     <div class="grid">
-                        <img class="p-16" src="/img/skill-up.png" alt="">
+                        <img class="p-16" src="/img/skill-up.png" alt="Skill Up with Us & to Be a superhero at your Preschool">
                     </div>
                     <div class="grid py-10 px-4 h-fit">
                         <h1 class="hero-text text-blue-700 leading-tight font-semibold" style="font-family:Quicksand">Skill Up with Us & <br>
@@ -150,19 +150,19 @@
                 <div class="flex justify-center text-color-1 font-bold hero-text py-16 px-4">Download Report Card Format</div>
                 <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 place-items-center text-center gap-y-16 gap-x-8 px-4 " >
                     <div class="grid h-80 w-72 bg-yellow-100 relative">
-                        <img class="" src="/img/report-card1.png" alt="">
+                        <img class="" src="/img/report-card1.png" alt="Report Card Years-2-3">
                         <h1 class="absolute inset-4 text-blue-700 text-3xl font-bold bg-gray-50 h-fit opacity-70">Years 2-3</h1>
                         <a href="/img/report-card1.png" download><button class="bg-blue-700 p-1 absolute left-20 top-44 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg mt-32 h-9 text-lg">Download</button></a>
                     </div>
-                    <div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card2.png" alt="">
+                    <div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card2.png" alt="Report Card Years-3-4">
                         <h1 class="absolute inset-4 text-blue-700 text-3xl font-bold bg-gray-50 h-fit opacity-70"> Years 3-4</h1>
                         <a href="/img/report-card2.png" download><button class="bg-blue-700 p-1 absolute left-20 top-44 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg mt-32 h-9 text-lg">Download</button></a>
                     </div>
-                    <div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card3.png" alt="">
+                    <div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card3.png" alt="Report Card Years-4-5">
                         <h1 class="absolute inset-4 text-blue-700 text-3xl font-bold bg-gray-50 h-fit opacity-70"> Years 4-5</h1>
                         <a href="/img/report-card3.png" download><button class="bg-blue-700 p-1 absolute left-20 top-44 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg mt-32 h-9 text-lg">Download</button></a>
                     </div>
-                    <div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card4.png" alt="">
+                    <div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card4.png" alt="Report Card Years-5-6">
                         <h1 class="absolute inset-4 text-blue-700 text-3xl font-bold bg-gray-50 h-fit opacity-70"> Years 5-6</h1>
                         <a href="/img/report-card4.png" download><button class="bg-blue-700 p-1 absolute left-20 top-44 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg mt-32 h-9 text-lg">Download</button></a>
                     </div>
@@ -174,14 +174,14 @@
                     <div class="grid h-fit">
                         <div class="text-justify text-color-2">
                             <p class="py-8 font-20px">The Early Years Foundation Stage (EYFS) curriculum sets standards for the learning, development, and care children birth to 5-years-old. It`s the first stage of a child`s education. it ends when child enters Key Stage One (KS1).</p>
-                            <img src="/img/legends.png" alt="" class=""> 
+                            <img src="/img/legends.png" alt="legends.png" class=""> 
                         </div>
                     </div>
                     <div class="grid ">
                         <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="">
+                                    <img class="" src="/img/frame1.png" alt="EYFS Curriculum & Its Impact">
                                     <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.">
                                         Literacy</abbr>
                                     </p>
@@ -210,9 +210,9 @@
                 </div>
             </section> 
             <section class="container mx-auto xl:px-24">
-                <div class="flex justify-center place-items-right py-20"><img src="/img/bnnr.png" alt="">
+                <div class="flex justify-center place-items-right py-20"><img src="/img/bnnr.png" alt="New Interventions in Preschool Education">
                     <div class="absolute md:pt-8 xl:pt-40 text-white px-4 md:px-0 xl:pl-72">
-                        <h1 class="text-lg md:text-2xl lg:text-4xl" >New Interventions in Preschool Education</h1>
+                        <h1 class="text-lg md:text-2xl lg:text-4xl">New Interventions in Preschool Education</h1>
                         <h1 class="text-sm lg:text-2xl" >Check Out what new interventions are going to be implemented <br> in Preschool education system</h1>
                         <div class="md:py-2">
                             <a target="_blank" href="/whats-new"><button class="text-blue-700 bg-white text-center w-fit py-1 px-4 lg:text-lg rounded-tl-xl rounded-br-xl" >Discover Now</button></a>
diff --git a/src/components/Menu.astro b/src/components/Menu.astro
index 7cc0be7..59cc0dc 100644
--- a/src/components/Menu.astro
+++ b/src/components/Menu.astro
@@ -10,7 +10,7 @@
             <a href="/educators">Educators</a>
             <a href="/administrators">Administrators</a>
             <div class="dropdownDesktop">
-                <button class="dropbtnDesktop" style="font-family: quicksand;">Recources <span class="text-xs">∇</span>
+                <button class="dropbtnDesktop" style="font-family: quicksand;">Resource <span class="text-xs">∇</span>
                 <i class="fa fa-caret-downDesktop"></i>
                 </button>
                 <div class="dropdown-contentDesktop">
diff --git a/src/components/Monthlyplan.vue b/src/components/Monthlyplan.vue
index 07e4b09..7595486 100644
--- a/src/components/Monthlyplan.vue
+++ b/src/components/Monthlyplan.vue
@@ -6,7 +6,7 @@
                         <h1 class="text-blue-700 hero-text font-bold 2xl:w-10/12">Start Creating Monthly <span class="text-color-1">Lesson Plan</span></h1>
                     </div>
                     <div class="flex w-fit h-fit">
-                        <img class="w-fit h-fit" src="/img/lesson-plan1c.png" alt="">
+                        <img class="w-fit h-fit" src="/img/lesson-plan1c.png" alt="Start Creating Monthly Lesson Plan">
                     </div>
                 </div>
             </section>
@@ -27,7 +27,7 @@
                 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-16 place-items-center mb-32 gap-16 ">
                     <div v-for="lessonplan in monthlyplan" :key="lessonplan.id">
                         <div @click="showLpModal(lessonplan.file)">
-                            <div class="grid gap-4"><img class=" cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div>  
+                            <div class="grid gap-4"><img class=" cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" :alt="lessonplan.alt_text"/></div>  
                         </div>
                                 <!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div>
                                 <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div> -->
diff --git a/src/components/OccasionAudioBook.vue b/src/components/OccasionAudioBook.vue
index 078e5e1..0ea5a34 100644
--- a/src/components/OccasionAudioBook.vue
+++ b/src/components/OccasionAudioBook.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">{{audiobooks.title}}</h1>   
                     </div>
@@ -68,7 +68,7 @@ export default {
         fetch('https://management.beanstalkedu.com/items/occassion_audio_book')
             .then(resp => resp.json())
             .then(audiobooks => {
-                this.audiobooks=audiobooks.data.reverse().slice(0, 3)
+                this.audiobooks=audiobooks.data.reverse().slice(0, 4)
                 console.log(this.audiobooks)
             })
       }   
diff --git a/src/components/OccassionVideo.vue b/src/components/OccassionVideo.vue
index aef6e41..0b9da65 100644
--- a/src/components/OccassionVideo.vue
+++ b/src/components/OccassionVideo.vue
@@ -7,7 +7,7 @@
                 <div v-for="vdo in videos.slice(0, 3)" :key="videos.id" class="p-4">
                     <div @click="showYtModal(vdo.youtube_id)">
                         <div class="flex bg-gray-200 -rotate-6 cursor-pointer gap-8">
-                            <div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-xl rounded-br-xl shadow-2xl" />
+                            <div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" :alt="vdo.alt_text" class="rounded-tl-xl rounded-br-xl shadow-2xl" />
                             <img class="absolute top-16 left-24 -rotate-6 w-16" src="/img/svg/play.svg" alt="" />
                             </div>
                         </div>
@@ -35,7 +35,7 @@
                 <a href="/plan">
                 <div v-for="vdo in videos.slice(3, 4)" :key="videos.id" class="p-4">
                     <div class="flex bg-gray-200 -rotate-6  gap-8">
-                        <div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-lg rounded-br-lg" />
+                        <div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" alt="View all Videos" class="rounded-tl-lg rounded-br-lg" />
                             <div class="absolute top-16 left-20">
                                 <h3 class="text-center inline-block px-4 py-2.5 bg-amber-500 text-white font-medium text-xs leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">+ Subscribe </h3>
                                 <h3 class="-ml-2"> &nbsp;To download <br> more resources</h3>
diff --git a/src/components/ThemesAudioBook.vue b/src/components/ThemesAudioBook.vue
index d8a5bdb..d774065 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=audiobooks.alt_text/>
+                            <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/ThemesAudioBookID.vue b/src/components/ThemesAudioBookID.vue
index c59f4ad..0294886 100644
--- a/src/components/ThemesAudioBookID.vue
+++ b/src/components/ThemesAudioBookID.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/ThemesVideos.vue b/src/components/ThemesVideos.vue
index 0dfab0c..1479797 100644
--- a/src/components/ThemesVideos.vue
+++ b/src/components/ThemesVideos.vue
@@ -35,7 +35,7 @@
         <a href="/plan">
         <div v-for="vdo in videos.slice(3, 4)" :key="videos.id" class="p-4">
             <div class="flex bg-gray-200 -rotate-6  gap-8">
-                <div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-lg rounded-br-lg" />
+                <div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" :alt="vdo.alt_text" class="rounded-tl-lg rounded-br-lg" />
                     <div class="absolute top-16 left-20">
                         <h3 class="text-center inline-block px-4 py-2.5 bg-amber-500 text-white font-medium text-xs leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">+ Subscribe </h3>
                         <h3 class="-ml-2"> &nbsp;To download <br> more resources</h3>
diff --git a/src/components/ThemesVideosID.vue b/src/components/ThemesVideosID.vue
index 0613e81..702252c 100644
--- a/src/components/ThemesVideosID.vue
+++ b/src/components/ThemesVideosID.vue
@@ -35,7 +35,7 @@
         <a href="/plan">
         <div v-for="vdo in videos.slice(3, 4)" :key="videos.id" class="p-4">
             <div class="flex bg-gray-200 -rotate-6  gap-8">
-                <div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-lg rounded-br-lg" />
+                <div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" :alt="vdo.alt_text" class="rounded-tl-lg rounded-br-lg" />
                     <div class="absolute top-16 left-20">
                         <h3 class="text-center inline-block px-4 py-2.5 bg-amber-500 text-white font-medium text-xs leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">+ Subscribe </h3>
                         <h3 class="-ml-2"> &nbsp;To download <br> more resources</h3>
diff --git a/src/components/Videos.vue b/src/components/Videos.vue
index 3fcee77..c774baa 100644
--- a/src/components/Videos.vue
+++ b/src/components/Videos.vue
@@ -68,8 +68,8 @@
                 <div class="grid">
                     <div class="grid place-items-center">
                         <div class=" relative bg-gray-200 -rotate-6 rounded-tl-xl rounded-br-xl">
-                            <img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/video_thumb.png" alt=""/>
-                            <img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt="">
+                            <img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/literacy.png" alt=""/>
+                            <!-- <img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt=""> -->
                         </div>
                         <a href="/videos/literacy" class="pt-8"><h1 class="w-fit text-lg text-white bg-blue-700 px-4 py-1 rounded-br-xl rounded-tl-xl">View All</h1>  </a> 
                     </div>
@@ -95,8 +95,8 @@
                 <div class="grid">
                     <div class="grid place-items-center">
                         <div class=" relative bg-gray-200 -rotate-6 rounded-tl-xl rounded-br-xl">
-                            <img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/video_thumb.png" alt=""/>
-                            <img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt="">
+                            <img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/math.png" alt=""/>
+                            <!-- <img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt=""> -->
                         </div>
                         <a href="/videos/mathematics" class="pt-8"><h1 class="w-fit text-lg text-white bg-blue-700 px-4 py-1 rounded-br-xl rounded-tl-xl">View All</h1>  </a> 
                     </div>
@@ -105,7 +105,7 @@
         </section>
                                                             <!-- Understanding the Worlds section -->
         <section class="container mx-auto  px-4 xl:px-24">
-            <span class="h1-text text-blue-700 font-bold">Understanding the Worlds</span>
+            <span class="h1-text text-blue-700 font-bold">Understanding the World</span>
             <p class="font-20px text-color-2 text-justify">Our educational videos for preschoolers will bring a blend of education and entertainment to provide an easy comprehension of the world to students while they enjoy the visual and audio effects. Each topic concerns general knowledge of a child’s surroundings. </p>
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 my-16 gap-10 place-items-center px-4">
                 <div v-for="videobooks in vbworld" :key="vbworld.id" class="grid">
@@ -122,8 +122,8 @@
                 <div class="grid">
                     <div class="grid place-items-center">
                         <div class=" relative bg-gray-200 -rotate-6 rounded-tl-xl rounded-br-xl">
-                            <img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/video_thumb.png" alt=""/>
-                            <img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt="">
+                            <img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/all-3.png" alt=""/>
+                            <!-- <img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt=""> -->
                         </div>
                         <a href="/videos/understanding-the-worlds" class="pt-8"><h1 class="w-fit text-lg text-white bg-blue-700 px-4 py-1 rounded-br-xl rounded-tl-xl">View All</h1>  </a> 
                     </div>
diff --git a/src/components/Weeklyplan.vue b/src/components/Weeklyplan.vue
index 7ff3373..dcbd484 100644
--- a/src/components/Weeklyplan.vue
+++ b/src/components/Weeklyplan.vue
@@ -7,7 +7,7 @@
                     <h1 class="text-blue-700 hero-text font-bold 2xl:w-10/12">Start Creating Weekly <span class="text-color-1">Lesson Plan</span></h1>
                 </div>
                 <div class="flex w-fit h-fit">
-                    <img class="w-fit h-fit" src="/img/lesson-plan1c.png" alt="">
+                    <img class="w-fit h-fit" src="/img/lesson-plan1c.png" alt="Start Creating Weekly Lesson Plan">
                 </div>
             </div>
         </section>
@@ -31,7 +31,7 @@
                                 <!-- <div class="grid h-80 w-64 border-4 place-items-center">
                                     <a href=""><img class="" src="/img/svg/plus.svg" alt="">
                                         <h1 class="text-center">Add New Plan</h1></a></div> -->
-                            <div class="grid gap-4"><img class="w-96 h-6/6 cursor-pointer" v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div>  
+                            <div class="grid gap-4"><img class="w-96 h-6/6 cursor-pointer" v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" :alt="lessonplan.alt_text"/></div>  
                         </div>
                                 <!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div>
                                 <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div> -->
diff --git a/src/components/WhatsNew.vue b/src/components/WhatsNew.vue
index bdc17ca..5a1e89f 100644
--- a/src/components/WhatsNew.vue
+++ b/src/components/WhatsNew.vue
@@ -7,7 +7,7 @@
                     <p class="font-20px text-justify">What’s more exciting and effective than young children’s introduction to technology and its wonders in the foundation laying stage of their lives? The escalating technological practices demand everyone to be advanced, even toddlers because that’s how their interests and skills grow! Instill new skills with the ‘What’s New’ feature by Teeny Beans Preschool Curriculum and bring in the newest teaching trend in preschool education to your little ones.</p>
                 </div>
                 <div class="flex w-full justify-center place-items-center">
-                    <img class="w-full  rounded-3xl" src="/img/whats_new1.png" alt="">
+                    <img class="w-full  rounded-3xl" src="/img/whats_new1.png" alt="What’s New In Preschool Education?">
                 </div> 
             </div>
         </section>
@@ -37,7 +37,7 @@
         </section> -->
         <section class="container mx-auto mt-16 px-4">
             <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-                <div class="grid place-items-center"><img class="shadow-xl" src="/img/robot.png" alt="robot"></div>
+                <div class="grid place-items-center"><img class="shadow-xl" src="/img/robot.png" alt="Robotics"></div>
                 <div class="grid h-fit">
                     <h2 class="hero-text text-color-1 font-semibold">Robotics</h2>
                     <p class="font-20px text-color-2 py-3 text-justify">Boost children’s interest and skills in robotics at the earliest stage of life and introduce them to a world of technology and opportunities. As a sub head of STEM, robotics induces creativity into children and makes their minds active.</p>
@@ -55,7 +55,7 @@
         <hr>
         <section class="container mx-auto mt-16 px-4">
             <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-                <div class="grid place-items-center"><img class="shadow-xl" src="/img/group.png" alt="group"></div>
+                <div class="grid place-items-center"><img class="shadow-xl" src="/img/group.png" alt="Coding"></div>
                 <div class="grid h-fit">
                     <h2 class="hero-text text-color-1 font-semibold">Coding</h2>
                     <p class="font-20px text-color-2 py-3 text-justify">A digital world with digitally advanced youngsters sounds like a great plan? Making toddlers acquainted with coding to make them think as a computer programmer is a kick start to their future. </p>
diff --git a/src/components/Worksheets-literacy.vue b/src/components/Worksheets-literacy.vue
index 6684124..fc82b82 100644
--- a/src/components/Worksheets-literacy.vue
+++ b/src/components/Worksheets-literacy.vue
@@ -33,7 +33,7 @@
                 <div v-for="worksheet in wsLiteracy" :key="wsLiteracy.id" 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" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
+                            <img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
                         </div>
                         <h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
                         <!-- <a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</a> -->
@@ -52,7 +52,7 @@
                         <div v-for="worksheet in wsfLiteracy" :key="wsfLiteracy.id" 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" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
+                                    <img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
                                 </div>
                                 <h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
                                 <button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8 "><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</button>
diff --git a/src/components/Worksheets-mathematics.vue b/src/components/Worksheets-mathematics.vue
index c465c44..7288668 100644
--- a/src/components/Worksheets-mathematics.vue
+++ b/src/components/Worksheets-mathematics.vue
@@ -33,7 +33,7 @@
                 <div v-for="worksheet in wsmath" :key="wsmath.id" 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" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
+                            <img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
                         </div>
                         <h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
                         <a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</a>
@@ -52,9 +52,9 @@
                         <div v-for="worksheet in wsfmath" :key="wsfmath.id" 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" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
+                                    <img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
                                 </div>
-                                <h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
+                                <h1 class="text-center pt-8 w-fit"> {{worksheet.title}}</h1>
                                 <button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8 "><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</button>
                             </div>
                         </div>
diff --git a/src/components/Worksheets-world.vue b/src/components/Worksheets-world.vue
index 8f6016e..37b4d8e 100644
--- a/src/components/Worksheets-world.vue
+++ b/src/components/Worksheets-world.vue
@@ -33,7 +33,7 @@
                 <div v-for="worksheet in wsWorld" :key="wsWorld.id" 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" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
+                            <img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
                         </div>
                         <h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
                         <a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</a>
@@ -52,7 +52,7 @@
                         <div v-for="worksheet in wsfWorld" :key="wsfWorld.id" 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" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
+                                    <img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
                                 </div>
                                 <h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
                                 <button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8 "><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</button>
diff --git a/src/components/Worksheets.vue b/src/components/Worksheets.vue
index 55b296a..c2cec81 100644
--- a/src/components/Worksheets.vue
+++ b/src/components/Worksheets.vue
@@ -7,7 +7,7 @@
                     <p class="font-20px text-justify pt-8">Enrich learning experience and provide essential knowledge and practice with the professionally created worksheet for preschoolers that are designed to enhance comfortableness of teachers and parents.</p>
                 </div>
                 <div class="flex">
-                    <img class="w-fit h-fit" src="/img/worksheet1a.png" alt="">
+                    <img class="w-fit h-fit" src="/img/worksheet1a.png" alt="Worksheet For Your Classroom">
                 </div>
 
             </div>
@@ -61,7 +61,7 @@
                 <div v-for="worksheet in wsLiteracy" :key="wsLiteracy.id" 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" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
+                            <img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
                         </div>
                         <h1 class="text-center pt-8 w-fit font-20px">{{worksheet.title}}</h1>
                         <a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 h-4 pr-1 inline" src="/img/download.png" alt="">Download</a>
@@ -94,7 +94,7 @@
                 <div v-for="worksheet in wsMath" :key="wsMath.id" 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" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
+                            <img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
                         </div>
                         <h1 class="text-center pt-8 w-fit font-20px">{{ worksheet.title}}</h1>
                         <a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class=" bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 h-4 pr-1 inline" src="/img/download.png" alt="">Download</a>
@@ -113,13 +113,13 @@
         </section>
                                                             <!-- Understanding the Worlds section -->
         <section class="container mx-auto px-4 xl:px-24">
-            <span class="h1-text text-blue-700 font-semibold">Understanding the Worlds</span>
+            <span class="h1-text text-blue-700 font-semibold">Understanding the World</span>
             <p class="font-20px text-color-2 text-justify">In the era of increasing competition, it becomes more essential for every child to be equipped with general understanding of his/her surroundings, which is the why, our worksheet for preschoolers aim at every topic including this to enhance IQ of every child and providing an absolute overview and comprehension of topics like family, senses, body, myself and others</p>
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 my-16 gap-10 place-items-center">
                 <div v-for="worksheet in wsWorld" :key="wsWorld.id" 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" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
+                            <img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
                         </div>
                         <h1 class="text-center pt-8 w-fit">{{ worksheet.title}}</h1>
                         <a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class=" bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 h-4 pr-1 inline" src="/img/download.png" alt="">Download</a>
@@ -166,7 +166,7 @@
                     </div>
                            
                 </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>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1fbace8..1d95004 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -115,7 +115,7 @@ import Footer from "../components/Footer.vue";
                         <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="">
+                                    <img class="" src="/img/frame1.png" alt="EYFS Curriculum & Its Impact">
                                     <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>
diff --git a/src/pages/occasion/index.astro b/src/pages/occasion/index.astro
index 9dddb9f..1d70a15 100644
--- a/src/pages/occasion/index.astro
+++ b/src/pages/occasion/index.astro
@@ -68,7 +68,7 @@ import Footer from "../../components/Footer.vue";
             {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" 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>
@@ -100,7 +100,7 @@ import Footer from "../../components/Footer.vue";
             <a href="/plan">
                 <div class="p-4">
                     <div class="flex relative">
-                        <img v-if="wkst.occassion_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+ wkstRespData2.occassion_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
+                        <img v-if="wkst.occassion_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+ wkstRespData2.occassion_worksheets_img} alt="View all Worksheets" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
                         <div class="absolute top-40 left-24">
                             <h3 class="text-center inline-block px-6 py-2.5 bg-amber-500 text-white font-medium text-xs leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> + Subscribe </h3>
                             <h3 class=""> &nbsp;To download <br> more resources</h3>
@@ -144,7 +144,7 @@ import Footer from "../../components/Footer.vue";
                 <div class="p-2">
                     <a target="_blank" href={'https://www.youtube.com/watch?v='+data.youtube_id}>
                         <div>
-                            <img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+ data.youtube_thumbnail} alt="">
+                            <img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+ data.youtube_thumbnail} alt={data.alt_text}>
                             <div class="text-center text-xl line-clamp-1 text-color-2 pt-4" >{data.about_the_video}</div>
                         </div>
                     </a>
@@ -166,7 +166,7 @@ import Footer from "../../components/Footer.vue";
                     )}
             </div>
             <div class="grid place-items-center">
-                <img src="/img/frequently.png" alt="">
+                <img src="/img/frequently.png" alt="Frequently Asked Questions">
             </div> 
         </div>
     </section>
diff --git a/src/pages/themes/[id].astro b/src/pages/themes/[id].astro
index 49c08b5..9fd4ae7 100644
--- a/src/pages/themes/[id].astro
+++ b/src/pages/themes/[id].astro
@@ -62,14 +62,14 @@ 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">{themes[0].theme_title}</span></h1>
+                            <h1 class="text-blue-700 hero-text font-bold"> <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>
                     </div>
                     <div class="flex w-fit justify-center place-items-center">
                         <!-- <img class="w-full h-fit drop-shadow-2xl rounded-3xl py-4 cursor-none" src="/img/occassion1.png" alt=""> -->
-                        <img class="w-fit h-fit" src={'https://management.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt={themes[0].theme_title}>
+                        <img class="w-fit h-fit" src={'https://management.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt={themes[0].hero_alt_text}>
                     </div> 
                 </div>
             </section>
@@ -101,7 +101,7 @@ import Footer from "../../components/Footer.vue";
                 <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: { title: string | undefined; theme_worksheets_img: string | undefined; file: string | undefined; }) =>
                         <div class="flex relative p-4">
-                            <img src={'https://management.beanstalkedu.com/assets/'+data.theme_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
+                            <img src={'https://management.beanstalkedu.com/assets/'+data.theme_worksheets_img} alt={data.alt_text} class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
                             <div class="absolute bottom-10 left-20">
                                 <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-base 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>
@@ -113,7 +113,7 @@ import Footer from "../../components/Footer.vue";
                     <a href="/worksheets">
                         <div class="p-4">
                         <div class="flex relative">
-                            <img v-if="wkst.theme_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+twsRespData2.theme_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
+                            <img v-if="wkst.theme_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+twsRespData2.theme_worksheets_img} alt="View all Worksheets" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
                             <div class="absolute top-40 left-20">
                                     <h3 class="text-center inline-block px-6 py-2.5 bg-amber-500 text-white font-medium text-base leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> + Subscribe </h3>
                                     <h3 class="-ml-2 absolute left-8 text-center"> &nbsp;To download <br> more resources</h3>
@@ -151,7 +151,7 @@ import Footer from "../../components/Footer.vue";
                 <div class="p-2">
                     <a target="_blank" href={'https://www.youtube.com/watch?v='+data.youtube_id}>
                         <div>
-                          <img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+data.youtube_thumbnail} alt="">
+                          <img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+data.youtube_thumbnail} alt={data.alt_text}>
                         <div class="text-center text-lg ">{data.about_the_video}</div>
                       </div>
                     </a>
@@ -166,7 +166,7 @@ import Footer from "../../components/Footer.vue";
               {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://management.beanstalkedu.com/assets/' + data.theme_icon} alt=""/>
+                            <img class="rounded-lg shadow-2xl" src={'https://management.beanstalkedu.com/assets/' + data.theme_icon} alt={data.icon_alt_text}/>
                         </a>
                 </div>
                 )}      
@@ -188,7 +188,7 @@ import Footer from "../../components/Footer.vue";
                       )}
               </div>
               <div class="grid place-items-center">
-                  <img src="/img/frequently.png" alt="">
+                  <img src="/img/frequently.png" alt="Frequently Asked Questions">
               </div> 
           </div>
         </section>
diff --git a/src/pages/themes/index.astro b/src/pages/themes/index.astro
index 3053869..106f266 100644
--- a/src/pages/themes/index.astro
+++ b/src/pages/themes/index.astro
@@ -52,14 +52,14 @@ 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">{themes[0].theme_title}</span></h1>
+                            <h1 class="text-blue-700 hero-text font-bold"> <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>
                     </div>
                     <div class="flex w-fit justify-center place-items-center">
                         <!-- <img class="w-full h-fit drop-shadow-2xl rounded-3xl py-4 cursor-none" src="/img/occassion1.png" alt=""> -->
-                        <img class="w-fit h-fit" src={'https://management.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt={themes[0].theme_title}>
+                        <img class="w-fit h-fit" src={'https://management.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt={themes[0].hero_alt_text}>
                     </div> 
                 </div>
             </section>
@@ -91,7 +91,7 @@ import Footer from "../../components/Footer.vue";
                 <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: { title: string | undefined; theme_worksheets_img: string | undefined; file: string | undefined; }) =>
                         <div class="flex relative p-4">
-                            <img src={'https://management.beanstalkedu.com/assets/'+data.theme_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
+                            <img src={'https://management.beanstalkedu.com/assets/'+data.theme_worksheets_img} alt={data.alt_text} class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
                             <div class="absolute bottom-10 left-20">
                                 <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-base 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>
@@ -103,7 +103,7 @@ import Footer from "../../components/Footer.vue";
                     <a href="/worksheets">
                         <div class="p-4">
                         <div class="flex relative">
-                            <img v-if="wkst.theme_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+twsRespData2.theme_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
+                            <img v-if="wkst.theme_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+twsRespData2.theme_worksheets_img} alt="View all Worksheets" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
                             <div class="absolute top-40 left-20">
                                     <h3 class="text-center inline-block px-6 py-2.5 bg-amber-500 text-white font-medium text-base leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> + Subscribe </h3>
                                     <h3 class="-ml-2 absolute left-8 text-center"> &nbsp;To download <br> more resources</h3>
@@ -141,7 +141,7 @@ import Footer from "../../components/Footer.vue";
                 <div class="p-2">
                     <a target="_blank" href={'https://www.youtube.com/watch?v='+data.youtube_id}>
                         <div>
-                          <img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+data.youtube_thumbnail} alt="">
+                          <img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+data.youtube_thumbnail} alt={data.alt_text}>
                         <div class="text-center text-lg ">{data.about_the_video}</div>
                       </div>
                     </a>
@@ -156,7 +156,7 @@ import Footer from "../../components/Footer.vue";
               {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://management.beanstalkedu.com/assets/' + data.theme_icon} alt=""/>
+                            <img class="rounded-lg shadow-2xl" src={'https://management.beanstalkedu.com/assets/' + data.theme_icon} alt={data.icon_alt_text}/>
                         </a>
                 </div>
                 )}      
@@ -178,7 +178,7 @@ import Footer from "../../components/Footer.vue";
                       )}
               </div>
               <div class="grid place-items-center">
-                  <img src="/img/frequently.png" alt="">
+                  <img src="/img/frequently.png" alt="Frequently Asked Questions">
               </div> 
           </div>
         </section>