Merge pull request 's1' (#2) from b4 into master

Reviewed-on: #2

src/components/ContactForm.vue

@@ -1,53 +1,63 @@
 <template>
-    <div id="contactForm" class="flex flex-col justify-center w-full">
-        <form @submit="saveFormData" id="formSection" action="">
-          <div v-if="userQurie">
-            <p class="text-2xl">Write your Qurie</p>
-            <div class="py-3">
-                <label for="name">Name:<span class=text-red-500>*</span></label>
-                <input v-model="name" id="name" name="name" type="text" placeholder="Enter your Name" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
-            </div>
-            <div>
-                <label for="phone">Mobile:<span class=text-red-500>*</span></label>
-                <input v-model="phone" id="phone" name="phone" type="text" placeholder="Enter your Mobile Number" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
-            </div>
-            <div class="py-3">
-                <label for="email">E-mail ID:<span class=text-red-500>*</span></label>
-                <input v-model="email" id="email" name="email" type="text" placeholder="Enter your E-mail ID" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
-            </div>
-            <div>
-                <label for="message">Write your Qurie:<span class=text-red-500>*</span></label>
-                <textarea v-model="message" id="message" name="message" rows="7" placeholder="Write your Qurie" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required></textarea>
-            </div>
-            <div class="">
-                <button class="bg-[#3084b5] text-white rounded-lg py-2.5 px-6 float-right" >Submit</button>
-            </div>
-          </div>
-          <div v-else class="flex" >
-              <h1 class="text-center text-black text-4xl p-16">Thank You</h1>
-          </div>
-        </form>
-    </div>
+  <div id="contactForm" class="flex flex-col justify-center w-full">
+    <form @submit="saveFormData" id="formSection" action="">
+      <div v-if="userQuery">
+        <p class="text-2xl">Write your Query</p>
+        <div class="py-3">
+          <label for="name">Name:<span class="text-red-500">*</span></label>
+          <input v-model="name" id="name" name="name" type="text" placeholder="Enter your Name" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required />
+        </div>
+        <div>
+          <label for="phone">Mobile:<span class="text-red-500">*</span></label>
+          <input v-model="phone" id="phone" name="phone" type="text" placeholder="Enter your Mobile Number" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required />
+        </div>
+        <div class="py-3">
+          <label for="email">E-mail ID:<span class="text-red-500">*</span></label>
+          <input v-model="email" id="email" name="email" type="email" placeholder="Enter your E-mail ID" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required />
+        </div>
+        <div>
+          <label for="message">Write your Query:<span class="text-red-500">*</span></label>
+          <textarea v-model="message" id="message" name="message" rows="7" placeholder="Write your Query" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required></textarea>
+        </div>
+        <div class="">
+          <button class="bg-[#3084b5] text-white rounded-lg py-2.5 px-6 float-right">Submit</button>
+        </div>
+      </div>
+      <div v-else class="flex">
+        <h1 class="text-center text-black text-4xl p-16">Thank You</h1>
+      </div>
+    </form>
+  </div>
 </template>
+
 <script>
-  export default{
-    data(){
-      return{
+  export default {
+    data() {
+      return {
         name: "",
         phone: "",
         email: "",
         message: "",
-        userQurie: true,
-        domain: 'sample.com',
-        owner: 'Holly Wisdom Public School',
-        referrer: 'Holly Wisdom Public School',
-      }
+        userQuery: true,
+        domain: '',
+        owner: 'Holy Wisdom Public School',
+        referrer: '',
+      };
     },
-    methods:{
-      saveFormData(e){
+    
+    mounted() {
+      // Assign window-dependent values in mounted hook
+      if (typeof window !== 'undefined') {
+          this.domain = window.location.origin;
+          this.referrer = document.referrer;
+        }
+      },
+    
+    methods: {
+      saveFormData(e) {
         e.preventDefault();
         let formData = {
-          data:{
+          data: {
             name: this.name,
             phone: this.phone,
             email: this.email,
@@ -56,22 +66,33 @@
           owner: this.owner,
           domain: this.domain,
           referrer: this.referrer
-        }
-        console.log(formData);
-        fetch(`http://api.siliconpin.com/v3/contact-form-processor/`,
-        {
+        };
+        // console.log(formData);
+        fetch(`https://api.siliconpin.com/v3/contact-form-processor/`, {
           method: 'POST',
           headers: {
-            'Content-Type' : 'application/json'
+            'Content-Type': 'application/json'
           },
           body: JSON.stringify(formData)
         })
         .then(response => response.json())
         .then(resData => {
-          // console.log("Saved Form resData", resData)
+          // console.log("Saved Form resData", resData.success);
+          if(resData.success === true){
+            this.userQuery = false;
+          }
+          this.clearForm();
         })
-        this.userQurie = false;
+        .catch(error => {
+          console.error("Error:", error);
+        });
+      },
+      clearForm() {
+        this.name = "";
+        this.phone = "";
+        this.email = "";
+        this.message = "";
       }
     }
-  }
+  };
 </script>

src/components/Footer.astro

@@ -15,7 +15,7 @@
     <section class="container-fluid back2">
       <div class="container mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-4">
         <div class="flex flex-col justify-center place-items-center border p-2 rounded-xl">
-          <img class="h-[100px]" src="public/img/logo(202).png" alt="Holywisdom Public School" />
+          <img class="h-[100px]" src="/img/logo(202).png" alt="Holywisdom Public School" />
           <p class="text-[15px] text-justify">At <a href="/" class="text-[#3084b5]">Holywisdom Public School,</a> we proudly embrace the Montessori approach, championing Maria Montessori's vision. This child-centered method encourages independence, creativity, and a love for learning in a prepared environment.</p>
         </div>
         <div class="flex flex-col gap-y-4 border p-2 rounded-xl">

src/components/MainHeader.astro

@@ -1,7 +1,7 @@
 <div>
   <nav>
     <div class="logo">
-        <a href="/"><img src="public/img/logo(202).png" alt="Holywisdom Public School Logo" /></a>
+        <a href="/"><img src="/img/logo(202).png" alt="Holywisdom Public School Logo" /></a>
     </div>
     <div class="hamburger">
         <div class="line1"></div>
@@ -16,7 +16,6 @@
         <!-- <li><a href="#">Services</a></li> -->
         <li><a href="/about">About</a></li>
         <li><a href="/overview">Overview</a></li>
-        <li><a href="/gallery">Gallery</a></li>
         <li><a href="/admission">Admission</a></li>
         <li><a href="/contact">Contact</a></li>
 

src/components/SliderHomepage.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <div class="">
-            <swiper  class="max-w-2xl cursor-pointer shadow-xl rounded-2xl" draggable="false"
+            <swiper class="max-w-2xl cursor-pointer shadow-xl rounded-2xl" draggable="false"
                 :modules="modules"
                 :slides-per-view="1"
                 :space-between="50"
@@ -11,8 +11,6 @@
                 :autoplay=" { delay: 2500, disableOnInteraction: false}"
                 @swiper="onSwiper"
                 @slideChange="onSlideChange">
-                
-                <swiper-slide v-for="(item, index) in img3DResInter" :key="index"> <img class="aspect-video"  :src="item.image_src" alt="" /></swiper-slide>
                 <swiper-slide> <img class=""  src="/img/school1.jpg" alt="" /></swiper-slide>
                 <swiper-slide> <img class=""  src="/img/school2.jpg" alt="" /></swiper-slide>
                 <swiper-slide> <img class=""  src="/img/school3.jpg" alt="" /></swiper-slide>
@@ -67,7 +65,6 @@
          page: null,
          lessonplan:null,
          isLoading: true,
-         img3DResInter: [{ image_src: "/assets/school_image/hps-image1.jpg" },{ image_src: "/assets/school_image/hps-image2.jpg" },{ image_src: "/assets/school_image/hps-image3.jpg" },{ image_src: "/assets/school_image/hps-image4.jpg" },{ image_src: "/assets/school_image/hps-image5.jpg" },{ image_src: "/assets/school_image/hps-image6.jpg" },{ image_src: "/assets/school_image/hps-image7.jpg" },{ image_src: "/assets/school_image/hps-image8.jpg" },{ image_src: "/assets/school_image/hps-image9.jpg" },{ image_src: "/assets/school_image/hps-image10.jpg" },{ image_src: "/assets/school_image/hps-image11.jpg" },{ image_src: "/assets/school_image/hps-image12.jpg" },{ image_src: "/assets/school_image/hps-image13.jpg" },{ image_src: "/assets/school_image/hps-image14.jpg" },{ image_src: "/assets/school_image/hps-image16.jpg" },{ image_src: "/assets/school_image/hps-image17.jpg" },{ image_src: "/assets/school_image/hps-image18.jpg" },{ image_src: "/assets/school_image/hps-image19.jpg" },{ image_src: "/assets/school_image/hps-image20.jpg" },{ image_src: "/assets/school_image/hps-image21.jpg" },{ image_src: "/assets/school_image/hps-image22.jpg" },{ image_src: "/assets/school_image/hps-image23.jpg" },{ image_src: "/assets/school_image/hps-image24.jpg" },{ image_src: "/assets/school_image/hps-image25.jpg" },{ image_src: "/assets/school_image/hps-image26.jpg" },{ image_src: "/assets/school_image/hps-image27.jpg" },{ image_src: "/assets/school_image/hps-image28.jpg" },{ image_src: "/assets/school_image/hps-image29.jpg" },{ image_src: "/assets/school_image/hps-image30.jpg" },{ image_src: "/assets/school_image/hps-image31.jpg" }]
   
      }
   },

src/pages/about.astro

@@ -2,36 +2,73 @@
 import Layout from "../layouts/Layout.astro";
 import ContactForm from "../components/ContactForm.vue";
 ---
-<Layout title="">
-    <script is:inline type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
+
+<Layout title="Holy Wisdom Public School - About Us">
     <main>
         <div>
             <section class="container-fluid gradintBack">
-				<div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row gap-x-4 place-items-center">
-					<div class="w-full">
-						<img class="w-full " src="/img/image3.png" alt="">
-					</div>
-					<div class="flex flex-col w-full">
-						<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Discover Our Story</h1>
-						<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Nurturing Young Minds at Holywisdom Preschool</h2>
-						<h3 class="text-xl text-justify pb-4">A testament to our Montessori-inspired vision, dedicated educators, and vibrant learning spaces. Your child's journey starts here!</h3>
-						<div class="flex flex-row place-content-between">
-							<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#FFFFFF] px-4 md:px-8 p-3 bg-[#3084b5] border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
-						</div>
-					</div>
-				</div>
-			</section>
+                <div
+                    class="container mx-auto px-4 flex flex-col-reverse lg:flex-row gap-x-4 place-items-center"
+                >
+                    <div class="w-full">
+                        <img class="w-full" src="/img/image3.png" alt="" />
+                    </div>
+                    <div class="flex flex-col w-full">
+                        <h1
+                            class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]"
+                        >
+                            Discover Our Story
+                        </h1>
+                        <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">
+                            Nurturing Young Minds at Holywisdom Preschool
+                        </h2>
+                        <h3 class="text-xl text-justify pb-4">
+                            A testament to our Montessori-inspired vision,
+                            dedicated educators, and vibrant learning spaces.
+                            Your child's journey starts here!
+                        </h3>
+                        <div class="flex flex-row place-content-between">
+                            <button
+                                onclick="formModal.showModal();"
+                                class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#FFFFFF] px-4 md:px-8 p-3 bg-[#3084b5] border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"
+                                >Get in Touch</button
+                            >
+                        </div>
+                    </div>
+                </div>
+            </section>
             <section class="container mx-auto px-4 my-10">
                 <div class="">
                     <h1 class="text-2xl">Enter Our Preschool World!</h1>
-                    <p class="text-justify">Welcome to the digital gateway of Holywisdom Public School's newest preschool! Explore the essence of early childhood education with our online platform, offering a glimpse into the vibrant and enriching world we've created for your child. Delve into our programs, meet our dedicated educators, and virtually tour our stimulating facilities. Stay connected with our community, receive updates on upcoming events, and embark on the exciting journey of discovery and growth that awaits your little one at Holywisdom Preschool. Start the adventure now!</p>
+                    <p class="text-justify">
+                        Welcome to the digital gateway of Holywisdom Public
+                        School's newest preschool! Explore the essence of early
+                        childhood education with our online platform, offering a
+                        glimpse into the vibrant and enriching world we've
+                        created for your child. Delve into our programs, meet
+                        our dedicated educators, and virtually tour our
+                        stimulating facilities. Stay connected with our
+                        community, receive updates on upcoming events, and
+                        embark on the exciting journey of discovery and growth
+                        that awaits your little one at Holywisdom Preschool.
+                        Start the adventure now!
+                    </p>
                 </div>
             </section>
             <section class="container mx-auto px-4 pb-16">
                 <div class="flex flex-col">
-                    <h1 class="text-2xl pt-4">About Holy Wisdom Public School</h1>
-                    <p class="text-justify">Welcome to Holy Wisdom Public School, a nurturing haven for young minds inspired by the visionary Ishwar Chandra Vidyasagar, where we embrace the Maria Montessori education system. Our preschool is dedicated to creating an environment where children flourish, explore, and grow.</p>
-                    <h1 class="text-2xl pt-4"> Our Vision and Mission</h1>
+                    <h1 class="text-2xl pt-4">
+                        About Holy Wisdom Public School
+                    </h1>
+                    <p class="text-justify">
+                        Welcome to Holy Wisdom Public School, a nurturing haven
+                        for young minds inspired by the visionary Ishwar Chandra
+                        Vidyasagar, where we embrace the Maria Montessori
+                        education system. Our preschool is dedicated to creating
+                        an environment where children flourish, explore, and
+                        grow.
+                    </p>
+                    <!-- <h1 class="text-2xl pt-4"> Our Vision and Mission</h1>
                     <p class="text-justify">HOLY WISDOM PUBLIC SCHOOL, Kumra, Kumra Kashipur, Habra North 24 Parganas (W.B.)
                         establish in rural area for the development of the community and our society. Holy Wisdom
                         Public School will deliver a world class education that encourages collaboration
@@ -41,11 +78,87 @@ import ContactForm from "../components/ContactForm.vue";
                         environment. it will provide a high standard of knowledge promoting academic excellence
                         and cultivating leadership skill in our school. It is our mission to provide a safe and home like
                         atmosphere for children to teach students the important values of life, teach children to
-                        respect their parents, teachers and all elders to built cultural value and patriotism.</p>
+                        respect their parents, teachers and all elders to built cultural value and patriotism.</p>  -->
 
+                    <section class="container">
+                        <div class="flex flex-wrap justify-center gap-6 p-4">
+                            <div
+                                class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
+                            >
+                                <img
+                                    class="w-24 h-24 rounded-full mb-4"
+                                    src="public/img/goal.png"
+                                    alt=""
+                                />
+                                <h3 class="text-lg font-bold">Mission</h3>
+                                <p class="text-justify">
+                                    Holy Wisdom Public School will deliver a
+                                    world class education that encourages
+                                    collaboration communication creativity and
+                                    critical thinking.Our mission is to inspire
+                                    every each students not only excellence in
+                                    academic.
+                                </p>
+                            </div>
+                            <div
+                                class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
+                            >
+                                <img
+                                    class="w-24 h-24 rounded-full mb-4"
+                                    src="public/img/rocket.png"
+                                    alt=""
+                                />
+                                <h3 class="text-lg font-bold">Vision</h3>
+                                <p class="text-justify">
+                                    At Holy Wisdom Public School, our vision is
+                                    to create a nurturing environment where
+                                    every child can thrive. We aim to inspire
+                                    curious minds, compassionate hearts, and
+                                    confident leaders who are prepared to
+                                    succeed in a diverse world and contribute
+                                    meaningfully to their communities.
+                                </p>
+                            </div>
+                            <div
+                                class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
+                            >
+                                <img
+                                    class="w-24 h-24 rounded-full mb-4"
+                                    src="public/img/commitee.png"
+                                    alt=""
+                                />
+                                <h3 class="text-lg font-bold">Ethics</h3>
+                                <p class="text-justify">
+                                    We believe in teaching our children the
+                                    importance of honesty, kindness, and
+                                    fairness, creating a foundation for lifelong
+                                    ethical behavior and compassionate
+                                    citizenship.
+                                </p>
+                            </div>
+                            <div
+                                class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
+                            >
+                                <img
+                                    class="w-24 h-24 rounded-full mb-4"
+                                    src="public/img/philosophy.png"
+                                    alt=""
+                                />
+                                <h3 class="text-lg font-bold">Philosophy</h3>
+                                <p class="text-justify">
+                                    Rooted in Vidyasagar's Vision: At Holy
+                                    Wisdom, we draw inspiration from Ishwar
+                                    Chandra Vidyasagar's commitment to
+                                    education. Our philosophy aligns with his
+                                    vision of providing quality education that
+                                    respects the natural development of each
+                                    child.
+                                </p>
+                            </div>
+                        </div>
+                    </section>
 
-
-                        <!-- <model-viewer id=""  class="w-full h-screen bg-[#05b3a430]" src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls poster="/assets/poster.webp" shadow-intensity="1"  camera-target="-2.135m 1.38m 0.17m" camera-orbit="-7.951e-16deg 80.69deg 136.1m" field-of-view="30deg">
+                    <!-- <model-viewer id=""  class="w-full h-screen bg-[#05b3a430]" src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls poster="/assets/poster.webp" shadow-intensity="1"  camera-target="-2.135m 1.38m 0.17m" camera-orbit="-7.951e-16deg 80.69deg 136.1m" field-of-view="30deg">
                             <div class="progress-bar hide" slot="progress-bar">
                                 <div class="update-bar"></div>
                             </div>
@@ -55,8 +168,7 @@ import ContactForm from "../components/ContactForm.vue";
                             </div>
                         </model-viewer>   -->
 
-
-                        <!-- <model-viewer src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1">
+                    <!-- <model-viewer src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1">
                             <div class="progress-bar hide" slot="progress-bar">
                                 <div class="update-bar"></div>
                             </div>
@@ -66,9 +178,9 @@ import ContactForm from "../components/ContactForm.vue";
                             <div id="ar-prompt">
                                 <img src="https://modelviewer.dev/shared-assets/icons/hand.png">
                             </div>
-                        </model-viewer> -->
+                        </model-viewer> class="w-full h-[500px] lg:h-screen" -->
 
-                        <model-viewer class="w-full h-[400px] bg-[#3084b540]" src="/assets/school_building_stage2.glb" ar ar-modes="scene-viewer webxr quick-look" camera-controls tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1" field-of-view="80deg">
+                        <model-viewer class="w-full h-[500px] lg:h-screen" src="/assets/schoolbuilding_stage3.glb" ar ar-modes="scene-viewer webxr quick-look" camera-controls tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1" camera-orbit="-17.83deg 71.59deg 193.5m" field-of-view="25.56deg" auto-rotate>
                             <div class="progress-bar hide" slot="progress-bar">
                                 <div class="update-bar"></div>
                             </div>
@@ -82,10 +194,7 @@ import ContactForm from "../components/ContactForm.vue";
                         
                                               
 
-
-
-
-                        <!-- <model-viewer class="w-full h-screen" src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls touch-action="pan-y" tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1.13" exposure="0.59" shadow-softness="1">
+                    <!-- <model-viewer class="w-full h-screen" src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls touch-action="pan-y" tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1.13" exposure="0.59" shadow-softness="1">
                             <div class="progress-bar hide h-screen" slot="progress-bar">
                                 <div class="update-bar"></div>
                             </div>
@@ -96,113 +205,434 @@ import ContactForm from "../components/ContactForm.vue";
                                 <img src="https://modelviewer.dev/shared-assets/icons/hand.png">
                             </div>
                         </model-viewer> -->
-                        <section class="container">
-                            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-6">
-                               <h2 class="text-3xl font-extrabold text-center mb-8">Our Core Values</h2>
-                               <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
-                                  <div class="text-center">
-                                     <div class="flex justify-center mb-4">
-                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
-                                           <img src="public/img/codevalue3.png" alt="" />
+                    <section class="container">
+                        <div
+                            class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-6"
+                        >
+                            <h2
+                                class="text-3xl font-extrabold text-center mb-8"
+                            >
+                                Our Core Values
+                            </h2>
+                            <div
+                                class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"
+                            >
+                                <div class="text-center">
+                                    <div class="flex justify-center mb-4">
+                                        <div
+                                            class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
+                                        >
+                                            <img
+                                                src="public/img/codevalue3.png"
+                                                alt=""
+                                            />
                                         </div>
-                                     </div>
-                                     <h3 class="text-xl font-semibold ">Respect</h3>
-                                     <p class=" mt-2">We teach our children to value and appreciate the diversity
-                                        and uniqueness of everyone around them.</p>
-                                  </div>
-                                  <div class="text-center">
-                                     <div class="flex justify-center mb-4">
-                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
-                                           <img src="public/img/codevalue4.png" alt="" />
+                                    </div>
+                                    <h3 class="text-xl font-semibold">
+                                        Respect
+                                    </h3>
+                                    <p class="mt-2">
+                                        We teach our children to value and
+                                        appreciate the diversity and uniqueness
+                                        of everyone around them.
+                                    </p>
+                                </div>
+                                <div class="text-center">
+                                    <div class="flex justify-center mb-4">
+                                        <div
+                                            class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
+                                        >
+                                            <img
+                                                src="public/img/codevalue4.png"
+                                                alt=""
+                                            />
                                         </div>
-                                     </div>
-                                     <h3 class="text-xl font-semibold">Responsibility</h3>
-                                     <p class=" mt-2">We guide our children to take ownership of their actions and
-                                        learn the importance of making positive choices.</p>
-                                  </div>
-                                  <div class="text-center">
-                                     <div class="flex justify-center mb-4">
-                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
-                                           <img src="public/img/codevalue5.png" alt="" />
+                                    </div>
+                                    <h3 class="text-xl font-semibold">
+                                        Responsibility
+                                    </h3>
+                                    <p class="mt-2">
+                                        We guide our children to take ownership
+                                        of their actions and learn the
+                                        importance of making positive choices.
+                                    </p>
+                                </div>
+                                <div class="text-center">
+                                    <div class="flex justify-center mb-4">
+                                        <div
+                                            class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
+                                        >
+                                            <img
+                                                src="public/img/codevalue5.png"
+                                                alt=""
+                                            />
                                         </div>
-                                     </div>
-                                     <h3 class="text-xl font-semibold">Resilience</h3>
-                                     <p class="mt-2">We support our children in developing strong emotional
-                                        health, teaching them to cope with challenges and setbacks.</p>
-                                  </div>
-                                  <div class="text-center">
-                                     <div class="flex justify-center mb-4">
-                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
-                                           <img src="public/img/codevalue1.png" alt="" />
+                                    </div>
+                                    <h3 class="text-xl font-semibold">
+                                        Resilience
+                                    </h3>
+                                    <p class="mt-2">
+                                        We support our children in developing
+                                        strong emotional health, teaching them
+                                        to cope with challenges and setbacks.
+                                    </p>
+                                </div>
+                                <div class="text-center">
+                                    <div class="flex justify-center mb-4">
+                                        <div
+                                            class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
+                                        >
+                                            <img
+                                                src="public/img/codevalue1.png"
+                                                alt=""
+                                            />
                                         </div>
-                                     </div>
-                                     <h3 class="text-xl font-semibold">Creativity</h3>
-                                     <p class="mt-2">We nurture imaginative and innovative thinking, encouraging children to explore new ideas and solutions.</p>
-                                  </div>
-                                  <div class="text-center">
-                                     <div class="flex justify-center mb-4">
-                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
-                                           <img src="public/img/codevalue2.png" alt="" />
+                                    </div>
+                                    <h3 class="text-xl font-semibold">
+                                        Creativity
+                                    </h3>
+                                    <p class="mt-2">
+                                        We nurture imaginative and innovative
+                                        thinking, encouraging children to
+                                        explore new ideas and solutions.
+                                    </p>
+                                </div>
+                                <div class="text-center">
+                                    <div class="flex justify-center mb-4">
+                                        <div
+                                            class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
+                                        >
+                                            <img
+                                                src="public/img/codevalue2.png"
+                                                alt=""
+                                            />
                                         </div>
-                                     </div>
-                                     <h3 class="text-xl font-semibold">Quality</h3>
-                                     <p class="mt-2">Our curriculum is designed to provide high-quality education, ensuring each child reaches their full potential.</p>
-                                  </div>
-                                  <div class="text-center">
-                                     <div class="flex justify-center mb-4">
-                                        <div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
-                                           <img src="public/img/codevalue6.png" alt="" />
+                                    </div>
+                                    <h3 class="text-xl font-semibold">
+                                        Quality
+                                    </h3>
+                                    <p class="mt-2">
+                                        Our curriculum is designed to provide
+                                        high-quality education, ensuring each
+                                        child reaches their full potential.
+                                    </p>
+                                </div>
+                                <div class="text-center">
+                                    <div class="flex justify-center mb-4">
+                                        <div
+                                            class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
+                                        >
+                                            <img
+                                                src="public/img/codevalue6.png"
+                                                alt=""
+                                            />
                                         </div>
-                                     </div>
-                                     <h3 class="text-xl font-semibold">Teamwork</h3>
-                                     <p class="mt-2">We emphasize the importance of working together, helping children develop strong collaboration and communication skills.</p>
-                                  </div>
-                               </div>
+                                    </div>
+                                    <h3 class="text-xl font-semibold">
+                                        Teamwork
+                                    </h3>
+                                    <p class="mt-2">
+                                        We emphasize the importance of working
+                                        together, helping children develop
+                                        strong collaboration and communication
+                                        skills.
+                                    </p>
+                                </div>
                             </div>
-                        </section>
+                        </div>
+                    </section>
 
+                    <!-- <h1 class="text-2xl pt-4">Our Objective</h1>
+                    <p class="text-justify">
+                        1. To achieve high standard of academic excellence.<br
+                        />
+                        2. To provide an education that prepare young minds to be
+                        creative compassionate and innovative adults.<br />
+                        3. To prepare the students according to the interest and
+                        ability of the students.<br />
+                        4. Including a variety of learning tasks in the curriculam
+                        as some children prefer learning by discovery rather than
+                        limitation.<br />
+                        5. Asking question that encourages original responses.<br
+                        />
+                        6. Providing time and scope to slow learners.
+                    </p> -->
+                    <!-- <section class="container">
+                        <div class="container mx-auto mt-20">
+                            <div class="flex flex-col md:flex-row items-center">
+                                <div class="p-2">
+                                    <h2 class="text-3xl font-bold mb-4">
+                                        Our Objective
+                                    </h2>
+                                    <ul class="space-y-1 list-disc list-inside">
+                                        <li>
+                                            To achieve high standard of academic
+                                            excellence.
+                                        </li>
+                                        <li>
+                                            To provide an education that prepare
+                                            young minds to be creative
+                                            compassionate and innovative adults.
+                                        </li>
+                                        <li>
+                                            To prepare the students according to
+                                            the interest and ability of the
+                                            students.
+                                        </li>
+                                        <li>
+                                            Including a variety of learning
+                                            tasks in the curriculam as some
+                                            children prefer learning by
+                                            discovery rather than limitation.
+                                        </li>
+                                        <li>
+                                            Asking question that encourages
+                                            original responses.
+                                        </li>
+                                        <li>
+                                            Providing time and scope to slow
+                                            learners.
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="p-2">
+                                    <img
+                                        class="rounded-lg shadow-lg"
+                                        src="public/img/Objective.jpg"
+                                        alt="objective"
+                                    />
+                                </div>
+                            </div>
+                        </div>
+                    </section> -->
 
+                    <h1 class="text-xl md:text-3xl pt-2">Our Objective</h1>
+                    <div class="flex flex-col-reverse md:flex-row gap-4">
+                        <div class="w-full">
+                            <ul class="space-y-1 list-disc list-inside">
+                                <li>
+                                    To achieve high standard of academic
+                                    excellence.
+                                </li>
+                                <li>
+                                    To provide an education that prepare
+                                    young minds to be creative
+                                    compassionate and innovative adults.
+                                </li>
+                                <li>
+                                    To prepare the students according to
+                                    the interest and ability of the
+                                    students.
+                                </li>
+                                <li>
+                                    Including a variety of learning
+                                    tasks in the curriculam as some
+                                    children prefer learning by
+                                    discovery rather than limitation.
+                                </li>
+                                <li>
+                                    Asking question that encourages
+                                    original responses.
+                                </li>
+                                <li>
+                                    Providing time and scope to slow
+                                    learners.
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="w-full md:w-1/2">
+                            <img
+                            class="rounded-lg shadow-lg"
+                            src="public/img/objective.jpg"
+                            alt="objective"
+                        />
+                        </div>
+                    </div>
 
-                        <h1 class="text-2xl pt-4"> Our Objective</h1>
-                        <p class="text-justify">1. To achieve high standard of academic excellence.<br/>
-                            2. To provide an education that prepare young minds to be creative compassionate
-                             and innovative adults.<br/>
-                            3. To prepare the students according to the interest and ability of the students.<br/>
-                            4. Including a variety of learning tasks in the curriculam as some children
-                             prefer learning by discovery rather than limitation.<br/>
-                            5. Asking question that encourages original responses.<br/>
-                            6. Providing time and scope to slow learners.</p>
-
-                            <h1 class="text-2xl pt-4">Targets</h1>
-                            <p class="text-justify">The class room is primarily responsible for developing intellect, compassion, respect, equality,
-                                accountability and social responsibility which are the pillars of perfect character buildup.
-                                Focus on extra curricular activities assist asthetic development, character building spiritual
-                                growth, physical growth, enhances personality boosts confidence, programme on quiz test /
-                                song poetry / abcus will be taught along with academic.</p>
-                    <h1 class="text-2xl pt-4">Our Philosophy</h1>
-                    <p class="text-justify">Rooted in Vidyasagar's Vision: At Holy Wisdom, we draw inspiration from Ishwar Chandra Vidyasagar's commitment to education. Our philosophy aligns with his vision of providing quality education that respects the natural development of each child.</p>
+                    <h1 class="text-2xl pt-4">Targets</h1>
+                    <p class="text-justify">
+                        The class room is primarily responsible for developing
+                        intellect, compassion, respect, equality, accountability
+                        and social responsibility which are the pillars of
+                        perfect character buildup. Focus on extra curricular
+                        activities assist asthetic development, character
+                        building spiritual growth, physical growth, enhances
+                        personality boosts confidence, programme on quiz test /
+                        song poetry / abcus will be taught along with academic.
+                    </p>
+                    <!-- <h1 class="text-2xl pt-4">Our Philosophy</h1>
+                    <p class="text-justify">
+                        Rooted in Vidyasagar's Vision: At Holy Wisdom, we draw
+                        inspiration from Ishwar Chandra Vidyasagar's commitment
+                        to education. Our philosophy aligns with his vision of
+                        providing quality education that respects the natural
+                        development of each child.
+                    </p> -->
                     <h1 class="text-2xl pt-4">What Sets Us Apart</h1>
-                    <p class="text-justify">Child-Centric Learning: Understanding that every child is unique, our curriculum at Holy Wisdom is tailored to accommodate various learning styles. We celebrate individuality and encourage self-discovery.</p><br>
-                    <p class="text-justify">Montessori Materials and Environments: Our classrooms are equipped with specially designed Montessori materials, inspired by Vidyasagar's dedication to innovative education. These materials, combined with thoughtfully crafted environments, inspire joy and curiosity in learning.</p>
+                    <p class="text-justify">
+                        Child-Centric Learning: Understanding that every child
+                        is unique, our curriculum at Holy Wisdom is tailored to
+                        accommodate various learning styles. We celebrate
+                        individuality and encourage self-discovery.
+                    </p><br />
+                    <p class="text-justify">
+                        Montessori Materials and Environments: Our classrooms
+                        are equipped with specially designed Montessori
+                        materials, inspired by Vidyasagar's dedication to
+                        innovative education. These materials, combined with
+                        thoughtfully crafted environments, inspire joy and
+                        curiosity in learning.
+                    </p>
                     <h1 class="text-2xl pt-4">Our Dedicated Educators</h1>
-                    <p class="text-justify">Passionate and Trained Staff: Our team of educators is passionate about early childhood education and is trained in the Montessori philosophy. They guide, support, and observe each child's journey, fostering a love for learning that lasts a lifetime.</p>
+                    <p class="text-justify">
+                        Passionate and Trained Staff: Our team of educators is
+                        passionate about early childhood education and is
+                        trained in the Montessori philosophy. They guide,
+                        support, and observe each child's journey, fostering a
+                        love for learning that lasts a lifetime.
+                    </p>
                     <!-- <h1 class="text-2xl pt-4">Core Values</h1>
                     <p class="text-justify">Respect, Responsibility, and Resilience: Holy Wisdom instills core values of respect, responsibility, and resilience in every child. Through practical life activities, sensorial experiences, and collaborative play, we build the foundation for future success.</p> -->
 
                     <h1 class="text-2xl pt-4">Community Engagement</h1>
-                    <p class="text-justify">A Community of Learners: We believe in the power of community. Holy Wisdom encourages parental involvement, creating a collaborative learning experience. Regular communication, events, and workshops ensure a strong partnership between school and family.</p>
+                    <p class="text-justify">
+                        A Community of Learners: We believe in the power of
+                        community. Holy Wisdom encourages parental involvement,
+                        creating a collaborative learning experience. Regular
+                        communication, events, and workshops ensure a strong
+                        partnership between school and family.
+                    </p>
                     <h1 class="text-2xl pt-4">Visit Us Today</h1>
-                    <p class="text-justify">Embark on this educational journey with us at Holy Wisdom Public School. Schedule a visit to explore our classrooms, meet our dedicated staff, and witness the magic of Maria Montessori inspired by the ideals of Ishwar Chandra Vidyasagar. <br/>At Holy Wisdom, we don't just educate; we inspire a lifelong love for learning.</p>
+                    <p class="text-justify">
+                        Embark on this educational journey with us at Holy
+                        Wisdom Public School. Schedule a visit to explore our
+                        classrooms, meet our dedicated staff, and witness the
+                        magic of Maria Montessori inspired by the ideals of
+                        Ishwar Chandra Vidyasagar. <br />At Holy Wisdom, we
+                        don't just educate; we inspire a lifelong love for
+                        learning.
+                    </p>
                 </div>
+
+                <section class="container">
+                    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-6">
+                        <h2 class="text-3xl font-extrabold text-center mb-8">
+                            Our School Gallery
+                        </h2>
+                    </div>
+
+                    <div
+                        class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4"
+                    >
+                        <div class="group cursor-pointer relative">
+                            <img
+                                src="img/g.jpg"
+                                alt="Image 1"
+                                class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
+                            />
+                            <div
+                                class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
+                            >
+                            </div>
+                        </div>
+
+                        <div class="group cursor-pointer relative">
+                            <img
+                                src="img/g2.jpg"
+                                alt="Image 2"
+                                class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
+                            />
+                            <div
+                                class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
+                            >
+                            </div>
+                        </div>
+
+                        <div class="group cursor-pointer relative">
+                            <img
+                                src="img/g3.jpg"
+                                alt="Image 3"
+                                class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
+                            />
+                            <div
+                                class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
+                            >
+                            </div>
+                        </div>
+
+                        <div class="group cursor-pointer relative">
+                            <img
+                                src="img/g4.jpg"
+                                alt="Image 4"
+                                class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
+                            />
+                            <div
+                                class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
+                            >
+                            </div>
+                        </div>
+
+                        <div class="group cursor-pointer relative">
+                            <img
+                                src="img/g5.jpg"
+                                alt="Image 5"
+                                class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
+                            />
+                            <div
+                                class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
+                            >
+                            </div>
+                        </div>
+
+                        <div class="group cursor-pointer relative">
+                            <img
+                                src="img/g6.jpg"
+                                alt="Image 6"
+                                class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
+                            />
+                            <div
+                                class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
+                            >
+                            </div>
+                        </div>
+
+                        <div class="group cursor-pointer relative">
+                            <img
+                                src="img/g7.jpg"
+                                alt="Image 7"
+                                class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
+                            />
+                            <div
+                                class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
+                            >
+                            </div>
+                        </div>
+
+                        <div class="group cursor-pointer relative">
+                            <img
+                                src="img/g8.jpg"
+                                alt="Image 8"
+                                class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
+                            />
+                            <div
+                                class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
+                            >
+                            </div>
+                        </div>
+                    </div>
+                </section>
             </section>
             <section class="container mx-auto">
                 <div>
                     <dialog id="formModal" class="max-w-2xl rounded-xl">
                         <form method="dialog" class="">
-							<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button>
+                            <button
+                                class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right"
+                                >&#10008;</button
+                            >
                             <div class="">
-								<ContactForm client:visible/>
-							</div>
+                                <ContactForm client:visible />
+                            </div>
                         </form>
                     </dialog>
                 </div>
@@ -210,8 +640,17 @@ import ContactForm from "../components/ContactForm.vue";
         </div>
     </main>
 </Layout>
+<script
+    is:inline
+    type="module"
+    src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"
+></script>
 <style>
     .gradintBack {
-        background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
+        background: linear-gradient(
+            0deg,
+            rgb(71, 174, 106) 0%,
+            rgba(255, 255, 255) 40%
+        );
     }
 </style>

src/pages/admission.astro

@@ -3,7 +3,7 @@ import Layout from "../layouts/Layout.astro";
 import ContactForm from "../components/ContactForm.vue";
 ---
 
-<Layout title="">
+<Layout title="Holy Wisdom Public School - Admission">
     <main>
         <div class="pb-16">
             <section class="container-fluid gradintBack">

src/pages/contact.astro

@@ -1,7 +1,7 @@
 ---
 import Layout from "../layouts/Layout.astro";
 ---
-<Layout title="">
+<Layout title="Holy Wisdom Public School - Contact Us">
     <main>
         <div>
             <section class="container-fluid gradintBack">
@@ -10,9 +10,9 @@ import Layout from "../layouts/Layout.astro";
 						<img class="lg:max-w-2xl" src="/img/rec_girl.png" alt="">
 					</div>
 					<div class="flex flex-col w-full">
-						<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Get in Touch with Holywisdom Public School!</h1>
-						<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Contact us for a brighter start at Holywisdom Public School!</h2>
-						<h3 class="text-xl text-justify pb-4">Drop us a line at Holywisdom Public School – your gateway to educational excellence!</h3>
+						<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Get in Touch with Holywisdom Preschool!</h1>
+						<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Contact us for a brighter start at Holywisdom Preschool!</h2>
+						<h3 class="text-xl text-justify pb-4">Drop us a line at Holywisdom Preschool – your gateway to educational excellence!</h3>
 						<!-- <div class="flex flex-row place-content-between">
 							<a href="#" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</a>
 						</div> -->
@@ -21,8 +21,8 @@ import Layout from "../layouts/Layout.astro";
 			</section>
             <section class="container mx-auto px-4 my-10">
                 <div class="">
-                    <h1 class="text-2xl">Reach Out to Holywisdom Public School</h1>
-                    <p class="">Contacting Holywisdom Public School is your first step toward a seamless connection with our dedicated team. Whether you have inquiries about our programs, enrollment details, or simply want to learn more about our unique approach to early childhood education, we're here to help. Your child's journey with us begins with a conversation. Reach out through the provided contact information, and let's embark on the path of educational discovery together. We look forward to hearing from you and welcoming your family into the Holywisdom community.</p>
+                    <h1 class="text-2xl">Reach Out to Holywisdom Preschool</h1>
+                    <p class="">Contacting Holywisdom Preschool is your first step toward a seamless connection with our dedicated team. Whether you have inquiries about our programs, enrollment details, or simply want to learn more about our unique approach to early childhood education, we're here to help. Your child's journey with us begins with a conversation. Reach out through the provided contact information, and let's embark on the path of educational discovery together. We look forward to hearing from you and welcoming your family into the Holywisdom community.</p>
                 </div>
             </section>
             <section class="container mx-auto px-4 my-16">
@@ -64,7 +64,6 @@ import Layout from "../layouts/Layout.astro";
     </main>
 </Layout>
 <script is:inline>
-
   document.getElementById('formSection').addEventListener('submit', function(event) {
       event.preventDefault();
 
@@ -75,12 +74,12 @@ import Layout from "../layouts/Layout.astro";
               email: document.getElementById('email').value,
               message: document.getElementById('message').value
           },
-          owner: 'owner_value',
-          domain: 'domain_value',
+          owner: 'Holy Wisdom Public School',
+          domain: window.location.origin,
           referrer: document.referrer   
       };
 
-      fetch('http://192.168.0.166:2053/v3/contact-form-processor/', {
+      fetch('https://api.siliconpin.com/v3/contact-form-processor/', {
           method: 'POST',
           headers: {
               'Content-Type': 'application/json'
@@ -90,96 +89,25 @@ import Layout from "../layouts/Layout.astro";
       .then(response => response.json())
       .then(data => {
           if (data.success) {
-              console.log('Data submitted successfully');
+            //   console.log('Data submitted successfully');
+              if(data.success === true){
+                document.getElementById('formSection').style.display = 'none';
+                document.getElementById('thankYouSection').style.display = 'block';
+              }
+              console.log(data.success)
           } else {
-              console.log('Error: ' + data.message);
+            //   console.log('Error: ' + data.message);
           }
       })
       .catch(error => {
-          console.error('Error:', error);
-          console.log('An error occurred while submitting the form');
+        //   console.error('Error:', error);
+        //   console.log('An error occurred while submitting the form');
       });
   });
 
-
-
-    // document.addEventListener('DOMContentLoaded', function () {
-    //   const contactForm = document.getElementById('contactForm');
-    //   const formSection = document.getElementById('formSection');
-    //   const thankYouSection = document.getElementById('thankYouSection');
-    //   const nameInput = document.getElementById('name');
-    //   const emailInput = document.getElementById('email');
-    //   const phoneInput = document.getElementById('phone');
-    //   const messageInput = document.getElementById('message');
-
-    //   contactForm.addEventListener('submit', async function (event) {
-    //     event.preventDefault();
-    //     let data = {
-    //       data:{
-    //         name: nameInput.value,
-    //         phone: phoneInput.value,
-    //         email: emailInput.value,
-    //         message: messageInput.value
-    //       },
-    //       owner: "Holly Wisdom Public School",
-    //       domain: window.location.origin,
-    //       referrer: "Holly Wisdom Public School"
-    //     }
-    //     console.log("Form Data", data)
-    //     const url = 'https://api.siliconpin.com/v3/contact-form-processor/';
-    //     try {
-    //       const response = await fetch(url, {
-    //         method: 'POST',
-    //         headers: {
-    //           'Content-Type': 'application/json'
-    //         },
-    //         body: JSON.stringify(data)
-    //       });
-    //       if (response.ok) {
-    //         console.log('Form data submitted successfully');
-    //         formSection.style.display = 'none';
-    //         thankYouSection.style.display = 'block';
-    //       } else {
-    //         console.error('Failed to submit form data');
-    //       }
-    //     } catch (error) {
-    //       console.error('An error occurred:', error);
-    //     }
-    //   });
-    // });
 </script>
 <style>
     .gradintBack {
         background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
     }
 </style>
-
-<!-- function submitForm(){
-  const formData = {
-    data: {
-            name: document.getElementById('name').value,
-            email: document.getElementById('email').value,
-            phone: document.getElementById('phone').value
-        },
-        owner: document.getElementById('owner').value,
-        domain: document.getElementById('domain').value,
-        referrer: document.getElementById('referrer').value
-  };
-  fetch(`http://192.168.0.166:2053/v3/contact-form/`, {
-    method: 'POST',
-    headers: {
-      'Content-Type' : 'application/json',
-    },
-    body: JSON.stringify(formData)
-  })
-  .then(response => {
-    if(response.ok){
-      console.log('Form submitted succesfully!');
-    }else{
-      console.log('Form submitted faild!');
-    }
-  })
-  .then(error => {
-    console.error('an error occoured', error);
-  })
-} -->

src/pages/curriculum.astro

@@ -40,8 +40,22 @@ let eventsData = [
     "event": "Annual Sports Competitions",
     "img": "/img/ev6.jpg",
     "description": "This event is a highlight of the school year, featuring various sports and athletic competitions. Students participate in events like races, team sports, and other physical activities, promoting teamwork, sportsmanship, and physical fitness."
+  },
+  {
+    "id": "7",
+    "event": "Merry Christmas",
+    "img": "/img/ev7.jpg",
+    "description": "Celebrated on December 25th, Christmas at school includes decorating the Christmas tree, singing carols, and organizing a special assembly. Students and teachers participate in gift exchanges and various fun activities, fostering a spirit of joy and community."
+  },
+  {
+    "id": "8",
+    "event": "Rabindranath Tagore Jayanti",
+    "img": "/img/ev8.jpg",
+    "description": "This event celebrates the birth anniversary of Rabindranath Tagore, a renowned poet, philosopher, and artist. The school organizes cultural programs, recitations, and activities that reflect on his contributions to literature and the arts."
   }
 ]
+
+
 let compulsorySchoolData = [
   {
     "id": "1",
@@ -150,11 +164,11 @@ let inSportsData = [
 ]
 ---
 
-<Layout title="">
+<Layout title="Holy Wisdom Public School - Curriculum">
     <main>
         <div>
             <section class="container-fluid gradintBack">
-                <div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center">
+                <div class="container mx-auto px-4 flex flex-col-reverse xl:flex-row place-items-center gap-y-4">
                     <div class="w-full">
                         <img class="lg:max-w-3xl" src="/img/school2.png" alt="" />
                     </div>
@@ -237,7 +251,7 @@ let inSportsData = [
                         {outSportsData.map((data) => (
                             <div class="drop-shadow-2xl flex flex-col justify-center place-items-center items-center hover:bg-[#3084b530] p-2 rounded-lg duration-[1s] cursor-pointer">
                                 <img class="" src={data.image} alt="" />
-                                <h2 class="pt-3 text-center">{data.name}</h2>
+                                <h2 class="pt-3">{data.name}</h2>
                             </div>
                         ))}
                     </div>
@@ -246,7 +260,7 @@ let inSportsData = [
                         {inSportsData.map((data) => (
                             <div class="drop-shadow-2xl flex flex-col justify-center place-items-center items-center hover:bg-[#3084b530] p-2 rounded-lg duration-[1s] cursor-pointer">
                                 <img class="" src={data.image} alt="" />
-                                <h2 class="pt-3 ">{data.name}</h2>
+                                <h2 class="pt-3">{data.name}</h2>
                             </div>
                         ))}
                     </div>                    
@@ -318,10 +332,10 @@ let inSportsData = [
                 <div>
                     <dialog id="formModal" class="max-w-2xl rounded-xl">
                         <form method="dialog" class="">
-							<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button>
+							            <button type="submit" class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button>
                             <div class="">
-								<ContactForm client:visible/>
-							</div>
+                              <ContactForm client:visible />
+                            </div>
                         </form>
                     </dialog>
                 </div>

src/pages/form.astro

@@ -1,40 +0,0 @@
-<div>
-    <input type="text" name="name" id="name" style="border: 1px solid #000"><br>
-    <input type="text" name="mobile" id="mobile" style="border: 1px solid #000"><br>
-    <input type="text" name="email" id="email" style="border: 1px solid #000"><br>
-    <textarea name="message" id="message" style="border: 1px solid #000"></textarea><br>
-    <button onclick="saveForm(event)" type="submit" style="border: 1px solid #000">Submit</button>
-</div>
-
-<script is:inline>
-    function saveForm(event){
-        event.preventDefault();
-        let userName = document.getElementById('name').value;
-        let userMobile = document.getElementById('mobile').value;
-        let userEmail = document.getElementById('email').value;
-        let userMessage = document.getElementById('message').value;
-
-        let userData = {
-            name : userName,
-            mobile: userMobile,
-            email: userEmail,
-            message: userMessage 
-        }
-
-
-        fetch(`https://game-du.teachertrainingkolkata.in/items/contact`, {
-            method: 'POST',
-            headers:{
-                'Content-Type' : 'application/json'
-            },
-            body: JSON.stringify(userData)
-        })
-        .then(response => response.json())
-        .then(data => {
-            console.log(data)
-        })
-        .then(error => {
-            console.error(error)
-        })
-    }
-</script>

src/pages/gallery.astro

@@ -1,53 +1,53 @@
 ---
 import Layout from "../layouts/Layout.astro";
-const img3DResInter = [{ image_src: "/assets/school_image/hps-image1.jpg" },{ image_src: "/assets/school_image/hps-image2.jpg" },{ image_src: "/assets/school_image/hps-image3.jpg" },{ image_src: "/assets/school_image/hps-image4.jpg" },{ image_src: "/assets/school_image/hps-image5.jpg" },{ image_src: "/assets/school_image/hps-image6.jpg" },{ image_src: "/assets/school_image/hps-image7.jpg" },{ image_src: "/assets/school_image/hps-image8.jpg" },{ image_src: "/assets/school_image/hps-image9.jpg" },{ image_src: "/assets/school_image/hps-image10.jpg" },{ image_src: "/assets/school_image/hps-image11.jpg" },{ image_src: "/assets/school_image/hps-image12.jpg" },{ image_src: "/assets/school_image/hps-image13.jpg" },{ image_src: "/assets/school_image/hps-image14.jpg" },{ image_src: "/assets/school_image/hps-image16.jpg" },{ image_src: "/assets/school_image/hps-image17.jpg" },{ image_src: "/assets/school_image/hps-image18.jpg" },{ image_src: "/assets/school_image/hps-image19.jpg" },{ image_src: "/assets/school_image/hps-image20.jpg" },{ image_src: "/assets/school_image/hps-image21.jpg" },{ image_src: "/assets/school_image/hps-image22.jpg" },{ image_src: "/assets/school_image/hps-image23.jpg" },{ image_src: "/assets/school_image/hps-image24.jpg" },{ image_src: "/assets/school_image/hps-image25.jpg" },{ image_src: "/assets/school_image/hps-image26.jpg" },{ image_src: "/assets/school_image/hps-image27.jpg" },{ image_src: "/assets/school_image/hps-image28.jpg" },{ image_src: "/assets/school_image/hps-image29.jpg" },{ image_src: "/assets/school_image/hps-image30.jpg" },{ image_src: "/assets/school_image/hps-image31.jpg" }];
+const img3DResInter = [{ image_src: "/assets/school_image/hps-image1.jpg" },{ image_src: "/assets/school_image/hps-image2.jpg" },{ image_src: "/assets/school_image/hps-image3.jpg" },{ image_src: "/assets/school_image/hps-image4.jpg" },{ image_src: "/assets/school_image/hps-image5.jpg" },{ image_src: "/assets/school_image/hps-image6.jpg" },{ image_src: "/assets/school_image/hps-image7.jpg" },{ image_src: "/assets/school_image/hps-image8.jpg" },{ image_src: "/assets/school_image/hps-image9.jpg" },{ image_src: "/assets/school_image/hps-image10.jpg" },{ image_src: "/assets/school_image/hps-image11.jpg" },{ image_src: "/assets/school_image/hps-image12.jpg" },{ image_src: "/assets/school_image/hps-image13.jpg" },{ image_src: "/assets/school_image/hps-image14.jpg" },{ image_src: "/assets/school_image/hps-image15.jpg" },{ image_src: "/assets/school_image/hps-image16.jpg" },{ image_src: "/assets/school_image/hps-image17.jpg" },{ image_src: "/assets/school_image/hps-image18.jpg" },{ image_src: "/assets/school_image/hps-image19.jpg" },{ image_src: "/assets/school_image/hps-image20.jpg" },{ image_src: "/assets/school_image/hps-image21.jpg" },{ image_src: "/assets/school_image/hps-image22.jpg" },{ image_src: "/assets/school_image/hps-image23.jpg" },{ image_src: "/assets/school_image/hps-image24.jpg" },{ image_src: "/assets/school_image/hps-image25.jpg" },{ image_src: "/assets/school_image/hps-image26.jpg" },{ image_src: "/assets/school_image/hps-image27.jpg" },{ image_src: "/assets/school_image/hps-image28.jpg" },{ image_src: "/assets/school_image/hps-image29.jpg" },{ image_src: "/assets/school_image/hps-image30.jpg" },{ image_src: "/assets/school_image/hps-image31.jpg" }];
 
 ---
-
 <Layout title="">
     <div>
         <section class="container-fluid gradintBack">
-            <div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row  place-items-center">
+            <div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center">
                 <div class="w-full">
-                    <img class="lg:max-w-2xl aspect-video" src="/assets/school_image/hps-image8.jpg" alt="">
+                    <img class="lg:max-w-2xl" src="/img/rec_girl.png" alt="">
                 </div>
                 <div class="flex flex-col w-full">
                     <h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Holy Wisdom Paublic School Gallery!</h1>
-                    <!-- <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Contact us for a brighter start at Holywisdom Preschool!</h2> -->
-                    <!-- <h3 class="text-xl text-justify pb-4">Drop us a line at Holywisdom Preschool – your gateway to educational excellence!</h3> -->
-                    <!-- <div class="flex flex-row place-content-between">
-                        <a href="#" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</a>
-                    </div> -->
                 </div>
             </div>
         </section>
-        <section class="container mx-auto px-4 mt-8">
+        <section class="container mx-auto px-4">
             <div class="demo-gallery">
-                <ul id="lightgallery4">
-                    {img3DResInter.map((data) => (
-                        <li class="w-full md:w-[300px] aspect-video" data-responsive={`${data.image_src} 375, ${data.image_src} 480, ${data.image_src} 800`} data-src={data.image_src} data-sub-html=" " >
-                            <a href="#">
-                                <div class="w-full md:w-[400px] aspect-video">
-                                    <img class="img-responsive aspect-video" src={data.image_src} alt="Gallery item" />
+                <ul id="lightgallery4" class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4">
+                    {img3DResInter.map((data: { image_src: string | undefined }) => (
+                        <li
+                            class="w-full md:w-[300px]"
+                            data-responsive={`${data.image_src} 375, ${data.image_src} 480, ${data.image_src} 800`}
+                            data-src={data.image_src}
+                            data-sub-html=" "
+                        >
+                            <a href="">
+                                <div class="w-full md:w-[400px] h-[400px]">
+                                    <img class="img-responsive" src={data.image_src} alt="School Image" />
                                 </div>
                                 <div class="demo-gallery-poster">
-                                    <img src="https://sachinchoolur.github.io/lightgallery.js/static/img/zoom.png" alt="Zoom icon" />
+                                    <img src="https://sachinchoolur.github.io/lightgallery.js/static/img/zoom.png" alt="Zoom Icon" />
                                 </div>
                             </a>
                         </li>
                     ))}
                 </ul>
-              </div>
-              
+            </div>
         </section>
     </div>
 </Layout>
+
 <script is:inline src="/assets/lightgallery.min.js"></script>
 <link rel="stylesheet" href="/assets/lightgallery.min.css">
 
 <script is:inline>
-  lightGallery(document.getElementById('lightgallery4'))
+  lightGallery(document.getElementById('lightgallery4'));
 </script>
+
 <style>
 .gradintBack {
     background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
@@ -56,130 +56,51 @@ const img3DResInter = [{ image_src: "/assets/school_image/hps-image1.jpg" },{ im
     margin-bottom: 0;
     padding-left: 15px;
     padding-right: 15px;
-    }
-
-    .demo-gallery > ul > li {
+}
+.demo-gallery > ul > li {
     margin-bottom: 15px;
     display: inline-block;
     list-style: outside none none;
-    }
-
-    .demo-gallery > ul > li a {
+}
+.demo-gallery > ul > li a {
     border: 3px solid #FFF;
     border-radius: 3px;
     display: block;
     overflow: hidden;
     position: relative;
     background-color: #fff;
-    }
-
-    .demo-gallery > ul > li a > img {
-    -webkit-transition: -webkit-transform 0.15s ease 0s;
-    -moz-transition: -moz-transform 0.15s ease 0s;
-    -o-transition: -o-transform 0.15s ease 0s;
-    transition: transform 0.15s ease 0s;
-    -webkit-transform: scale3d(1, 1, 1);
+}
+.demo-gallery > ul > li a > img {
+    transition: transform 0.15s ease;
     transform: scale3d(1, 1, 1);
     height: 100%;
     width: 100%;
-    }
-
-    .demo-gallery > ul > li a:hover > img {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+}
+.demo-gallery > ul > li a:hover > img {
     transform: scale3d(1.1, 1.1, 1.1);
-    }
-
-    .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
+}
+.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
     opacity: 1;
-    }
-
-    .demo-gallery > ul > li a .demo-gallery-poster {
+}
+.demo-gallery > ul > li a .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.1);
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
-    -webkit-transition: background-color 0.15s ease 0s;
-    -o-transition: background-color 0.15s ease 0s;
-    transition: background-color 0.15s ease 0s;
-    }
-
-    .demo-gallery > ul > li a .demo-gallery-poster > img {
+    transition: background-color 0.15s ease;
+}
+.demo-gallery > ul > li a .demo-gallery-poster > img {
     left: 50%;
     margin-left: -10px;
     margin-top: -10px;
     opacity: 0;
     position: absolute;
     top: 50%;
-    -webkit-transition: opacity 0.3s ease 0s;
-    -o-transition: opacity 0.3s ease 0s;
-    transition: opacity 0.3s ease 0s;
-    }
-
-    .demo-gallery > ul > li a:hover .demo-gallery-poster {
+    transition: opacity 0.3s ease;
+}
+.demo-gallery > ul > li a:hover .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.5);
-    }
-
-    .demo-gallery .justified-gallery > a > img {
-    -webkit-transition: -webkit-transform 0.15s ease 0s;
-    -moz-transition: -moz-transform 0.15s ease 0s;
-    -o-transition: -o-transform 0.15s ease 0s;
-    transition: transform 0.15s ease 0s;
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-    height: 100%;
-    width: 100%;
-    }
-
-    .demo-gallery .justified-gallery > a:hover > img {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-    }
-
-    .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
-    opacity: 1;
-    }
-
-    .demo-gallery .justified-gallery > a .demo-gallery-poster {
-    background-color: rgba(0, 0, 0, 0.1);
-    bottom: 0;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    -webkit-transition: background-color 0.15s ease 0s;
-    -o-transition: background-color 0.15s ease 0s;
-    transition: background-color 0.15s ease 0s;
-    }
-
-    .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
-    left: 50%;
-    margin-left: -10px;
-    margin-top: -10px;
-    opacity: 0;
-    position: absolute;
-    top: 50%;
-    -webkit-transition: opacity 0.3s ease 0s;
-    -o-transition: opacity 0.3s ease 0s;
-    transition: opacity 0.3s ease 0s;
-
-
-    }
-
-    .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
-    background-color: rgba(0, 0, 0, 0.5);
-    }
-
-    .demo-gallery .video .demo-gallery-poster img {
-    height: 48px;
-    margin-left: -24px;
-    margin-top: -24px;
-    opacity: 0.8;
-    width: 48px;
-    }
-
-    .demo-gallery.dark > ul > li a {
-    border: 3px solid #04070a;
-    }
+}
 </style>

src/pages/index.astro

@@ -6,16 +6,18 @@ import FAQ from "../components/FAQ.vue";
 ---
 
 <!-- An AI powered British Preschool Curriculum -->
-<Layout title="Welcome to Astro.">
+<Layout title="Holy Wisdom Public School">
 	<main>
 		<div class="pb-16">
 			<section class="container-fluid gradintBack">
 				<div
-					class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center"
+					class="container mx-auto px-4 flex flex-col-reverse xl:flex-row place-items-center gap-y-4"
 				>
 					<div class="w-full">
-						<!-- <img class="lg:max-w-2xl" src="/img/image.png" alt=""> -->
-						<img class="lg:max-w-2xl" src="public/img/school-image-4.png" alt=""
+						<img
+							class="w-full xl:max-w-2xl"
+							src="/img/school-image-4.png"
+							alt=""
 						/>
 					</div>
 					<div class="flex flex-col w-full">
@@ -39,34 +41,78 @@ import FAQ from "../components/FAQ.vue";
 							homeschool environments.
 						</h3>
 						<div class="flex flex-row place-content-between">
-							<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
+							<button
+								onclick="formModal.showModal();"
+								class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"
+								>Get in Touch</button
+							>
 							<p class="text-base xl:text-lg font-bold">Or</p>
-							<a href="/curriculum" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
+							<a
+								href="/curriculum"
+								class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"
+								>Let's Check</a
+							>
 						</div>
 					</div>
 				</div>
 				<!-- grid grid-cols-1 md:grid-cols-2 -->
 			</section>
 			<section class="container mx-auto px-4 mt-16 mb-10 2xl:-mb-16">
-				
 				<div class="flex flex-col md:flex-row justify-center gap-4">
 					<div class="w-full md:w-2/3">
 						<img class="" src="/img/curri.jpg" alt="" />
 					</div>
 					<div class="w-full flex flex-col gap-4">
-						<h1 class="text-3xl">Explore Holy Wisdom Public School <hr></h1>
-						<p class="text-justify text-lg">Welcome to Holy Wisdom Public School! Here, we help your little ones start their learning journey with curiosity and joy. Our curriculum is designed to make learning fun and engaging, and we celebrate exciting events like Saraswati Puja, Independence Day, Netaji’s Birthday, Children’s Day, School Foundation Day, and Annual Sports Competitions. We are dedicated to creating a warm and supportive environment where every child feels cared for and encouraged to explore. Join us and watch your child grow, learn, and thrive in a place where their happiness and development come first.</p>
-						<div><a href="/curriculum" class="text-lg rounded-lg text-white shadow-2xl p-2 bg-[#3084b5] border-2 border-[#3084b5]">Discover Now</a></div>
+						<h1 class="text-3xl">
+							Explore Holy Wisdom Public School <hr />
+						</h1>
+						<p class="text-justify text-lg">
+							Welcome to Holy Wisdom Public School! Here, we help
+							your little ones start their learning journey with
+							curiosity and joy. Our curriculum is designed to
+							make learning fun and engaging, and we celebrate
+							exciting events like Saraswati Puja, Independence
+							Day, Netaji’s Birthday, Children’s Day, School
+							Foundation Day, and Annual Sports Competitions. We
+							are dedicated to creating a warm and supportive
+							environment where every child feels cared for and
+							encouraged to explore. Join us and watch your child
+							grow, learn, and thrive in a place where their
+							happiness and development come first.
+						</p>
+						<div>
+							<a
+								href="/curriculum"
+								class="text-lg rounded-lg text-white shadow-2xl p-2 bg-[#3084b5] border-2 border-[#3084b5]"
+								>Discover Now</a>
+						</div>
 					</div>
-					
 				</div>
 			</section>
 			<section class="container mx-auto px-4 mb-10">
 				<div class="flex flex-col xl:flex-row gap-6">
 					<div class="flex flex-col justify-center gap-4">
-						<h1 class="text-3xl">Enter Our Preschool World! <hr></h1>
-						<p class="text-justify text-lg"> Welcome to the digital gateway of Holywisdom Public School's newest preschool! Explore the essence of early childhood education with our online platform, offering a glimpse into the vibrant and enriching world we've created for your child. Delve into our programs, meet our dedicated educators, and virtually tour our stimulating facilities. Stay connected with our community, receive updates on upcoming events, and embark on the exciting journey of discovery and growth that awaits your little one at Holywisdom Preschool. Start the adventure now!
-						<div><a href="/admission" class="text-lg rounded-lg text-white shadow-2xl p-2 bg-[#3084b5] border-2 border-[#3084b5]">Discover Now</a></div>
+						<h1 class="text-3xl">
+							Enter Our Preschool World! <hr />
+						</h1>
+						<p class="text-justify text-lg">
+							Welcome to the digital gateway of Holywisdom Public
+							School's newest preschool! Explore the essence of
+							early childhood education with our online platform,
+							offering a glimpse into the vibrant and enriching
+							world we've created for your child. Delve into our
+							programs, meet our dedicated educators, and
+							virtually tour our stimulating facilities. Stay
+							connected with our community, receive updates on
+							upcoming events, and embark on the exciting journey
+							of discovery and growth that awaits your little one
+							at Holywisdom Preschool. Start the adventure now!
+							<div>
+								<a
+									href="/admission"
+									class="text-lg rounded-lg text-white shadow-2xl p-2 bg-[#3084b5] border-2 border-[#3084b5]"
+									>Discover Now</a>
+							</div>
 						</p>
 					</div>
 					<div>
@@ -76,7 +122,7 @@ import FAQ from "../components/FAQ.vue";
 			</section>
 			<section class="container mx-auto px-4">
 				<div class="pt-6">
-					<h1 class="text-3xl">Legacy-Inspired Education <hr></h1>
+					<h1 class="text-3xl">Legacy-Inspired Education <hr /></h1>
 					<p class="text-lg text-justify">
 						At Holywisdom Public School, we are dedicated to
 						following the Maria Montessori method and draw
@@ -91,65 +137,136 @@ import FAQ from "../components/FAQ.vue";
 				</div>
 			</section>
 			<section class="container mx-auto px-4 mt-6">
-				<h1 class="text-3xl mb-6">Why Choose Holy Wisdom Public School? <hr></h1>
-				<div class="flex flex-col-reverse lg:flex-row gap-6 justify-center">
+				<h1 class="text-3xl mb-6">
+					Why Choose Holy Wisdom Public School? <hr />
+				</h1>
+				<div
+					class="flex flex-col-reverse lg:flex-row gap-6 justify-center"
+				>
 					<div class="w-full">
-						<p class="text-justify ">Holy Wisdom Public School offers a comprehensive educational experience with a strong emphasis on academic excellence, ethical values, and holistic development. The school is equipped with modern facilities, ensuring a safe and nurturing environment for students. With a dedicated faculty and a curriculum that balances academics with extracurricular activities, students are prepared for future challenges while also being encouraged to engage in community service and social responsibility.</p>
+						<p class="text-justify">
+							Holy Wisdom Public School offers a comprehensive
+							educational experience with a strong emphasis on
+							academic excellence, ethical values, and holistic
+							development. The school is equipped with modern
+							facilities, ensuring a safe and nurturing
+							environment for students. With a dedicated faculty
+							and a curriculum that balances academics with
+							extracurricular activities, students are prepared
+							for future challenges while also being encouraged to
+							engage in community service and social
+							responsibility.
+						</p>
 					</div>
 					<div>
 						<div class="w-full">
-							<img class="drop-shadow-2xl" src="/img/school56.png" alt="" />
+							<img
+								class="drop-shadow-2xl"
+								src="/img/school56.png"
+								alt=""
+							/>
 						</div>
 					</div>
 				</div>
 			</section>
 			<section class="container mx-auto px-4">
-				<h1 class="text-2xl">Comprehensive and Engaging Educational Programs for Kids <hr></h1>
-				<p class="text-justify">Our educational programs for kids are designed to provide engaging, interactive, and fun learning experiences that spark curiosity and foster a love for learning from an early age. We offer a wide range of activities and curriculum tailored to support the holistic development of children, including critical thinking, creativity, social skills, and emotional intelligence. With a focus on hands-on learning and real-world applications, our programs inspire young minds to explore, discover, and reach their full potential.</p>
-				<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 mt-8">
+				<h1 class="text-2xl">
+					Comprehensive and Engaging Educational Programs for Kids <hr
+					/>
+				</h1>
+				<p class="text-justify">
+					Our educational programs for kids are designed to provide
+					engaging, interactive, and fun learning experiences that
+					spark curiosity and foster a love for learning from an early
+					age. We offer a wide range of activities and curriculum
+					tailored to support the holistic development of children,
+					including critical thinking, creativity, social skills, and
+					emotional intelligence. With a focus on hands-on learning
+					and real-world applications, our programs inspire young
+					minds to explore, discover, and reach their full potential.
+				</p>
+				<div
+					class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 mt-8"
+				>
 					<div class="box w-full relative max-w-2xl mx-auto h-auto">
 						<div class="imgBx">
-							<img src="public/img/school10.jpg" alt="image" />
+							<img src="/img/school10.jpg" alt="image" />
 						</div>
 						<div class="content">
-							<h2>Nursery <hr></h2>
-							<p class="text-justify leading-9">Our Nursery program builds on the foundational skills and introduces structured learning to your child, which includes early literacy and numeracy.</p>
+							<h2>Nursery <hr /></h2>
+							<p class="text-justify leading-9">
+								Our Nursery program builds on the foundational
+								skills and introduces structured learning to
+								your child, which includes early literacy and
+								numeracy.
+							</p>
 						</div>
 					</div>
 					<div class="box w-full relative max-w-2xl mx-auto h-auto">
 						<div class="imgBx">
-							<img src="public/img/school9.jpg" alt="image" />
+							<img src="/img/school9.jpg" alt="image" />
 						</div>
 						<div class="content">
-							<h2>KG-1 <hr></h2>
-							<p class="text-justify leading-9">Our KG-1 program prepares your child for formal schooling with a more integrated preschool curriculum focusing on language and cognitive skills.</p>
+							<h2>KG-1 <hr /></h2>
+							<p class="text-justify leading-9">
+								Our KG-1 program prepares your child for formal
+								schooling with a more integrated preschool
+								curriculum focusing on language and cognitive
+								skills.
+							</p>
 						</div>
 					</div>
 					<div class="box w-full relative max-w-2xl mx-auto h-auto">
 						<div class="imgBx">
-							<img src="public/img/school8.jpg" alt="image" />
+							<img src="/img/school8.jpg" alt="image" />
 						</div>
 						<div class="content">
-							<h2>KG-2 <hr></h2>
-							<p class="text-justify leading-9">Our KG-2 program refines your child’s academic, social, and creative abilities and ensures that your child is perfectly ready for formal schooling.</p>
+							<h2>KG-2 <hr /></h2>
+							<p class="text-justify leading-9">
+								Our KG-2 program refines your child’s academic,
+								social, and creative abilities and ensures that
+								your child is perfectly ready for formal
+								schooling.
+							</p>
 						</div>
 					</div>
 					<div class="box w-full relative max-w-2xl mx-auto h-auto">
 						<div class="imgBx">
-							<img src="public/img/school 7.jpg" alt="image" />
+							<img src="/img/school_7.jpg" alt="image" />
 						</div>
 						<div class="content">
-							<h2>Standard 1-4 <hr></h2>
-							<p class="text-justify leading-9">Our Standard 1-4 program refines your child’s academic, social, and creative abilities and ensures that your child is perfectly ready for formal schooling.</p>
+							<h2>Standard 1-4 <hr /></h2>
+							<p class="text-justify leading-9">
+								Our Standard 1-4 program refines your child’s
+								academic, social, and creative abilities and
+								ensures that your child is perfectly ready for
+								formal schooling.
+							</p>
 						</div>
 					</div>
 				</div>
 			</section>
-			<section class="container mx-auto px-4  mt-16">
-				<div class="flex flex-col-reverse lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6">
+			<section class="container mx-auto px-4 mt-16">
+				<div
+					class="flex flex-col-reverse lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6"
+				>
 					<div class="flex flex-col w-fit">
-						<h1 class="text-3xl"> Vidyasagar's Educational Ideals </h1>
-						<p class="text-justify text-lg pb-4"> Iswar Chandra Vidyasagar, a trailblazing educator, believed that education should not only impart knowledge but also instill moral values and character. He championed the idea that education must be accessible to everyone, breaking down societal barriers. Vidyasagar's vision emphasized holistic development and the importance of educating girls, recognizing the pivotal role they play in societal progress. His enduring legacy inspires us to provide inclusive and values-driven education for children, empowering them to become responsible and compassionate individuals.
+						<h1 class="text-3xl">
+							Vidyasagar's Educational Ideals
+						</h1>
+						<p class="text-justify text-lg pb-4">
+							Iswar Chandra Vidyasagar, a trailblazing educator,
+							believed that education should not only impart
+							knowledge but also instill moral values and
+							character. He championed the idea that education
+							must be accessible to everyone, breaking down
+							societal barriers. Vidyasagar's vision emphasized
+							holistic development and the importance of educating
+							girls, recognizing the pivotal role they play in
+							societal progress. His enduring legacy inspires us
+							to provide inclusive and values-driven education for
+							children, empowering them to become responsible and
+							compassionate individuals.
 						</p>
 						<a
 							href="/vidyasagar"
@@ -158,18 +275,146 @@ import FAQ from "../components/FAQ.vue";
 						>
 					</div>
 					<div class="flex">
-						<img class="w-full rounded-2xl" src="/img/pundit1.jpg" alt="" />
+						<img
+							class="w-full rounded-2xl"
+							src="/img/pundit1.jpg"
+							alt=""
+						/>
 					</div>
 				</div>
-				<div class="flex flex-col lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6 mt-10">
+				<div
+					class="flex flex-col lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6 mt-10"
+				>
 					<div class="flex">
-						<img class="w-full rounded-2xl" src="/img/maria.jpg" alt="" />
+						<img
+							class="w-full rounded-2xl"
+							src="/img/maria.jpg"
+							alt=""
+						/>
 					</div>
 					<div class="flex flex-col w-fit">
-						<h1 class="text-3xl">Cultivating Curiosity in Every Child</h1>
-						<p class="text-justify text-lg pb-4"> Maria Montessori, the founder of the Montessori method, emphasized the profound importance of understanding and respecting children. She believed that children are inherently curious, capable, and possess an innate desire to learn. Montessori emphasized providing an environment that allows children to explore and discover at their own pace, fostering independence, creativity, and a love for learning. In her words, "Free the child's potential, and you will transform him into the world." Montessori education is built on the premise of nurturing the natural development of each child, recognizing their unique abilities and potential.
+						<h1 class="text-3xl">
+							Cultivating Curiosity in Every Child
+						</h1>
+						<p class="text-justify text-lg pb-4">
+							Maria Montessori, the founder of the Montessori
+							method, emphasized the profound importance of
+							understanding and respecting children. She believed
+							that children are inherently curious, capable, and
+							possess an innate desire to learn. Montessori
+							emphasized providing an environment that allows
+							children to explore and discover at their own pace,
+							fostering independence, creativity, and a love for
+							learning. In her words, "Free the child's potential,
+							and you will transform him into the world."
+							Montessori education is built on the premise of
+							nurturing the natural development of each child,
+							recognizing their unique abilities and potential.
 						</p>
-						<a href="/montessori" class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500" >Read More >></a>
+						<a
+							href="/montessori"
+							class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500"
+							>Read More >></a
+						>
+					</div>
+				</div>
+			</section>
+
+			<section class="container mx-auto px-4">
+				<div class="bg-background text-foreground p-8">
+					<div class="mx-auto">
+						<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+							<div class="md:col-span-1">
+								<h2 class="text-3xl font-bold mb-4">
+									Your Child's Safety, Our First Priority
+								</h2>
+								<p class="text-justify mb-4">
+									At Holy Wisdom Public School, we prioritize
+									your child's safety above all else. Our
+									secure campus is equipped with modern
+									surveillance systems and controlled access
+									points. Our dedicated staff undergoes
+									regular training to ensure they are prepared
+									for any situation. We maintain strict
+									hygiene protocols to provide a clean and
+									healthy environment. With continuous
+									supervision and a caring community, we
+									create a safe haven for your child's growth
+									and development.
+								</p>
+
+								<a
+									href="/admission"
+									class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500"
+									>Admission Now >></a
+								>
+							</div>
+							<div
+								class="md:col-span-2 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"
+							>
+								<div class="bg-card p-4 rounded-lg text-center">
+									<img
+										class="w-full h-48 object-cover rounded-lg mb-4"
+										src="public/img/Priority3.jpg"
+										alt=""
+									/>
+									<h3 class="text-lg font-semibold">
+										CCTV Monitoring
+									</h3>
+								</div>
+								<div class="bg-card p-4 rounded-lg text-center">
+									<img
+										class="w-full h-48 object-cover rounded-lg mb-4"
+										src="public/img/Priority5.jpg"
+										alt=""
+									/>
+									<h3 class="text-lg font-semibold">
+										First Aid Kits
+									</h3>
+								</div>
+								<div class="bg-card p-4 rounded-lg text-center">
+									<img
+										class="w-full h-48 object-cover rounded-lg mb-4"
+										src="public/img/Priority6.jpg"
+										alt=""
+									/>
+									<h3 class="text-lg font-semibold">
+										Safety and Hygiene Standards as per WHO
+										and UNESCO
+									</h3>
+								</div>
+								<div class="bg-card p-4 rounded-lg text-center">
+									<img
+										class="w-full h-48 object-cover rounded-lg mb-4"
+										src="public/img/Priority1.jpg"
+										alt=""
+									/>
+									<h3 class="text-lg font-semibold">
+										Trained Staff in Early Childhood Care
+									</h3>
+								</div>
+								<div class="bg-card p-4 rounded-lg text-center">
+									<img
+										class="w-full h-48 object-cover rounded-lg mb-4"
+										src="public/img/Priority4.jpg"
+										alt=""
+									/>
+									<h3 class="text-lg font-semibold">
+										Pediatrician On Call
+									</h3>
+								</div>
+								<div class="bg-card p-4 rounded-lg text-center">
+									<img
+										class="w-full h-48 object-cover rounded-lg mb-4"
+										src="public/img/Priority2.jpg"
+										alt=""
+									/>
+									<h3 class="text-lg font-semibold">
+										Fire Safety Protocol
+									</h3>
+								</div>
+							</div>
+						</div>
 					</div>
 				</div>
 			</section>
@@ -182,7 +427,9 @@ import FAQ from "../components/FAQ.vue";
 					<dialog id="formModal" class="max-w-2xl rounded-xl">
 						<form method="dialog" class="">
 							<button
-								class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button>
+								class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right"
+								>&#10008;</button
+							>
 							<div class="">
 								<ContactForm client:visible />
 							</div>

src/pages/login.astro

@@ -5,37 +5,15 @@
             <div class="flex flex-col w-full justify-center place-items-center border-[1px] border-[#0e0f0420] rounded-[20px] shadow-2xl py-10">
                 <img class="max-w-[150px] shadow-lg p-2 py-6 border-[1px] rounded-full" src="/img/hps_logo.png" alt="">
                 <form action="" class="p-6">
-                    <input id="email" name="email" type="text" placeholder="User ID" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
-                    <input id="password" name="password" type="password" placeholder="Passsord" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2 mt-6" required/>
-                    <button onclick="myFunction(event)" class="border-2 border-[#3084b5] text-white bg-[#3084b5] focus:outline-none rounded-lg w-full p-2 mt-4">Login</button>
+                    <input v-model="name" id="name" name="name" type="text" placeholder="User ID" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
+                    <input v-model="name" id="name" name="name" type="password" placeholder="Passsord" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2 mt-6" required/>
+                    <button class="border-2 border-[#3084b5] text-white bg-[#3084b5] focus:outline-none rounded-lg w-full p-2 mt-4">Login</button>
                 </form>
                 <p class="">Not Registerd? <a href="/sign-up" class="text-[#FFFFFF] font-bold">Register Now</a></p>
             </div>
         </section>
     </div>
 </main>
-<script is:inline>
-    function myFunction(event){
-        event.preventDefault();
-        let emailId = document.getElementById('email').value;
-        let password = document.getElementById('password').value;
-        let userData = {
-            email : emailId,
-            password : password
-        }
-        fetch(`https://game-du.teachertrainingkolkata.in/auth/login`, {
-            method: 'POST',
-            headers: {
-                'Content-Type' : 'application/json'
-            },
-            body: JSON.stringify(userData)
-        })
-        .then(res => res.json())
-        .then(data => {
-            console.log(data)
-        })
-    }
-</script>
 <style>
     .content {
         position: absolute;

src/pages/montessori.astro

@@ -1,7 +1,7 @@
 ---
 import Layout from "../layouts/Layout.astro";
 ---
-<Layout title="">
+<Layout title="Holy Wisdom Public School - Maria Montessori">
     <main>
         <div>
             <section class="container-fluid gradintBack mb-16">

src/pages/overview.astro

@@ -1,28 +1,260 @@
 ---
 import Layout from "../layouts/Layout.astro";
-import ContactForm from '../components/ContactForm.vue';
+import ContactForm from "../components/ContactForm.vue";
 ---
-<Layout title="">
+
+<Layout title="Holy Wisdom Public School - Overview">
     <main>
         <div class="mb-16">
             <section class="container-fluid gradintBack">
-				<div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row  place-items-center">
-					<div class="w-full">
-						<!-- <img class="lg:max-w-2xl" src="/img/image.png" alt=""> -->
-						<img class="lg:max-w-2xl" src="public/img/school-bus.png" alt="">
-					</div>
-					<div class="flex flex-col w-full">
-						<h2 class="text-2xl md:text-2xl text-[#3084b5] py-4">An ideal institution for Children’s Education in this area.</h2>
-						<h3 class="text-xl text-justify pb-4">Discover essential details about our school's dress code and necessary supplies for students, ensuring preparedness and comfort throughout the school year.</h3>
-						<div class="flex flex-row place-content-between">
-							<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
-							<p class="text-base xl:text-lg font-bold">Or</p>
-							<a href="/curriculum" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl  px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
-						</div>
-					</div>
-				</div>
-			</section>
+                <div
+                    class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center"
+                >
+                    <div class="w-full">
+                        <!-- <img class="lg:max-w-2xl" src="/img/image.png" alt=""> -->
+                        <img
+                            class="lg:max-w-2xl"
+                            src="public/img/school-bus.png"
+                            alt=""
+                        />
+                    </div>
+                    <div class="flex flex-col w-full">
+                        <h2 class="text-2xl md:text-2xl text-[#3084b5] py-4">
+                            An ideal institution for Children’s Education in
+                            this area.
+                        </h2>
+                        <h3 class="text-xl text-justify pb-4">
+                            Discover essential details about our school's dress
+                            code and necessary supplies for students, ensuring
+                            preparedness and comfort throughout the school year.
+                        </h3>
+                        <div class="flex flex-row place-content-between">
+                            <button
+                                onclick="formModal.showModal();"
+                                class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"
+                                >Get in Touch</button
+                            >
+                            <p class="text-base xl:text-lg font-bold">Or</p>
+                            <a
+                                href="/curriculum"
+                                class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"
+                                >Let's Check</a
+                            >
+                        </div>
+                    </div>
+                </div>
+            </section>
             <section class="container mx-auto px-4">
+                <div class="text-center mb-8">
+                    <h2 class="text-3xl font-bold">Best Facilities For Kids</h2>
+                </div>
+                <div class="flex flex-wrap justify-center items-start">
+                    <div class="w-full md:w-1/2 lg:w-1/3 p-4">
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0">
+                                <div
+                                    class="bg-red-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
+                                >
+                                    01
+                                </div>
+                            </div>
+                            <div class="ml-4">
+                                <h3 class="text-xl font-semibold">
+                                    Safe and secure outdoor play area
+                                </h3>
+                                <p class="text-justify">
+                                    A fenced and monitored space with
+                                    age-appropriate equipment ensuring children
+                                    can play freely under supervision.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="w-full md:w-1/2 lg:w-1/3 p-4">
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0">
+                                <div
+                                    class="bg-orange-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
+                                >
+                                    02
+                                </div>
+                            </div>
+                            <div class="ml-4">
+                                <h3 class="text-xl font-semibold">
+                                    Colorful and stimulating classrooms
+                                </h3>
+                                <p class="text-justify">
+                                    Vibrant, well-organized rooms with visually
+                                    appealing decor that encourages learning and
+                                    creativity.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="w-full md:w-1/2 lg:w-1/3 p-4">
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0">
+                                <div
+                                    class="bg-green-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
+                                >
+                                    03
+                                </div>
+                            </div>
+                            <div class="ml-4">
+                                <h3 class="text-xl font-semibold">
+                                    Indoor play spaces for physical activities
+                                </h3>
+                                <p class="text-justify">
+                                    Areas designed for physical play, promoting
+                                    gross motor skills through activities like
+                                    climbing, jumping, and balancing.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="w-full md:w-1/2 lg:w-1/3 p-4">
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0">
+                                <div
+                                    class="bg-red-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
+                                >
+                                    04
+                                </div>
+                            </div>
+                            <div class="ml-4">
+                                <h3 class="text-xl font-semibold">
+                                    Interactive learning tools and educational
+                                    toys
+                                </h3>
+                                <p class="text-justify">
+                                    Various hands-on materials and toys that
+                                    engage children while promoting cognitive
+                                    and motor skill development.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="w-full md:w-1/2 lg:w-1/3 p-4">
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0">
+                                <div
+                                    class="bg-orange-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
+                                >
+                                    05
+                                </div>
+                            </div>
+                            <div class="ml-4">
+                                <h3 class="text-xl font-semibold">
+                                    Art and creativity corner with diverse
+                                    materials
+                                </h3>
+                                <p class="text-justify">
+                                    An area stocked with art supplies to
+                                    encourage self-expression and creativity
+                                    through various art mediums.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="w-full md:w-1/2 lg:w-1/3 p-4">
+                        <div class="flex items-start">
+                            <div class="flex-shrink-0">
+                                <div
+                                    class="bg-purple-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
+                                >
+                                    06
+                                </div>
+                            </div>
+                            <div class="ml-4">
+                                <h3 class="text-xl font-semibold">
+                                    Multimedia and technology integration for
+                                    learning
+                                </h3>
+                                <p class="text-justify">
+                                    Access to age-appropriate technology, such
+                                    as computers or tablets, used as a
+                                    supplementary tool to enhance learning
+                                    experiences.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="container text-center p-8">
+                    <div
+                        class="flex flex-wrap items-center mt-20 text-left text-center"
+                    >
+                        <div class="w-full md:w-3/5 lg:w-1/2 px-4">
+                            <img
+                                src="public/img/dream.jpg"
+                                alt=""
+                                class="inline-block rounded shadow-lg border border-merino-400"
+                            />
+                        </div>
+                        <div
+                            class="w-full md:w-2/5 lg:w-1/2 px-4 text-center md:text-left lg:pl-12"
+                        >
+                            <h3
+                                class="font-bold mt-8 text-xl md:mt-0 sm:text-2xl"
+                            >
+                                The Dream
+                            </h3>
+                            <p class="text-justify">
+                                At Holy Wisdom Public School, we believe in
+                                nurturing the dreams of our young learners.
+                                Every child has a unique potential and a world
+                                of possibilities ahead. We strive to create an
+                                environment where their dreams can take flight,
+                                encouraging curiosity, creativity, and a love
+                                for learning. Our dedicated teachers and
+                                supportive community work together to ensure
+                                that each child feels inspired to dream big and
+                                pursue their passions. At Holy Wisdom, we are
+                                committed to turning dreams into reality, one
+                                step at a time.
+                            </p>
+                        </div>
+                    </div>
+
+                    <div
+                        class="flex flex-wrap items-center mt-20 text-left text-center"
+                    >
+                        <div class="w-full md:w-3/5 lg:w-1/2 px-4">
+                            <img
+                                src="public/img/team.jpg"
+                                alt=""
+                                class="inline-block rounded shadow-lg border border-merino-400"
+                            />
+                        </div>
+                        <div
+                            class="w-full md:w-2/5 lg:w-1/2 px-4 md:order-first text-center md:text-left lg:pr-12"
+                        >
+                            <h3
+                                class="font-bold mt-8 text-xl md:mt-0 sm:text-2xl"
+                            >
+                                Our Team
+                            </h3>
+                            <p class="text-justify">
+                                At Holy Wisdom Public School, our team is the
+                                heart of our community. Comprised of dedicated
+                                and experienced educators, our staff is
+                                passionate about fostering a love for learning
+                                in every child. Our teachers are not only
+                                skilled in early childhood education but are
+                                also committed to creating a nurturing and
+                                supportive environment where each child can
+                                thrive. With a focus on personalized attention
+                                and holistic development, our team works
+                                tirelessly to ensure that every child feels
+                                valued and encouraged. Together, we strive to
+                                make every day a meaningful and joyful learning
+                                experience for our students.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+
                 <div>
                     <h1 class="text-xl md:text-3xl pt-2">School Uniform</h1>
                     <table class="table">
@@ -37,7 +269,10 @@ import ContactForm from '../components/ContactForm.vue';
                             <tr>
                                 <td rowspan="5">Boys</td>
                                 <td>Shirt</td>
-                                <td>Canary Yellow T-Shirt with bottle green collar</td>
+                                <td
+                                    >Canary Yellow T-Shirt with bottle green
+                                    collar</td
+                                >
                             </tr>
                             <tr>
                                 <td>Pants</td>
@@ -58,7 +293,10 @@ import ContactForm from '../components/ContactForm.vue';
                             <tr>
                                 <td rowspan="5">Girls</td>
                                 <td>Shirt</td>
-                                <td>Canary Yellow T-Shirt with bottle green collar</td>
+                                <td
+                                    >Canary Yellow T-Shirt with bottle green
+                                    collar</td
+                                >
                             </tr>
                             <tr>
                                 <td>Skirt</td>
@@ -90,26 +328,435 @@ import ContactForm from '../components/ContactForm.vue';
                                 <td>White shoes and socks</td>
                             </tr>
                             <tr>
-                                <td colspan="3"><strong>Note:</strong> Boys and girls' T-shirt, pants, skirt, P.T. dress, tie, belt, and batch price is 1,400 Rs. Black boots, white shoes, and socks will not be provided by the school.</td>
+                                <td colspan="3"
+                                    ><strong>Note:</strong> Boys and girls' T-shirt,
+                                    pants, skirt, P.T. dress, tie, belt, and batch
+                                    price is 1,400 Rs. Black boots, white shoes,
+                                    and socks will not be provided by the school.</td
+                                >
                             </tr>
                         </tbody>
                     </table>
                 </div>
                 <div>
-                    <h1 class="text-xl md:text-3xl pt-2">School Car</h1>
-                    <p>School buses / car are available for students. For this, you have to apply on the day of admission</p>
+                    <!-- <h1 class="text-xl md:text-3xl pt-2">School Car</h1>
+                    <p>School buses / car are available for students. For this, you have to apply on the day of admission</p> -->
+                    <h1 class="text-xl md:text-3xl pt-2">Transport<hr /></h1>
+                    <div class="flex flex-col-reverse md:flex-row gap-4">
+                        <div class="w-full">
+                            <p class="text-justify">
+                                At HolyWisdom Public School, we prioritize the
+                                safety and convenience of our students. Our
+                                school transport system is designed to ensure a
+                                comfortable and secure journey for your child.
+                                Our fleet of buses is well-maintained and
+                                equipped with modern safety features. Each bus
+                                is supervised by trained staff to ensure the
+                                well-being of every student during their
+                                commute.
+                            </p>
+                            <ul class="space-y-1 list-disc list-inside">
+                                <li>Experienced and qualified drivers.</li>
+                                <li>Regular maintenance and safety checks.</li>
+                                <li>
+                                    Designated pick-up and drop-off points for
+                                    efficient and timely service.
+                                </li>
+                                <li>
+                                    Strict adherence to safety protocols and
+                                    guidelines.
+                                </li>
+                            </ul>
+                            <p class="text-justify">
+                                We strive to provide a reliable and hassle-free
+                                transport experience, so you can have peace of
+                                mind knowing your child is in safe hands.
+                            </p>
+                        </div>
+                        <div class="w-full md:w-1/2">
+                            <img
+                                src="/img/school-bus-4773905_1920.jpg"
+                                alt=""
+                            />
+                        </div>
+                    </div>
+
                     <h1 class="text-xl md:text-3xl pt-2">Materials Required</h1>
-                    <p>All the books and notebooks, uniforms etc. are provided to the children by the school at fair price.</p>
+                    <p>
+                        All the books and notebooks, uniforms etc. are provided
+                        to the children by the school at fair price.
+                    </p>
                 </div>
+                <section class="container">
+                    <div class="bg-background text-foreground p-6">
+                        <h2 class="text-center text-2xl font-bold mb-6">
+                            Parent Reviews
+                        </h2>
+                        <div
+                            class="grid gap-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
+                        >
+                            <div
+                                class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
+                            >
+                                <h3 class="font-bold mb-2">Aarav Mehta</h3>
+                                <p
+                                    class="text-xl font-light italic text-gray-700"
+                                >
+                                    "Holy Wisdom Public School has been a
+                                    wonderful experience for my child. The
+                                    teachers are caring and provide a nurturing
+                                    environment. My child looks forward to going
+                                    to school every day!"
+                                </p>
+                                <div
+                                    class="flex items-center justify-center space-x-2 mt-4"
+                                >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                    >
+                                        <path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path>
+                                    </svg>
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                    >
+                                        <path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path>
+                                    </svg>
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                    >
+                                        <path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path>
+                                    </svg>
+                                </div>
+                            </div>
+                            <div
+                                class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
+                            >
+                                <h3 class="font-bold mb-2">Sneha Patel</h3>
+                                <p
+                                    class="text-xl font-light italic text-gray-700"
+                                >
+                                    "I am very impressed with the curriculum and
+                                    the activities at Holy Wisdom. My child has
+                                    learned so much and has become more
+                                    confident. The staff is very supportive and
+                                    approachable."
+                                </p>
+                                <div
+                                    class="flex items-center justify-center space-x-2 mt-4"
+                                >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                    >
+                                        <path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path>
+                                    </svg>
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                    >
+                                        <path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path>
+                                    </svg>
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                    >
+                                        <path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path>
+                                    </svg>
+                                </div>
+                            </div>
+                            <div
+                                class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
+                            >
+                                <h3 class="font-bold mb-2">Rajesh Kumar</h3>
+                                <p
+                                    class="text-xl font-light italic text-gray-700"
+                                >
+                                    "Choosing Holy Wisdom for my child was the
+                                    best decision. The school focuses on the
+                                    overall development of children, including
+                                    academics, arts, and physical activities.
+                                    Highly recommended!"
+                                </p>
+                                <div
+                                    class="flex items-center justify-center space-x-2 mt-4"
+                                >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                    >
+                                        <path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path>
+                                    </svg>
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                    >
+                                        <path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path>
+                                    </svg>
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                    >
+                                        <path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path>
+                                    </svg>
+                                </div>
+                            </div>
+                            <div
+                                class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
+                            >
+                                <h3 class="font-bold mb-2">Priya Singh</h3>
+                                <p
+                                    class="text-xl font-light italic text-gray-700"
+                                >
+                                    "Holy Wisdom Public School has exceeded our
+                                    expectations. The teachers are passionate
+                                    about teaching, and it shows in the progress
+                                    my child has made. The school environment is
+                                    safe and friendly."
+                                </p>
+                                <div
+                                    class="flex items-center justify-center space-x-2 mt-4"
+                                >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                        ><path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path></svg
+                                    >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                        ><path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path></svg
+                                    >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                        ><path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        ></path></svg
+                                    >
+                                </div>
+                            </div>
+                            <div
+                                class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
+                            >
+                                <h3 class="font-bold mb-2">Anjali Sharma</h3>
+                                <p
+                                    class="text-xl font-light italic text-gray-700"
+                                >
+                                    "My child has had an amazing experience at
+                                    Holy Wisdom. The interactive learning
+                                    methods and the focus on each child's
+                                    individual needs have really made a
+                                    difference. We are very happy with the
+                                    school."
+                                </p>
+                                <div
+                                    class="flex items-center justify-center space-x-2 mt-4"
+                                >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                        ><path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        ></path></svg
+                                    >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                        ><path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        ></path></svg
+                                    >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                        ><path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        ></path></svg
+                                    >
+                                </div>
+                            </div>
+                            <div
+                                class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
+                            >
+                                <h3 class="font-bold mb-2">Vikram Gupta</h3>
+                                <p
+                                    class="text-xl font-light italic text-gray-700"
+                                >
+                                    "Holy Wisdom Public School is fantastic! The
+                                    school has a great balance between learning
+                                    and fun. My child has developed good social
+                                    skills and enjoys the various activities. I
+                                    am very satisfied with the school's
+                                    approach."
+                                </p>
+                                <div
+                                    class="flex items-center justify-center space-x-2 mt-4"
+                                >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                        ><path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path></svg
+                                    >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                    >
+                                        <path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        >
+                                        </path></svg
+                                    >
+                                    <svg
+                                        class="text-yellow-500 w-4 h-4"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 0 20 20"
+                                        fill="currentColor"
+                                        stroke="currentColor"
+                                        ><path
+                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                                        ></path></svg
+                                    >
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+                <section class="container">
+                    <div
+                        class="flex flex-col md:flex-row items-center bg-background p-6 rounded-lg"
+                    >
+                        <div class="md:w-1/2 flex justify-center mb-6 md:mb-0">
+                            <img
+                                src="public/img/visit.png"
+                                alt="location marker with buildings"
+                                class="rounded-full bg-muted p-4"
+                            />
+                        </div>
+                        <div class="md:w-1/2 text-center md:text-left">
+                            <h2 class="text-2xl font-bold text-foreground mb-4">
+                                Visit Us
+                            </h2>
+                            <p class="text-justify mb-6">
+                                We warmly invite parents to tour Holy Wisdom
+                                Public School and see our vibrant learning
+                                environment firsthand. Schedule your visit today
+                                to meet our dedicated team, explore our engaging
+                                classrooms, and discover the unique learning
+                                experiences we offer. Come and see why Holy
+                                Wisdom is the perfect place for your child's
+                                early education journey.
+                            </p>
+
+                            <a
+                                href="/contact"
+                                class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500"
+                                >Reach Us >></a
+                            >
+                        </div>
+                    </div>
+                </section>
             </section>
             <section class="container mx-auto">
                 <div>
                     <dialog id="formModal" class="max-w-2xl rounded-xl">
                         <form method="dialog" class="">
-							<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button>
+                            <button
+                                class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right"
+                                >&#10008;</button
+                            >
                             <div class="">
-								<ContactForm client:visible/>
-							</div>
+                                <ContactForm client:visible />
+                            </div>
                         </form>
                     </dialog>
                 </div>
@@ -119,16 +766,23 @@ import ContactForm from '../components/ContactForm.vue';
 </Layout>
 <style>
     .gradintBack {
-       background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
+        background: linear-gradient(
+            0deg,
+            rgb(71, 174, 106) 0%,
+            rgba(255, 255, 255) 40%
+        );
     }
     .table {
         width: 100%;
         border-collapse: collapse;
     }
-    .table, .table th, .table td {
+    .table,
+    .table th,
+    .table td {
         border: 1.5px solid black;
     }
-    .table th, .table td {
+    .table th,
+    .table td {
         padding: 4px;
         text-align: left;
     }

src/pages/sign-up.astro

@@ -2,64 +2,23 @@
     <div class="content">
         <section class="container mx-auto max-w-lg bg-[url(/img/hps_logo.png)] rounded-2xl">
             <div class="flex flex-col w-full justify-center place-items-center border-[1px] border-[#0e0f0420] rounded-[20px] shadow-2xl py-10">
-                <img class="max-w-[150px] shadow-lg p-2 py-6 border-[1px] rounded-full" src="/img/hps_logo.png" alt="Logo">
-                <form action="" class="p-6 space-y-4" onsubmit="signUp(event)">
-                    <input id="name" name="name" type="text" placeholder="Name" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required />
-                    <input id="email" name="email" type="email" placeholder="Email ID" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required />
-                    <input id="mobile" name="mobile" type="text" placeholder="Mobile Number" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required />
-                    <input id="password" name="password" type="password" placeholder="New Password" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required />
-                    <input id="con_password" name="con_password" type="password" placeholder="Confirm Password" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required />
-                    <button type="submit" class="border-2 border-[#3084b5] text-white bg-[#3084b5] focus:outline-none rounded-lg w-full p-2 mt-4">Register</button>
+                <img class="max-w-[150px] shadow-lg p-2 py-6 border-[1px] rounded-full" src="/img/hps_logo.png" alt="">
+                <form action="" class="p-6 space-y-4">
+                    <input v-model="name" id="name" name="name" type="text" placeholder="Name" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
+                    <input v-model="name" id="name" name="name" type="text" placeholder="Email ID" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
+                    <input v-model="name" id="name" name="name" type="text" placeholder="Mobile Number" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
+                    <input v-model="name" id="name" name="name" type="password" placeholder="New Passsord" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
+                    <input v-model="name" id="name" name="name" type="password" placeholder="Confirm Passsord" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
+                    <button class="border-2 border-[#3084b5] text-white bg-[#3084b5] focus:outline-none rounded-lg w-full p-2 mt-4">Register</button>
                 </form>
-                <div class="flex flex-col">
-                    <p>Back to <a href="/login" class="text-[#3084b5] font-bold">Login</a></p>
-                    <p><a href="/" class="text-[#3084b5] font-bold">Continue</a> Without Login</p>
+                <div class="flex flex-col place-content-between float-left">
+                    <p class="">Back to <a href="/login" class="text-[#3084b5] font-bold">Login</a></p>
+                    <p class="">Continue Without <a href="/" class="text-[#3084b5] font-bold">Login</a></p>
                 </div>
             </div>
         </section>
     </div>
 </main>
-
-<script is:inline>
-    function signUp(event) {
-        event.preventDefault(); // Prevent form submission
-        let password = document.getElementById('password').value;
-        let conPassword = document.getElementById('con_password').value;
-
-        if (password !== conPassword) {
-            alert('Passwords do not match. Please try again.');
-            return;
-        }
-
-        let userName = document.getElementById('name').value;
-        let userEmail = document.getElementById('email').value;
-        let userMobile = document.getElementById('mobile').value;
-
-        let userSignData = {
-            name: userName,
-            email: userEmail,
-            mobile: userMobile,
-            password: password
-        };
-        console.log(userSignData)
-
-        fetch('https://game-du.teachertrainingkolkata.in/users', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(userSignData)
-        })
-        .then(res => res.json())
-        .then(data => {
-            console.log(data)
-        })
-        .catch(error => {
-            console.error('Error:', error);
-        });
-    }
-</script>
-
 <style>
     .content {
         position: absolute;

src/pages/test.astro

@@ -1,20 +0,0 @@
-<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-2">
-    <div class="h-[200px] text-center bg-[#f59e0b]">
-        Grid - 1
-    </div>
-    <div class="h-[200px] text-center bg-[#84cc16]">
-        Grid - 2
-    </div>
-    <div class="h-[200px] text-center bg-[#84cc16]">
-        Grid - 3
-    </div>
-    <div class="h-[200px] text-center bg-[#4f46e5]">
-        Grid - 4
-    </div>
-    <div class="h-[200px] text-center bg-[#db2777]">
-        Grid - 5
-    </div>
-    <div class="h-[200px] text-center bg-[#b91c1c]">
-        Grid - 6
-    </div>
-</div>

src/pages/vidyasagar.astro

@@ -1,7 +1,7 @@
 ---
 import Layout from "../layouts/Layout.astro";
 ---
-<Layout title="">
+<Layout title="Holy Wisdom Public School - Iswar Chandra Vidyasagar">
     <main>
         <div>
             <section class="container-fluid gradintBack mb-16">

tailwind.config.cjs

@@ -2,7 +2,9 @@
 module.exports = {
 	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
 	theme: {
-		extend: {},
+		extend: {
+			
+		},
 	},
 	plugins: [],
 }