s2

src/components/SliderHomepage.vue

@@ -13,10 +13,10 @@
                 @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/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>
+                <!-- <swiper-slide> <img class=""  src="/img/school3.jpg" alt="" /></swiper-slide>
-                <swiper-slide> <img class=""  src="/img/school4.jpg" alt="" /></swiper-slide>
+                <swiper-slide> <img class=""  src="/img/school4.jpg" alt="" /></swiper-slide> -->
             </swiper>
         </div>
     </div>
@@ -67,8 +67,28 @@
          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" }]
+          img3DResInter: [
-  
+            { image_src: "/assets/new_school_image/school_img_1.jpg" },
+            { image_src: "/assets/new_school_image/school_img_2.jpg" },
+            { image_src: "/assets/new_school_image/school_img_3.jpg" },
+            { image_src: "/assets/new_school_image/school_img_4.jpg" },
+            { image_src: "/assets/new_school_image/school_img_5.jpg" },
+            { image_src: "/assets/new_school_image/school_img_6.jpg" },
+            { image_src: "/assets/new_school_image/school_img_7.jpg" },
+            { image_src: "/assets/new_school_image/school_img_8.jpg" },
+            { image_src: "/assets/new_school_image/school_img_9.jpg" },
+            { image_src: "/assets/new_school_image/school_img_10.jpg" },
+            { image_src: "/assets/new_school_image/school_img_11.jpg" },
+            { image_src: "/assets/new_school_image/school_img_12.jpg" },
+            { image_src: "/assets/new_school_image/school_img_13.jpg" },
+            { image_src: "/assets/new_school_image/school_img_14.jpg" },
+            { image_src: "/assets/new_school_image/school_img_15.png" },
+            { image_src: "/assets/new_school_image/school_img_16.png" },
+            { image_src: "/assets/new_school_image/school_img_17.png" },
+            { image_src: "/assets/new_school_image/school_img_18.png" },
+            { image_src: "/assets/new_school_image/school_img_19.png" },
+            { image_src: "/assets/new_school_image/school_img_20.png" }
+          ],  
      }
   },
    mounted: function () {

src/pages/about.astro

@@ -1,38 +1,44 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import ContactForm from "../components/ContactForm.vue";
+const img3DResInter = [
+  { image_src: "/assets/new_school_image/school_img_1.jpg" },
+  { image_src: "/assets/new_school_image/school_img_2.jpg" },
+  { image_src: "/assets/new_school_image/school_img_3.jpg" },
+  { image_src: "/assets/new_school_image/school_img_4.jpg" },
+  { image_src: "/assets/new_school_image/school_img_5.jpg" },
+  { image_src: "/assets/new_school_image/school_img_6.jpg" },
+  { image_src: "/assets/new_school_image/school_img_7.jpg" },
+  { image_src: "/assets/new_school_image/school_img_8.jpg" },
+  { image_src: "/assets/new_school_image/school_img_9.jpg" },
+  { image_src: "/assets/new_school_image/school_img_10.jpg" },
+  { image_src: "/assets/new_school_image/school_img_11.jpg" },
+  { image_src: "/assets/new_school_image/school_img_12.jpg" },
+  { image_src: "/assets/new_school_image/school_img_13.jpg" },
+  { image_src: "/assets/new_school_image/school_img_14.jpg" },
+  { image_src: "/assets/new_school_image/school_img_15.png" },
+  { image_src: "/assets/new_school_image/school_img_16.png" },
+  { image_src: "/assets/new_school_image/school_img_17.png" },
+  { image_src: "/assets/new_school_image/school_img_18.png" },
+  { image_src: "/assets/new_school_image/school_img_19.png" },
+  { image_src: "/assets/new_school_image/school_img_20.png" },
+];
 ---
 
 <Layout title="Holy Wisdom Public School - About Us">
     <main>
         <div>
             <section class="container-fluid gradintBack">
-                <div
+                <div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row gap-x-4 place-items-center">
-                    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="" />
+                        <img class="w-full" src="/assets/new_school_image/school_img_51.jpg" alt="" />
                     </div>
                     <div class="flex flex-col w-full">
-                        <h1
+                        <h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Discover Our Story</h1>
-                            class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]"
+                        <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Nurturing Young Minds at Holy Wisdom School</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>
-                            Discover Our Story
-                        </h1>
-                        <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">
-                            Nurturing Young Minds at Holy Wisdom School
-                        </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
+                            <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>
-                                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>
@@ -441,11 +447,7 @@ import ContactForm from "../components/ContactForm.vue";
                             </ul>
                         </div>
                         <div class="w-full md:w-1/2">
-                            <img
+                            <img class="rounded-lg shadow-lg" src="/assets/new_school_image/school_img_15.png" alt="objective"/>
-                            class="rounded-lg shadow-lg"
-                            src="/img/objective.jpg"
-                            alt="objective"
-                        />
                         </div>
                     </div>
 
@@ -517,110 +519,24 @@ import ContactForm from "../components/ContactForm.vue";
                 <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
+                        Our School Gallery
                         </h2>
                     </div>
 
-                    <div
+                    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
-                        class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4"
+                        {img3DResInter.map((img, index) => (
-                    >
+                        <div class="group cursor-pointer relative" key={index}>
-                        <div class="group cursor-pointer relative">
                             <img
-                                src="/img/g.jpg"
+                            src={img.image_src}
-                                alt="Image 1"
+                            alt={`School Image ${index + 1}`}
-                                class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
+                            class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
                             />
-                            <div
+                            <div class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity">
-                                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>
             <section class="container mx-auto">
                 <div>

src/pages/admission.astro

@@ -117,7 +117,7 @@ import ContactForm from "../components/ContactForm.vue";
                             </tbody>
                         </table>
                     </div>
-                    <div class="w-full">
+                    <!-- <div class="w-full">
                         <div class="flex flex-col items-center">
                             <h1 class="bg-[#3084b5] text-[#FFF] py-2.5 px-6 rounded-xl text-2xl">Bengali Medium</h1>
                             <h1 class="text-2xl"> following West Bengal Board</h1>
@@ -165,7 +165,7 @@ import ContactForm from "../components/ContactForm.vue";
                                 </tr>
                             </tbody>
                         </table>
-                    </div>
+                    </div> -->
                     <div>
                     
                     </div>
@@ -237,9 +237,9 @@ import ContactForm from "../components/ContactForm.vue";
                 </li>
              
                 <div class="container">
-                    <span class="en">English</span>
+                    <!-- <span class="en">English</span>
                     <input type="checkbox" class="check" />
-                    <span class="bn">Bangla</span>
+                    <span class="bn">Bangla</span> -->
                     <div class="content contentEnglish flex flex-col space-y-3">
                         <h1 class="text-xl md:text-3xl">Overall School Facilitties</h1>
 
@@ -288,7 +288,7 @@ import ContactForm from "../components/ContactForm.vue";
                         <li>Drama.</li>
                         <li>Self Defence Classes — Karate and Taekwondo.</li>
                     </div>
-                    <div class="content contentBengla flex flex-col space-y-3">
+                    <!-- <div class="content contentBengla flex flex-col space-y-3">
                         <h1 class="text-xl md:text-3xl pt-2">
                             স্কুলের সামগ্রিক সুযোগ সুবিধা
 
@@ -322,7 +322,7 @@ import ContactForm from "../components/ContactForm.vue";
                         <li>ছাত্র ছাত্রীদের গান ও নাচ শেখানোর ক্লাস</li>
                         <li>উপযুক্ত গ্রন্থাগার</li>
                         <li>নাটক আবৃত্তির ক্লাস</li>
-                    </div>
+                    </div> -->
                 </div>
                 <!-- <h1 class="text-xl md:text-3xl mt-6">Fees Structure <hr></h1>
                 <table class="table">