diff --git a/public/img/ownersb.png b/public/img/ownersb.png
new file mode 100644
index 0000000..c94fe9f
Binary files /dev/null and b/public/img/ownersb.png differ
diff --git a/public/img/teacher2.png b/public/img/teacher2.png
new file mode 100644
index 0000000..dd60a3f
Binary files /dev/null and b/public/img/teacher2.png differ
diff --git a/public/img/teacher3.png b/public/img/teacher3.png
new file mode 100644
index 0000000..fc06a1e
Binary files /dev/null and b/public/img/teacher3.png differ
diff --git a/public/img/teacherb.png b/public/img/teacherb.png
new file mode 100644
index 0000000..0eb4994
Binary files /dev/null and b/public/img/teacherb.png differ
diff --git a/src/components/Administrators.vue b/src/components/Administrators.vue
index db27a42..d5d1d72 100644
--- a/src/components/Administrators.vue
+++ b/src/components/Administrators.vue
@@ -251,7 +251,7 @@
         </section>
         <section>
             <div class="container mx-auto xl:px-24">
-                <div class="grid bg-gray-100 grid-cols-1 md:grid-cols-2 my-16">
+                <div class="grid bg-gray-100 grid-cols-1 md:grid-cols-2 my-16 gap-y-8">
                     <div class="grid place-items-center">
                         <div class="grid text-color-1 h1-text pt-6">Case Study</div>
                         <div class="w-full max-w-lg" v-if="csQry">
@@ -267,7 +267,7 @@
                                 </div>
                             </div>
                             <div class="flex justify-center -mt-4">
-                            <button class="bg-blue-700 p-1 text-white px-6 py-2 rounded-tl-lg rounded-br-lg mb-8 text-2xl" @click="saveCsQry" >Download Now</button></div>
+                            <button class="bg-blue-700 p-1 text-white px-6 py-2 rounded-tl-lg rounded-br-lg mb-8 text-xl" @click="saveCsQry" >Download Now</button></div>
                         </div>
                         <div v-else>
                             Thank you!
@@ -275,25 +275,23 @@
                          
                     </div>
                     <div class="grid place-items-center">
-                        <div class="grid  bg-gray-300 ml-0 w-80 h-96 -rotate-12 rounded-tl-3xl rounded-br-3xl shadow-2xl"></div>
+                        <div class="grid  bg-gray-300 ml-0 w-72 h-96 -rotate-12 rounded-tl-3xl rounded-br-3xl shadow-2xl"></div>
                     </div>
                 </div>
             </div>
             <div class="text-color-1 text-3xl text-center py-24">Check Out Our Resources For Your Preschool</div>
         </section>
-        <section class="container mx-auto xl:px-24 py-20 px-4 ">
+        <section class="container mx-auto py-20 px-4 xl:px-24">
             <div class="grid grid-cols-1 xl:grid-cols-2 xl:space-x-48">
-                <div class="grid h-fit">
+                <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="faqAdministrators in faqAdministrators" :key="faqAdministrators.id" class="">
-                        <div class="grid h-fit text-color-2">
-                            <div tabindex="0" class="collapse collapse-arrow border-b">
-                                <div v-if="faqAdministrators" class="collapse-title md:text-xl ">&#43; &nbsp;{{ faqAdministrators.title }}</div>
-                                <div class="collapse-content md:text-lg"> 
-                                    <p class="list-disc" v-html="faqAdministrators.content"></p>
-                                </div>
-                            </div>
-                        </div>
+                    <div  v-for="faqAdministrators in faqAdministrators" :key="faqAdministrators.id" class="">
+                        <details>
+                            <summary> 
+                                <div class="flex inline-flex cursor-pointer" v-if="faqAdministrators"> &nbsp; {{ faqAdministrators.title }}</div>
+                            </summary>
+                                <div  v-html="faqAdministrators.content"></div>
+                        </details>
                     </div>
                 </div>
                 <div class="grid place-items-center"><img src="/img/frequently.png" alt=""></div> 
@@ -464,6 +462,30 @@ export default {
 </script>
 
 <style>
+details {
+    font-weight: lighter;
+    border-bottom: 1px solid #d4d4d4;
+    border-color: #d4d4d4;    
+    padding: .75em .75em 0;
+    font-size: 18px;
+	/* margin-top: 10px; */
+	/* box-shadow:0 0 8px #d4d4d4; */
+}
+
+summary {	
+    margin: -.75em -.75em 0;
+    padding: .75em;
+}
+
+details[open] {
+    padding: .75em;
+	  border-bottom: 1px solid #d4d4d4;
+}
+
+details[open] summary {
+    border-bottom: 1px solid #d4d4d4;
+    margin-bottom: 10px;
+}
 .text-color-1 {
     color: #7C4C23;
 }
diff --git a/src/components/Blog.vue b/src/components/Blog.vue
index 50faab9..7b869b5 100644
--- a/src/components/Blog.vue
+++ b/src/components/Blog.vue
@@ -56,11 +56,11 @@
                   <div class="flex place-items-center bg-yellow-200 absolute -mt-12 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{item.date}}</div>
                   <div class="pt-6 space-y-4">
                       <blockquote>
-                          <p class="text-3xl font-medium text-color-1">{{ item.title }}</p>
+                          <p class="text-3xl font-medium text-color-1 line-clamp-2">{{ item.title }}</p>
                       </blockquote>
                       <figcaption class="font-medium">
                           <!-- <div class="text-color-2 text-justify line-clamp-3">{{ item.preview_text }}</div> -->
-                          <div class="text-color-2 text-xl position-fixed line-clamp-4" v-html="item.meta_description"></div>
+                          <div class="text-color-2 text-xl position-fixed line-clamp-3" v-html="item.meta_description"></div>
                           <div class="text-slate-700 p-2 shadow-md rounded text-center">
                               <a :href="'/blog/' + item.slug" class="text-blue-600"> Read More >> </a>
                           </div>
@@ -72,7 +72,6 @@
           <FaqSection />
       </div>
   </section>
-  
   </div>
       
   </template>
@@ -83,8 +82,22 @@
       }
       .text-color-2 {
           color: #333333;
-          
       }
+      .line-clamp-3 {
+        display: -webkit-box;
+        -webkit-line-clamp: 4;
+        -webkit-box-orient: vertical;  
+        overflow: hidden;
+        text-align: justify;
+        padding: 4px;
+        }
+        .line-clamp-2 {
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;  
+        overflow: hidden;
+        }
+
   </style>
   
   <script>
diff --git a/src/components/BlogFaq.vue b/src/components/BlogFaq.vue
index dcd54e4..1a6e0b1 100644
--- a/src/components/BlogFaq.vue
+++ b/src/components/BlogFaq.vue
@@ -1,17 +1,15 @@
 <template>
-    <section v-if="faqBlog" class="container mx-auto py-20 px-4 ">
+   <section class="container mx-auto py-20 px-4 xl:px-24">
         <div class="grid grid-cols-1 xl:grid-cols-2 xl:space-x-48">
-            <div class="grid h-fit">
+            <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="faqBlog in faqBlog" :key="faqBlog.id" class="">
-                    <div class="grid h-fit text-color-2">
-                        <div tabindex="0" class="collapse collapse-arrow border-b">
-                            <div v-if="faqBlog" class="collapse-title md:text-xl ">&#43; &nbsp;{{ faqBlog.title }}</div>
-                            <div class="collapse-content md:text-lg"> 
-                                <p class="list-disc" v-html="faqBlog.content"></p>
-                            </div>
-                        </div>
-                    </div>
+                <div  v-for="faqAdministrators in faqAdministrators" :key="faqAdministrators.id" class="">
+                    <details>
+                        <summary> 
+                            <div class="flex inline-flex cursor-pointer" v-if="faqAdministrators"> &nbsp; {{ faqAdministrators.title }}</div>
+                        </summary>
+                            <div  v-html="faqAdministrators.content"></div>
+                    </details>
                 </div>
             </div>
             <div class="grid place-items-center"><img src="/img/frequently.png" alt=""></div> 
@@ -96,4 +94,31 @@ setup(){
 
 }
 
-</script>
\ No newline at end of file
+</script>
+
+<style>
+    details {
+    font-weight: lighter;
+    border-bottom: 1px solid #d4d4d4;
+    border-color: #d4d4d4;    
+    padding: .75em .75em 0;
+    font-size: 18px;
+	/* margin-top: 10px; */
+	/* box-shadow:0 0 8px #d4d4d4; */
+}
+
+summary {	
+    margin: -.75em -.75em 0;
+    padding: .75em;
+}
+
+details[open] {
+    padding: .75em;
+	  border-bottom: 1px solid #d4d4d4;
+}
+
+details[open] summary {
+    border-bottom: 1px solid #d4d4d4;
+    margin-bottom: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Educators.vue b/src/components/Educators.vue
index fb2f700..163e22f 100644
--- a/src/components/Educators.vue
+++ b/src/components/Educators.vue
@@ -1,37 +1,20 @@
 <template>
     <div class="z-10">
-        <section class="bg-gradient-to-t bg3 shadow-2xl container-fluid">
-            <div class="flex flex-col xl:flex-row container mx-auto xl:px-24">
-                <div class="flex flex-col px-6 w-full justify-center">
-                    <h1 class="text-color-1 hero-text font-semibold w-full">Educate Conveniently by  </h1>
-                    <span class="text-blue-700 h2 font-semibold">Acquiring Resources Smoothly!</span>
-                    <p class="font-20px  text-justify pt-8">Teaching children with the right knowledge becomes easy with our PSA curriculum, where you get access to countless resources for teaching your kids at home, school or both. Plan continuous lessons that are curated professionally for the stimulating development needs. With the right lesson plan, you supply the accurate knowledge to the little ones.</p>
-                    <div class="grid md:text-base place-items-center py-2 w-fit pt-8"> 
-                        <div class="rounded-tl-full rounded-br-full bg-blue-700 text-white text-2xl font-semibold pr-8 pl-8 p-3 border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"> <router-link to="/educators#getintouch"><button>Reach Us</button></router-link></div>
+            <section class="bg-gradient-to-t bg3 shadow-2xl container-fluid">
+                <div class="flex flex-col xl:flex-row container mx-auto xl:px-24">
+                    <div class="flex flex-col px-6 w-full justify-center">
+                        <h1 class="text-color-1 hero-text font-semibold w-full">Educate Conveniently by  </h1>
+                        <span class="text-blue-700 h2 font-semibold body">Acquiring Resources Smoothly!</span>
+                        <p class="font-20px  text-justify pt-8">Teaching children with the right knowledge becomes easy with our PSA curriculum, where you get access to countless resources for teaching your kids at home, school or both. Plan continuous lessons that are curated professionally for the stimulating development needs. With the right lesson plan, you supply the accurate knowledge to the little ones.</p>
+                        <div class="grid md:text-base place-items-center py-2 w-fit pt-8"> 
+                            <div class="rounded-tl-full rounded-br-full bg-blue-700 text-white text-2xl font-semibold pr-8 pl-8 p-3 border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"> <router-link to="/educators#getintouch"><button>Reach Us</button></router-link></div>
+                        </div>
                     </div>
+                    <div class="flex w-fit justify-center place-items-center">
+                        <img class="w-fit h-fit" src="/img/educators1e.png" alt="">
+                    </div> 
                 </div>
-                <div class="flex w-fit justify-center place-items-center">
-                    <img class="w-fit h-fit" src="/img/educators1e.png" alt="">
-                </div> 
-            </div>
-        </section>
-            <!-- <section>
-                <div class="flex "><img class="w-screen" src="/img/header-educator.jpg" alt="">
-                    <div class="absolute pl-4 lg:pl-40 pt-0 2xl:pt-28 ">
-                        <h1 class="hero-text font-semibold text-color-1 lg:w-8/12">Educate Conveniently by Acquiring
-                        <span class="text-blue-700">Resources Smoothly!</span></h1>
-                        <div class="absolute">
-                        <button class="bg-blue-700 pb-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg  h-9 md:text-2xl" >Know More</button>
-                    </div>
-                    </div>
-                </div>
-            </section> -->
-            <!-- <div class="flex bg-yellow-100 md:h-96 h-72 px-4"></div> -->
-            <!-- <section class="p-6 container-fluid shadow-xl">
-                <div class="container mx-auto">
-                    <p class="text-color-2 font-20px text-justify">Teaching children with the right knowledge becomes easy with our PSA curriculum, where you get access to countless resources for teaching your kids at home, school or both. Plan continuous lessons that are curated professionally for the stimulating development needs. With the right lesson plan, you supply the accurate knowledge to the little ones. </p>
-                </div>
-            </section> -->
+            </section>
             <section class="container mx-auto xl:px-24">
                 <h1 class="text-center text-color-1 hero-text font-semibold pt-24 ">Lesson Plans Curated for You</h1>
                 <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>
@@ -58,45 +41,7 @@
                         </div>
                     </div>
                 </div>
-                <!-- <div class="z-10 grid grid cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-16 place-items-center xl:px-24">
-                <div class="grid shadow-2xl">
-                    <div class="flex flex-inline bg-slate-200 h-80 w-80 rounded-lg -rotate-6 ">
-                        <div class="flex flex-inline h-80 w-80 rounded-lg rotate-6">
-                            <img class="rounded-lg" src="/img/plan.jpg" alt="">
-                            <div class="flex bg-white rounded-md h-9 w-32 justify-center absolute inset-y-64 mt-4 left-3">
-                                <img src="/img/view.png" alt="" class="z-0 w-8 h-8"><button>View Plan</button></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="grid shadow-2xl">
-                    <div class="flex flex-inline bg-slate-200 h-80 w-80 rounded-lg -rotate-6">
-                        <div class="flex flex-inline h-80 w-80 rounded-lg rotate-6">
-                            <img class="rounded-lg" src="/img/plan.jpg" alt="">
-                            <div class="flex bg-white rounded-md h-9 w-32 justify-center absolute inset-y-64 mt-4 left-3">
-                                <img src="/img/view.png" alt="" class="z-0 w-8 h-8"><button>View Plan</button></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="grid shadow-2xl">
-                    <div class="flex flex-inline bg-slate-200 h-80 w-80 rounded-lg -rotate-6">
-                        <div class="flex flex-inline h-80 w-80 rounded-lg rotate-6">
-                            <img class="rounded-lg" src="/img/plan.jpg" alt="">
-                            <div class="flex bg-white rounded-md h-9 w-32 justify-center absolute inset-y-64 mt-4 left-3">
-                                <img src="/img/view.png" alt="" class="z-0 w-8 h-8"><button>View Plan</button></div>
-                        </div>
-                    </div>
-                </div>
-            </div> -->
             </section>
-            <!-- <div class="flex flex-cols-3 justify-center font-bold text-lg py-16">
-                <button >
-                    <div class="flex border-2 border-blue-700 rounded-l-md w-16 h-8 justify-center text-blue-700">&#60</div>
-                </button>
-                <div class="flex border-2 border-blue-700 w-16 h-8 justify-center text-blue-700">01 </div>
-                <button>
-                    <div class="flex border-2 border-blue-700 rounded-r-md w-16 h-8 justify-center text-blue-700">&#62</div>
-                </button>
-            </div> -->
             <section class="container mx-auto px-4 xl:px-24">
                 <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>
@@ -106,9 +51,6 @@
                     <abbr class="" title="Customize a plan based on a month’s time and do not limit the knowledge of your children."><router-link to="/monthlyplan"><img src="/img/Monthly.png" alt=""></router-link></abbr>
                 </div>
             </section>
-            <!-- <div class="flex justify-center my-20">
-                <button class="bg-blue-700 p-1 text-white pl-4 pr-4 mb-2 rounded-tl-lg rounded-br-lg text-lg ">Start Planning Now</button>
-            </div> -->
             <section class="container mx-auto xl:px-24 mt-32">
                 <div class="flex flex-col lg:flex-row place-items-center justify-center">
                     <div class="flex flex-col justify-center ">
@@ -116,7 +58,6 @@
                             <p class="hero-text text-center p-3 text-blue-700 pt-32" style="font-family:Quicksand">Get in Touch</p>
                             <p class="text-2xl md:text-3xl text-color-1 lg:text-justify">Facing doubts while planning <br/> your preschool curriculum? Let us <br/>help you with the process and make<br/> things easier and effective!</p>
                         </div> 
-                        <!-- <img class="h-auto" src="/img/get-in-touch.png" alt="" > -->
                     </div>
                     <div class="flex flex-col" id="getintouch">
                         <div class="block p-6 rounded-xl shadow-lg bg-white w-96 border-2 py-14 text-xl">
@@ -152,12 +93,12 @@
                 <div class="flex text-color-1 hero-text justify-center pt-8 p-4">Resources For Your Classroom</div>
                 <p class="text-xl lg:text-3xl text-justify ">Access to all necessary resources and establish a strong foundation of toddlers while engaging them and teaching every accurate concept. </p>
                 <div class="grid grid-cols-1 md:grid-cols-5 mt-16 gap-8 place-items-center">
-                    <div class=""> <router-link to="/celebrationstories#submitCelebration">
-                        <img draggable="false" src="/img/event-ideas1.png" alt="">                      </router-link></div>
-                    <div class=""><router-link to="#"><img src="/img/games1.png" alt="">                </router-link></div>
-                    <div class=""><router-link to="/worksheets"><img src="/img/worksheets1.png" alt=""> </router-link></div>
-                    <div class=""><router-link to="#"><img src="/img/activities1.png" alt="">           </router-link></div>
-                    <div class=""><router-link to="#"><img src="/img/more1.png" alt="">                 </router-link></div>
+                    <div class=""> <a href="/celebrationstories#submitCelebration">
+                    <img draggable="false" src="/img/event-ideas1.png" alt="">                  </a></div>
+                    <div class=""><a href="#"><img src="/img/games1.png" alt="">                </a></div>
+                    <div class=""><a href="/worksheets"><img src="/img/worksheets1.png" alt=""> </a></div>
+                    <div class=""><a href="#"><img src="/img/activities1.png" alt="">           </a></div>
+                    <div class=""><a href="#"><img src="/img/more1.png" alt="">                 </a></div>
                 </div>
                 <div class="flex justify-center md:mt-20 mt-8">
                     <button class="bg-blue-700 p-2 text-2xl text-white px-4 rounded-tl-lg rounded-br-lg">Discover All Resources</button>
@@ -221,15 +162,44 @@
                     </div>
                 </div>
             </section>
-            <section class="container mx-auto xl:px-24">
-                <div class="grid place-content-center text-color-1 hero-text font-bold pt-48 py-24"> EYFS Curriculum & Its Impact</div>
-                <div class="grid grid-cols-1 md:grid-cols-2 p-6">
-                    <div class="grid font-20px text-justify text-color-2">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).
-                        <img src="/img/legends.png" alt="" class="md:-mt-24">
-                    </div>
+            <section id="EYFSCurriculum" class="container mx-auto pt-16 xl:px-24">
+                <h1 class="text-color-1 hero-text font-bold text-center">EYFS Curriculum & Its Impact</h1>
+                <div class="grid grid-cols-1 lg:grid-cols-2 place-items-center px-6 py-10">
                     <div class="grid">
-                        <div class="flex relative justify-center text-xs">
-                            <RoundChart/>
+                        <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="p-8"> 
+                        </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="">
+                                    <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>
+                                    <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.">
+                                        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.">
+                                        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.">
+                                        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.">
+                                        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.">
+                                        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>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -249,15 +219,13 @@
                 <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="faqEducators in faqEducators" :key="faqEducators.id" class="">
-                            <div class="grid h-fit text-color-2">
-                                <div tabindex="0" class="collapse collapse-arrow border-b">
-                                    <div v-if="faqEducators" class="collapse-title md:text-xl ">&#43; &nbsp;{{ faqEducators.title }}</div>
-                                    <div class="collapse-content md:text-lg"> 
-                                        <p class="" v-html="faqEducators.content"></p>
-                                    </div>
-                                </div>
-                            </div>
+                        <div  v-for="faqEducators in faqEducators" :key="faqEducators.id" class="">
+                            <details>
+                                <summary> 
+                                    <div class="cursor-pointer" v-if="faqEducators">&nbsp; {{ faqEducators.title }}</div>
+                                </summary>
+                                    <div  v-html="faqEducators.content"></div>
+                            </details>
                         </div>
                     </div>
                     <div class="grid place-items-center"><img src="/img/frequently.png" alt=""></div> 
@@ -265,8 +233,35 @@
             </section>
     </div>
 </template>
-<style scoped>
+<style>
+details {
+    font-weight: lighter;
+    border-bottom: 1px solid #d4d4d4;
+    border-color: #d4d4d4;    
+    padding: .75em .75em 0;
+    font-size: 18px;
+	/* margin-top: 10px; */
+	/* box-shadow:0 0 8px #d4d4d4; */
+}
 
+summary {	
+    margin: -.75em -.75em 0;
+    padding: .75em;
+}
+
+details[open] {
+    padding: .75em;
+	border-bottom: 1px solid #d4d4d4;
+}
+
+details[open] summary {
+    border-bottom: 1px solid #d4d4d4;
+    margin-bottom: 10px;
+}
+
+.body {
+font-family: 'Quicksand', sans-serif;
+}
 .h2 {
     font-size: 40px;
 }
@@ -294,7 +289,7 @@
   white-space: normal; 
   width: auto;
   height: auto;
-  padding: 16px;
+  padding: 10px;
   background-color: #f9b8ce;
   border-radius: 16px;
 }
@@ -470,7 +465,7 @@
 }
 </style>
 
-<script>
+<script is:inline>
 export default {
     setup(){
     // const route = useRoute();
@@ -540,7 +535,7 @@ export default {
         .then(resp => resp.json())
         .then(data => {
         this.faqEducators=data.data
-        // console.log(this.faqEducators)
+        console.log(this.faqEducators)
     })
       
     }
diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue
index ba07a41..2abfcc0 100644
--- a/src/components/Homepage.vue
+++ b/src/components/Homepage.vue
@@ -9,9 +9,9 @@
                             <h2 class="h2-text font-bold w-fit px-4">Start Planning Your Classroom Curriculum now</h2>
                             <p class="font-20px text-justify pt-8 px-4">Want your preschool curriculum to bring out the most learned and accomplished children? What is the delay then? With the right classroom curriculum, raise the elegance of teaching and set new levels for your competitors.</p>
                             <div class="grid grid-cols-7 place-items-center pt-6 w-fit p-4"> 
-                                <div class="rounded-tl-full text-sm xl:text-base rounded-br-full col-span-3 shadow-2xl text-blue-700 px-4 md:px-8 p-3 border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"> <router-link to="/educators#getintouch"><button>Speak with Us</button></router-link></div>
+                                <div class="rounded-tl-full text-sm xl:text-base rounded-br-full col-span-3 shadow-2xl text-blue-700 px-4 md:px-8 p-3 border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"> <router-link href="/educators#getintouch"><button>Speak with Us</button></router-link></div>
                                 <div class="grid text-lg col-span-1 font-bold text-color-2">OR</div> 
-                                <div class="rounded-tl-full text-sm xl:text-base rounded-br-full col-span-3 text-white shadow-2xl  px-4 md:px-8 p-3 bg-blue-700 te border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"><router-link to="/themes"><button>Check Out Event</button></router-link></div>   
+                                <div class="rounded-tl-full text-sm xl:text-base rounded-br-full col-span-3 text-white shadow-2xl  px-4 md:px-8 p-3 bg-blue-700 te border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"><router-link href="/themes"><button>Check Out Event</button></router-link></div>   
                             </div>
                         </div>
                         <div class="flex w-full justify-end place-items-end">
@@ -21,29 +21,8 @@
                         <!-- <div class="grid  w-full"><img class="w-full" src="/img/hero-banner1a.png" alt="">#f9f9b4</div> -->
                 </section>
                 <div class="container-fluid mt-16">
-                    <div class="container mx-auto px-4/ xl:px-24 font-20px  text-justify">Our play school curriculum, Your progress. Teeny Beans Preschool Curriculum brings to you a well-organized and thoroughly laid British EYFS curriculum enriched with the finest subjects to assist children in their holistic development. A curriculum that makes every child prepared to understand the world.</div>
+                    <div class="container mx-auto px-4 xl:px-24 font-20px  text-justify">Our play school curriculum, Your progress. Teeny Beans Preschool Curriculum brings to you a well-organized and thoroughly laid British EYFS curriculum enriched with the finest subjects to assist children in their holistic development. A curriculum that makes every child prepared to understand the world.</div>
                 </div>
-                <!-- <section class="container-fluid"> 
-                    <div class="flex w-screen load-wraper">
-                        <img class="relative w-screen" src="/img/homepage.jpg" alt=""> 
-                        <div class="absolute pl-4 xl:pl-32 xl:pt-40">
-                            <h1 class="text-color-1 hero-text font-bold">This Event is Round The Corner</h1>
-                            <h2 class="font-semibold text-color-2 text-base lg:text-3xl font-bold">Strat Planning Your Classroom  Curriculum now</h2>
-                            <div class="grid grid-cols-7 md:text-base text-xs place-items-center py-2"> 
-                                <div class="rounded-tl-full rounded-br-full col-span-3 text-blue-700 font-semibold pr-4 pl-4 p-2 border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"> <router-link to="/educators#getintouch"><button>Speak with Us</button></router-link></div>
-                                <div class="grid text-lg col-span-1 font-bold text-color-2">OR</div> 
-                                <div class="rounded-tl-full rounded-br-full col-span-3 text-white font-semibold pr-4 pl-4 p-2 bg-blue-700 te border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"><router-link to="/themes"><button>Check Out Event</button></router-link></div>   
-                            </div>
-                        </div>
-                    </div>
-                </section> -->
-                <!-- <section class="container-fluid shadow-xl py-4">
-                    <div class="container mx-auto text-justify pt-6 px-4 font-20px ">
-                        <p class="text-color-2 ">Want your preschool curriculum to bring out the most learned and accomplished children? What is the delay then? With the right classroom curriculum, raise the elegance of teaching and set new levels for your competitors. </p>
-                        <div class="my-4"></div>
-                        <p class="text-color-2">Our play school curriculum, Your progress. Teeny Beans Preschool Curriculum brings to you a well-organized and thoroughly laid British EYFS curriculum enriched with the finest subjects to assist children in their holistic development. A curriculum that makes every child prepared to understand the world. </p>
-                    </div>
-                </section> -->
                 <section class="container mx-auto xl:px-24">
                     <div class="flex md:justify-center justify-center hero-text font-bold mt-8 text-color-1 py-14">Discover our solutions</div>
                     <div class="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-3 text-center ">
@@ -51,22 +30,22 @@
                             <img draggable="false" src="/img/plan.png" alt="">
                             <h1 class="text-3xl text-color-1 font-semibold py-2">Worksheets</h1>
                             <p class="font-20px text-justify text-color-2 xl:line-clamp-3 hover:line-clamp-none">Get access to well-structured worksheets that are prepared as per the growth needs of children and respond to their stimulating cells.</p>
-                            <!-- <router-link to="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></router-link> -->
-                            <router-link to="/worksheets"><button class="bg-blue-700 text-white px-6 py-2 text-2xl rounded-tl-md rounded-br-md">Discover Now</button></router-link>
+                            <!-- <router-link href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></router-link> -->
+                            <a target="_blank" href="/worksheets"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
                         </div>
                         <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
                             <img draggable="false" src="/img/report.png" alt="">
                             <h1 class="text-3xl text-color-1 font-semibold py-2">Lesson Plans</h1>
                             <p class="font-20px text-justify text-color-2 xl:line-clamp-3 hover:line-clamp-none">Teach toddlers significant lessons which are necessary for their holistic development. Our preschool curriculum is instilled with essential lesson plans necessary for early childhood education.</p>
-                            <!-- <router-link to="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></router-link> -->
-                            <router-link to="/#EYFSCurriculum"><button class="bg-blue-700 text-white px-6 py-2 text-2xl rounded-tl-md rounded-br-md">Discover Now</button></router-link>
+                            <!-- <a href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></a> -->
+                            <a target="_blank" href="/#EYFSCurriculum"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
                         </div>
                         <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
                             <img draggable="false" src="/img/classroom.png" alt="">
                             <h1 class="text-3xl text-color-1 font-semibold py-2">Themes</h1>
                             <p class="  font-20px text-justify text-color-2 xl:line-clamp-3 hover:line-clamp-none">Know how to improve preschooling experience by promoting different themes regularly in your preschool and engage your little audience.</p>
-                            <!-- <router-link to="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></router-link> -->
-                            <router-link to="/themes"><button class="bg-blue-700 text-white px-6 py-2 text-2xl rounded-tl-md rounded-br-md">Discover Now</button></router-link>
+                            <!-- <a target="_blank" href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></a> -->
+                            <a target="_blank" href="/themes"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
                         </div>
                     </div>
                     <div class="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2  mt-12">
@@ -74,15 +53,15 @@
                             <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 xl:px-24 xl:line-clamp-3 hover:line-clamp-none">There’s no need to spend hours researching exciting events for your preschool. Our playschool curriculum contains many suggestions for different innovative activities you can organize in the preschool.</p>
-                            <!-- <router-link to="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></router-link> -->
-                            <router-link to="/celebrationstories#submitCelebration"><button class="bg-blue-700 text-white px-6 py-2 text-2xl rounded-tl-md rounded-br-md">Discover Now</button></router-link>
+                            <!-- <a target="_blank" href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></a> -->
+                            <a target="_blank" href="/celebrationstories#submitCelebration"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
                         </div>
                         <div class="grid place-items-center pb-8 px-6 w-fit h-fit">
                             <img draggable="false" src="/img/event.png" alt="">
                             <h1 class="text-3xl text-color-1 font-semibold py-2">Videos</h1>
                             <p class="   font-20px text-justify text-color-2 xl:px-24 xl:line-clamp-3 hover:line-clamp-none">See videos related to ideas for class management, seamless teaching techniques, several activities for preschoolers and many other relevant videos associated with preschool.</p>
-                            <!-- <router-link to="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></router-link> -->
-                            <router-link to="/videos"><button class="bg-blue-700 text-white px-6 py-2 text-2xl rounded-tl-md rounded-br-md">Discover Now</button></router-link>
+                            <!-- <a target="_blank" href="#"><h1 class="text-blue-700 hover:font-bold text-lg hover:font-italic">Click Here...</h1></a> -->
+                            <a target="_blank" href="/videos"><button class="bg-blue-700 text-white px-6 py-2 text-xl rounded-tl-md rounded-br-md">Discover Now</button></a>
                         </div>
                     </div>
                 </section>
@@ -97,25 +76,25 @@
                     <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 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 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>
                         <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 href="/occassion"><img class="flex inline-flex" draggable="false" src="/img/occasions.png" alt="Occassion">Occassion</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 class="grid text-2xl font-semibold text-slate-700"><a target="_blank" href="/occassion"><img class="flex inline-flex" draggable="false" src="/img/occasions.png" alt="Occassion">Occassion</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>
                     </div>
                 </section>
                 <section class="container mx-auto my-16 px-4 xl:px-24">
-                  <div class="grid grid-cols-1 lg:grid-cols-2 place-items-center gap-y-10">
+                  <div class="flex flex-col lg:flex-row place-items-center place-content-between gap-y-10">
                     <div class="grid h-fit">
                       <h1 class="text-color-1 font-semibold py-3 hero-text">Trending Lesson Plans</h1>
                             <h1 class="text-xl md:text-3xl text-color-2 pb-4">Discover today's popular lesson <br> plans specially curated for your classroom.</h1>
-                            <div><a href="/lesson-plan/dailyplan" class="text-2xl bg-blue-700 px-6 py-2 text-white rounded-tl-xl rounded-br-xl">Check Out Now</a></div>
+                            <div><a target="_blank" href="/lesson-plan/dailyplan" class="text-2xl bg-blue-700 px-6 py-2 text-white rounded-tl-xl rounded-br-xl">Check Out Now</a></div>
                     </div>
                     <div class="grid place-items-center">
-                      <swiper class="slider-width" draggable="false"
+                      <swiper class="slider-width cursor-pointer" draggable="false"
                             :modules="modules"
                             :slides-per-view="1"
                             :space-between="50"
@@ -136,7 +115,7 @@
                     <div class="grid grid-cols-1 md:grid-cols-2 bg-gray-200">
                         <div class="grid place-items-start p-10 h-fit">
                             <p class="text-color-1 hero-text font-bold mt-20">Discover Our Preschool Solutions</p>
-                            <router-link to="/worksheets"><button class="bg-blue-700 rounded-tl-lg rounded-br-lg text-white text-2xl px-6 py-2">Discover All</button></router-link>
+                            <router-link href="/worksheets"><button class="bg-blue-700 rounded-tl-lg rounded-br-lg text-white text-2xl px-6 py-2">Discover All</button></router-link>
                         </div>
                         <div class="grid place-items-center md:place-items-end h-fit w-fit"><img class="h-fit w-fit" src="/img/fire-fighter.png" alt=""/></div>
                     </div>
@@ -152,25 +131,6 @@
                     </div>
                   </div>
                 </section>
-                <!-- <section class="container mx-auto">
-                        <div class="grid place-content-center text-color-1 text-2xl font-bold py-20"> EYFS Curriculum & Its Impact</div>
-                        <div class="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 px-4">
-                            <div class="grid text-sm md:text-base">
-                                <div class="text-justify text-color-2">
-                                    <p class="py-8 ">The Early Years Foundation Stage British Curriculum is formulated as per the NEP 2020 which provides for a well-structured preschool curriculum essential for every preschool. It focuses on all aspects of development and allows children to grow intellectually by granting them accurate learning.</p>
-                                    <p class="py-8">The <strong> play school curriculum</strong> will add elegance to your preschool’s image and will smoothen the rise in enrollments. Shape the future with flawless teaching and present a world full of opportunities to your toddlers. The EYFS <strong> playschool curriculum</strong> is the best learning you can provide to preschoolers. Refined with appropriate subjects as per the development needs of toddlers, the curriculum will enhance every learning experience through its essential components.</p>
-                                    <p class="py-8">The British <strong> kindergarten curriculum</strong> will ensure development of mind cells perfectly while focussing on Prime, Specific and Augmented areas of learning, essential for every child during this phase.</p>
-                                </div>
-                            </div>
-                            <div class="grid place-items-center">
-                                <img src="/img/legends.png" alt="" class="p-8 "> 
-                                <img src="/img/Frame-184.png" alt="">
-                                <div class="grid text-2xl md:text-3xl font-bold text-color-2">Discover in Preschool Education</div>
-                                <p class="text-lg md:text-2xl text-color-2">Mentions are going to implemented Preschool Education System</p>
-                                <div><button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg">Discover All</button></div>
-                            </div>
-                        </div>
-                    </section> -->
                 <section id="EYFSCurriculum" class="container mx-auto pt-16 xl:px-24">
                     <h1 class="text-color-1 hero-text font-bold text-center">EYFS Curriculum & Its Impact</h1>
                     <div class="grid grid-cols-1 lg:grid-cols-2 place-items-center px-6 py-10">
@@ -217,12 +177,20 @@
                         </div>
                     </div>
                 </section>
-                <section class="container mx-auto px-4 xl:px-24">
-                    <div class="grid text-color-1 hero-text font-bold text-center mt-20 pb-20 px-4">Teeny Beans in Your Preschool
-                        <p class="text-xl text-center text-xl md:text-3xl text-color-2">Seamless Intergration of Teeny Beans thorugh Technology</p></div>
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                        <div class="grid"><router-link to="/educators"><img src="/img/left-slid.png" alt=""></router-link></div>
-                        <div class="grid"><router-link to="/administrators"><img src="/img/right-slid.png" alt=""></router-link></div>
+                <section class="container mx-auto px-4 xl:px-24 mt-8 xl:mt-16">
+                    <div class="flex flex-col lg:flex-row place-content-between  gap-y-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>
+                            <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>
+                            <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">
@@ -234,10 +202,11 @@
                             <h1 class="text-2xl text-blue-700 font-semibold text-center py-2">"Sudha Mangesh Gosavi" </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>
-                                <strong><br> <br>
-                                    Stepping Stones International Preschool<br>
-                                    Director
-                                </strong>  </p>
+                                <strong> 
+                                  <br>Stepping Stones International Preschool
+                                  <br>Director
+                                </strong> 
+                              </p>
                         </div>
                     </div>
                     <div class="grid background border0 rounded-xl shadow-xl">
@@ -245,10 +214,9 @@
                             <img class=" w-full rounded-t-2xl" src="/img/nirmal-singh.png" alt="">
                             <h1 class="text-2xl text-blue-700 font-semibold text-center py-2">"Nirmal Singh" </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> <strong> <br>
-                                    Dakshya International Preschool<br>
-                                    Director</strong>
-                                </p>
+                                <br> <strong class=""> <br>Dakshya International Preschool
+                                <br>Director</strong>
+                            </p>
                         </div>
                     </div>
                     <div class="grid background border0 rounded-xl shadow-xl">
@@ -256,8 +224,9 @@
                             <img class=" w-full rounded-t-2xl" src="/img/sharmistha-mishra.png" alt="">
                             <h1 class="text-2xl text-blue-700 font-semibold text-center p-2">"Sharmistha Mishra" </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> <br>
-                                NEST International Preschool <br>Founder and Director</strong>
+                                <br> <strong> <br>NEST International Preschool
+                                <br>Founder and Director
+                                </strong>
                             </p>
                         </div>
                     </div>
@@ -266,31 +235,31 @@
                             <img class=" w-full rounded-t-2xl" src="/img/jane-martina.png" alt="">
                             <h1 class="text-2xl text-blue-700 font-semibold text-center p-2">"Ms. Jane Martina" </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> <br>
-                                    Chinchilla International Preschool<br>Founder and Director</strong>
+                                <br> <strong> 
+                                <br>Chinchilla International Preschool
+                                <br>Founder and Director
+                                </strong>
                             </p>
                         </div>
                     </div>
                 </div>
             </section>
-                <section class="container mx-auto py-20 px-4 xl:px-24">
-                    <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="faqHome in faqHome" :key="faqHome.id" class="">
-                                <div class="grid h-fit text-color-2">
-                                    <div tabindex="0" class="collapse collapse-arrow border-b">
-                                        <div v-if="faqHome" class="collapse-title md:text-xl ">&#43; &nbsp;{{ faqHome.title }}</div>
-                                        <div class="collapse-content md:text-lg"> 
-                                            <p class="" v-html="faqHome.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="faqHome in faqHome" :key="faqHome.id" class="">
+                            <details>
+                                <summary> 
+                                    <div class="flex inline-flex cursor-pointer" v-if="faqHome"> &nbsp; {{ faqHome.title }}</div>
+                                </summary>
+                                    <div  v-html="faqHome.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/frequently.png" alt=""></div> 
+                </div>
+            </section>
                 <div>
             </div>
         </div>
@@ -382,8 +351,32 @@
 </script>
 
 <style >
+details {
+    font-weight: lighter;
+    border-bottom: 1px solid #d4d4d4;
+    border-color: #d4d4d4;    
+    padding: .75em .75em 0;
+    font-size: 18px;
+	/* 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;
+}
 .slider-width {
-  width: 400px;
+  width: 350px;
 }
 .block-content {
   display: flex;
diff --git a/src/components/Occassion.vue b/src/components/Occassion.vue
index 1b3198f..245b46b 100644
--- a/src/components/Occassion.vue
+++ b/src/components/Occassion.vue
@@ -229,19 +229,17 @@
             <vueper-slide v-for="occassion in allOccassion" :key="occassion.id" image="'https://curriculum-app-api.beanstalkedu.com/assets/'+ occassion.occassion_icon" />
             </vueper-slides> -->
         </section>
-        <section class="container mx-auto py-20 px-4 xl:px-24">
+        <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">
+                <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="faqOccassion in faqOccassion" :key="faqOccassion.id" class="">
-                        <div class="grid h-fit text-color-2">
-                            <div tabindex="0" class="collapse collapse-arrow border-b">
-                                <div v-if="faqOccassion" class="collapse-title md:text-xl ">&#43; &nbsp;{{ faqOccassion.title }}</div>
-                                <div class="collapse-content md:text-lg"> 
-                                    <p class="" v-html="faqOccassion.content"></p>
-                                </div>
-                            </div>
-                        </div>
+                    <div  v-for="faqOccassion in faqOccassion" :key="faqOccassion.id" class="">
+                        <details>
+                            <summary> 
+                                <div class="flex inline-flex cursor-pointer" v-if="faqOccassion"> &nbsp; {{ faqOccassion.title }}</div>
+                            </summary>
+                                <div  v-html="faqOccassion.content"></div>
+                        </details>
                     </div>
                 </div>
                 <div class="grid place-items-center"><img src="/img/frequently.png" alt=""></div> 
@@ -379,6 +377,30 @@ methods: {
 }
 </script>
 <style scopped>
+details {
+    font-weight: lighter;
+    border-bottom: 1px solid #d4d4d4;
+    border-color: #d4d4d4;    
+    padding: .75em .75em 0;
+    font-size: 17px;
+	/* margin-top: 10px; */
+	/* box-shadow:0 0 8px #d4d4d4; */
+}
+
+summary {	
+    margin: -.75em -.75em 0;
+    padding: .75em;
+}
+
+details[open] {
+    padding: .75em;
+	  border-bottom: 1px solid #d4d4d4;
+}
+
+details[open] summary {
+    border-bottom: 1px solid #d4d4d4;
+    margin-bottom: 10px;
+}
 .font-20px {
     font-size: 20px;
 }
diff --git a/src/components/Themes.vue b/src/components/Themes.vue
index 1758b2b..7a3ff59 100644
--- a/src/components/Themes.vue
+++ b/src/components/Themes.vue
@@ -247,17 +247,15 @@
         </section>
         <section class="container mx-auto py-20 px-4 xl:px-24">
             <div class="grid grid-cols-1 xl:grid-cols-2 xl:space-x-48">
-                <div class="grid h-fit">
+                <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="faqThemes in faqThemes" :key="faqThemes.id" class="">
-                        <div class="grid h-fit text-color-2">
-                            <div tabindex="0" class="collapse collapse-arrow border-b">
-                                <div v-if="faqThemes" class="collapse-title md:text-xl ">&#43; &nbsp;{{ faqThemes.title }}</div>
-                                <div class="collapse-content md:text-lg"> 
-                                    <p class="" v-html="faqThemes.content"></p>
-                                </div>
-                            </div>
-                        </div>
+                    <div  v-for="faqThemes in faqThemes" :key="faqThemes.id" class="">
+                        <details>
+                            <summary> 
+                                <div class="flex inline-flex cursor-pointer" v-if="faqThemes"> &nbsp; {{ faqThemes.title }}</div>
+                            </summary>
+                                <div  v-html="faqThemes.content"></div>
+                        </details>
                     </div>
                 </div>
                 <div class="grid place-items-center"><img src="/img/frequently.png" alt=""></div> 
@@ -279,9 +277,6 @@
 </template>
 
 <script>
-
-
-
 export default {
     // components: { YouTube },
     setup(){
@@ -400,6 +395,30 @@ export default {
 </script>
 
 <style scopped>
+details {
+    font-weight: lighter;
+    border-bottom: 1px solid #d4d4d4;
+    border-color: #d4d4d4;    
+    padding: .75em .75em 0;
+    font-size: 18px;
+	/* margin-top: 10px; */
+	/* box-shadow:0 0 8px #d4d4d4; */
+}
+
+summary {	
+    margin: -.75em -.75em 0;
+    padding: .75em;
+}
+
+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%);}
   @media screen and (min-width: 1500px) {
diff --git a/src/components/owners.vue b/src/components/owners.vue
new file mode 100644
index 0000000..f57dbd1
--- /dev/null
+++ b/src/components/owners.vue
@@ -0,0 +1,24 @@
+<template>
+    <section class="container mx-auto px-4 xl:px-24 my-32">
+        <div class="flex flex-col lg:flex-row place-content-between  gap-y-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>
+                <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>
+                <h1 class=" pl-8 text-2xl w-80">Teeny Beans for Owners & Administrators</h1>
+            </div>
+            </a>
+        </div>
+    </section>
+</template>
+<style>
+    .width {
+        width: 200px;
+    }
+
+</style>
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 6874423..7ac7ce9 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -9,22 +9,19 @@ const { title } = Astro.props;
 <!DOCTYPE html>
 <html lang="en">
 	<head>
-		
 		<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap" rel="stylesheet">
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width" />
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
+		
+	</head>
+	<body class="body">
 		<style>
 			
-			body {
-			  font-family: Quicksand;
-			}
 			</style>
-	</head>
-	<body>
-		<slot />
+		<slot/>
 	</body>
 	
 </html>
@@ -43,4 +40,7 @@ const { title } = Astro.props;
 		font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
 			Bitstream Vera Sans Mono, Courier New, monospace;
 	} */
+	body {
+		font-family: 'Quicksand', sans-serif;
+			}
 </style>
diff --git a/src/pages/blog/[id].astro b/src/pages/blog/[id].astro
index 821f8f4..55ffc21 100644
--- a/src/pages/blog/[id].astro
+++ b/src/pages/blog/[id].astro
@@ -5,7 +5,7 @@
   const imgPrefix='https://curriculum-app-api.beanstalkedu.com/assets/';
   const response = await fetch('https://curriculum-app-api.beanstalkedu.com/items/blog');
   const data = await response.json();
-  const faq = await fetch('https://curriculum-app-api.beanstalkedu.com/items/blog');
+  const faq = await fetch('https://management.beanstalkedu.com/items/FAQ?filter[property][_eq]=teenybeans_curriculum&filter[slug][_eq]=blog');
   const faqJson = await faq.json();
   export async function getStaticPaths() {
   const response = await fetch('https://curriculum-app-api.beanstalkedu.com/items/blog');
@@ -75,7 +75,23 @@ const mainImg='https://curriculum-app-api.beanstalkedu.com/assets/'+data.data[id
               </div>
           </section>
         </div>
-        <BlogFaq client:visible/>
+        <!-- <section class="container mx-auto py-20 px-4 xl:px-24">
+          <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="faqAdministrators in faqAdministrators" :key="faqAdministrators.id" class="">
+                      <details>
+                          <summary> 
+                              <div class="flex inline-flex cursor-pointer" v-if="faqAdministrators"> &nbsp;{data.data[idx].title}</div>
+                          </summary>
+                              <div  set:html="faqAdministrators.content"></div>
+                      </details>
+                  </div>
+              </div>
+              <div class="grid place-items-center"><img src="/img/frequently.png" alt=""></div> 
+          </div>
+      </section> -->
+        
       </main>
 </Layout>
   
@@ -84,6 +100,6 @@ const mainImg='https://curriculum-app-api.beanstalkedu.com/assets/'+data.data[id
       color: #7C4C23;
   }
   .text-color-2 {
-      color: #333333
+      color: #33333;
   }
 </style>
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9f86ab5..60d02eb 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -10,7 +10,4 @@ import Homepage from "../components/Homepage.vue";
     <Menu/>
     <Homepage client:visible/>
 <Footer/>
-</Layout>
-<script>
-    
- 
\ No newline at end of file
+</Layout>
\ No newline at end of file