---
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>
    <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>
            <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>
                </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>
                    <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
                        communication creativity and critical thinking. Our mission is to inspire every each students
                        not only excellence in academic but create a value of leadership and make them a disciplined
                        person. Holy Wisdom Public school will provide a safe and nurturing learning
                        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>



                        <!-- <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>
                            <div class="inline-flex" id="ar-prompt">
                                <img src="https://modelviewer.dev/shared-assets/icons/hand.png" />
                                <button class="-mt-2" slot="ar-button" id="ar-button">View in your space</button>
                            </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">
                            <div class="progress-bar hide" slot="progress-bar">
                                <div class="update-bar"></div>
                            </div>
                            <button slot="ar-button" id="ar-button">
                                View in your space
                            </button>
                            <div id="ar-prompt">
                                <img src="https://modelviewer.dev/shared-assets/icons/hand.png">
                            </div>
                        </model-viewer> -->

                        <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">
                            <div class="progress-bar hide" slot="progress-bar">
                                <div class="update-bar"></div>
                            </div>
                            <button slot="ar-button" id="ar-button">
                                View in your space
                            </button>
                            <div id="ar-prompt">
                                <img src="https://modelviewer.dev/shared-assets/icons/hand.png">
                            </div>
                        </model-viewer>
                        
                        
                        



                        <!-- <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>
                            <button slot="ar-button" id="ar-button">
                                View in your space
                            </button>
                            <div id="ar-prompt">
                                <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="" />
                                        </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>
                                     </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>
                                     </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>
                                     </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>
                        </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>

                            <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>
                    <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>
                    <!-- <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>
                    <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>
                </div>
            </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>
                            <div class="">
								<ContactForm client:visible/>
							</div>
                        </form>
                    </dialog>
                </div>
            </section>
        </div>
    </main>
</Layout>
<style>
    .gradintBack {
        background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
    }
</style>