---
import Layout from '../layouts/Layout.astro';
import Slider from '../components/Slider.vue';
import ContactForm from '../components/ContactForm.vue';
import SliderHomepage from '../components/SliderHomepage.vue';
import FAQ from '../components/FAQ.vue'
let eventsData = [
  {
    "id": "1",
    "event": "Saraswati Puja",
    "img": "/img/ev1.jpg",
    "description": "This event celebrates Saraswati, the goddess of knowledge, music, and arts. Students and teachers participate in rituals, prayers, and cultural programs to seek her blessings for wisdom and learning."
  },
  {
    "id": "2",
    "event": "Independence Day",
    "img": "/img/ev2.jpg",
    "description": "Celebrated on August 15th, this day marks India's independence from British rule. The school hosts flag-hoisting ceremonies, patriotic songs, speeches, and cultural performances to honor the nation's freedom fighters."
  },
  {
    "id": "3",
    "event": "Netaji’s Birthday",
    "img": "/img/ev3.jpg",
    "description": "This event commemorates the birth anniversary of Netaji Subhas Chandra Bose, a prominent freedom fighter. The school organizes special assemblies, speeches, and activities highlighting his contributions to India's independence movement."
  },
  {
    "id": "4",
    "event": "Children’s Day",
    "img": "/img/ev4.jpg",
    "description": "Celebrated on November 14th, Children’s Day marks the birth anniversary of Jawaharlal Nehru, India’s first Prime Minister. The day is filled with fun activities, games, and performances to celebrate and honor children."
  },
  {
    "id": "5",
    "event": "School Foundation Day",
    "img": "/img/ev5.jpg",
    "description": "This event celebrates the establishment of the school. It includes various activities such as speeches, cultural programs, and exhibitions to reflect on the school's journey and achievements over the years."
  },
  {
    "id": "6",
    "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."
  }
]
let compulsorySchoolData = [
  {
    "id": "1",
    "name": "Etiquette",
    "image": "/img/svg/hand.svg"
  },
  {
    "id": "2",
    "name": "Physical Education",
    "image": "/img/svg/education.svg"
  },
  {
    "id": "3",
    "name": "Singing and poetry",
    "image": "/img/svg/sing.svg"
  },
  {
    "id": "4",
    "name": "Sports",
    "image": "/img/svg/football.svg"
  },
  {
    "id": "5",
    "name": "Painting",
    "image": "/img/svg/paint.svg"
  },
  {
    "id": "6",
    "name": "Abacus",
    "image": "/img/svg/abacus.svg"
  },
  {
    "id": "7",
    "name": "Discipline",
    "image": "/img/svg/des.svg"
  },
  {
    "id": "8",
    "name": "Hand work",
    "image": "/img/svg/handwork.svg"
  },
  {
    "id": "9",
    "name": "Drama",
    "image": "/img/svg/drama.svg"
  },
  {
    "id": "10",
    "name": "Computer",
    "image": "/img/svg/computer.svg"
  },
  {
    "id": "11",
    "name": "Karate",
    "image": "/img/svg/karate.svg"
  }
]
let outSportsData = [
  {
    "id": "1",
    "name": "Basket Ball",
    "image": "/img/svg/basketball.svg"
  },
  {
    "id": "2",
    "name": "Volley Ball",
    "image": "/img/svg/volley.svg"
  },
  {
    "id": "3",
    "name": "Badminton",
    "image": "/img/svg/bad.svg"
  },
  {
    "id": "4",
    "name": "Football",
    "image": "/img/svg/football.svg"
  },
  {
    "id": "5",
    "name": "Cricket",
    "image": "/img/svg/cricket.svg"
  },
  {
    "id": "6",
    "name": "Adventured Sports (Proposed)",
    "image": "/img/svg/hill.svg"
  }
]
let inSportsData = [
  {
    "id": "1",
    "name": "Chess",
    "image": "/img/svg/chess.svg"
  },
  {
    "id": "2",
    "name": "Carrom",
    "image": "/img/svg/carrom.svg"
  },
  {
    "id": "3",
    "name": "Table Tennis",
    "image": "/img/svg/tennis.svg"
  }
]
---

<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 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>
                    <div class="flex flex-col w-full">
                        <h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Preschool Learning at Holywisdom</h1>
                        <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Discovering Bright Beginnings: Holywisdom's Engaging Preschool Curriculum</h2>
                        <h3 class="text-xl text-justify pb-4">Thoughtfully structured and tiered learning resources, influenced by Maria Montessori's principles, tailored to highlight your expertise as an educator. Meticulously designed for seamless integration in both conventional classrooms and homeschooling settings.</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="/admission" 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 pt-16">
                <div class="space-y-3">
                    <h1 class="text-xl md:text-3xl">Curriculum <hr></h1>
                    <!-- <p>Welcome to Holywisdom Public School's Curriculum Page! At Holywisdom, we believe in providing a nurturing and enriching learning experience for your child. Our curriculum is designed to foster a love for learning, encourage creativity, and lay the foundation for a well-rounded education.</p> -->
                    <p>
                        The main thrust of our curriculum is based on innovative
                        and creative activities in and outside the class room we
                        have a well planed pre-school program which consists of
                        the following integrated project based activities.
                    </p>
                    <li>
                        We keep on introducing new projects taking along the
                        previous ones. Focus on creative teaching through role
                        play story dramatization dance, music rhymes are a great
                        way to make children step out of their comfort zone and
                        develop their inner personnel skills.
                    </li>
                    <li>
                        Punctuality is of prime importance students fail to
                        enter the premise on time will not be allowed to enter
                        the school without concern of the Principal-In-Charge.
                    </li>
                    <li>
                        Attendance below 75% will fail to sit in exam. Absentees
                        for 7 consecutive days without proper notice guardian of
                        the students will be called.
                    </li>
                    <li>
                        Students must carry their students Identity Cards and
                        the school diary during school campus.
                    </li>
                    <li>
                        All the students will follow the rules and regulation of
                        the school. Incase any student fail necessary action
                        will be taken
                    </li>
                    <h1 class="text-3xl">Compulsory in our school <hr></h1>
                    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6">
                        {compulsorySchoolData.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>
                            </div>
                        ))}
                    </div>                  
                    
                    <h1 class="text-xl md:text-3xl pt-2">Special Events <hr></h1>
                    <div>
                        <h2>Attendence of all students is compulsory on various occassion like--</h2>
                        <p>At the same time we also desire the presence of Guardians.</p>
                        <p>All programs are performed by students.</p>
                    </div>
                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 ">
                        {eventsData.map((data, index) => (
                            <div class="rounded-xl p-4 shadow-lg bg-slate-200" >
                                <img class="w-full rounded-t-xl" src={data.img} alt={data.event} />
                                <h2 class="text-2xl font-semibold mt-2 font-bold">{data.event}</h2>
                                <p class="text-justify">{data.description}</p>
                            </div>
                        ))}
                    </div>
                    <h1 class="text-3xl">Outdoor Sports <hr></h1>
                    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6">
                        {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">{data.name}</h2>
                            </div>
                        ))}
                    </div>
                    <h1 class="text-3xl">Indoor Sports <hr></h1>
                    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6">
                        {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>
                            </div>
                        ))}
                    </div>                    
                    <h1 class="text-xl md:text-3xl pt-2">Obligatory <hr></h1>
                    <p>1. Every students should be present in school before prayer</p>
                    <p>2. Parents are prohibited from entering the school premises without reason.</p>
                    <p>3. Parents can inform the authorities directly or in writing if there is any matter of the school</p>
                    <p>4. Contact the headmistress directly if any problem occurs with the child</p>
                    <p>5. The school bus will be closed on the day of theSpecial Event.</p>

                    <h1 class="text-xl md:text-3xl pt-2">Our Approach <hr></h1>
                    <p>
                        We follow a child-centric approach to education at
                        Holywisdom, recognizing that each child is unique and
                        learns at their own pace. Our experienced educators
                        create a supportive and engaging environment where
                        curiosity is encouraged, and every child feels valued.
                    </p>
                    <div class="flex flex-col xl:flex-row gap-x-4">
                        <div>
                            <h1 class="text-xl md:text-3xl pt-2">Key Focus Areas <hr></h1>
                            <h2 class="text-xl pt-2">1. Early Literacy and Numeracy:</h2>
                            <p class="text-base text-justify"> Introduction to letters, numbers, and basic literacy skills through interactive and play-based activities.</p>
                            <h2 class="text-xl pt-2">2. Social and Emotional Development: </h2>
                            <p class="text-base text-justify"> Activities promoting teamwork, communication, and emotional well-being to develop strong social skills.</p>
                            <h2 class="text-xl pt-2">3. Creative Arts:</h2>
                            <p class="text-base text-justify">Exploration of creativity through art, music, and imaginative play, fostering self-expression and confidence.</p>
                            <h2 class="text-xl pt-2">
                                4. Physical Development:
                            </h2>
                            <p class="text-base text-justify">
                                Fun and age-appropriate physical activities to
                                enhance motor skills and promote a healthy
                                lifestyle.
                            </p>
                            <h2 class="text-xl pt-2">
                                5. Nature and Science Exploration:
                            </h2>
                            <p class="text-base text-justify">
                                Hands-on experiences to spark curiosity about
                                the world, introducing basic science concepts
                                and appreciation for nature.
                            </p>
                        </div>
                        <div>
                            <Slider client:visible />
                        </div>
                    </div>
                    <h1 class="text-xl md:text-3xl pt-2">Daily Schedule <hr></h1>
                    <p>
                        Our daily schedule at Holywisdom is thoughtfully crafted
                        to provide a balance of structured learning, free play,
                        and rest. This ensures that your child receives a
                        comprehensive and enjoyable early education experience.
                    </p>
                    <h1 class="text-xl md:text-3xl pt-2">Parental Involvement <hr></h1>
                    <div class="flex flex-col-reverse md:flex-row gap-4">
                        <div class="w-full">
                            <p class="text-justify">We encourage parental involvement at Holywisdom and believe that collaboration between educators and parents is essential for a child's holistic development. Regular updates, parent-teacher conferences, and special events foster a strong partnership between home and school. Join us at Holywisdom Public School as we embark on an exciting journey of early childhood education together. If you have any questions or would like more information about our curriculum, feel free to reach out. We're here to support you and your child every step of the way</p>
                        </div>
                        <div class="w-full md:w-1/2">
                            <img src="/img/parent.jpg" alt="" />
                        </div>
                    </div>
                    
                </div>
            </section>
            <section class="container mx-auto">
                <div>
                    <dialog id="formModal" class="max-w-2xl rounded-xl">
                        <form method="dialog" class="">
							            <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>
                        </form>
                    </dialog>
                </div>
            </section>
        </div>
    </main>
</Layout>
<style>
    .gradintBack {
        background: linear-gradient(
            0deg,
            rgb(71, 174, 106) 0%,
            rgba(255, 255, 255) 40%
        );
    }
    .w-96 {
        width: 11rem;
    }
</style>


