holywisdompublicschool.com/src/pages/overview.astro

793 lines
46 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

---
import Layout from "../layouts/Layout.astro";
import ContactForm from "../components/ContactForm.vue";
---
<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="/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 Childrens 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="/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="/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">
<thead>
<tr>
<th class="header">Category</th>
<th class="header">Item</th>
<th class="header">Details</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="5">Boys</td>
<td>Shirt</td>
<td
>Canary Yellow T-Shirt with bottle green
collar</td
>
</tr>
<tr>
<td>Pants</td>
<td>Bottle green pant</td>
</tr>
<tr>
<td>Tie and Belt</td>
<td>Bottle green tie and belt</td>
</tr>
<tr>
<td>Footwear</td>
<td>Black boots and white socks</td>
</tr>
<tr>
<td>Winter Wear</td>
<td>Bottle green sweater</td>
</tr>
<tr>
<td rowspan="5">Girls</td>
<td>Shirt</td>
<td
>Canary Yellow T-Shirt with bottle green
collar</td
>
</tr>
<tr>
<td>Skirt</td>
<td>Bottle green skirts</td>
</tr>
<tr>
<td>Tie and Belt</td>
<td>Bottle green tie and belt</td>
</tr>
<tr>
<td>Footwear</td>
<td>Black boots and white socks</td>
</tr>
<tr>
<td>Winter Wear</td>
<td>Bottle green cardigan</td>
</tr>
<tr>
<td rowspan="3">P.T. Dress</td>
<td>Shirt</td>
<td>Yellow T-Shirt</td>
</tr>
<tr>
<td>Pants</td>
<td>Navy blue pant</td>
</tr>
<tr>
<td>Footwear</td>
<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
>
</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">Transport<hr /></h1>
<div class="flex flex-col-reverse md:flex-row gap-4">
<div class="w-full">
<p class="text-justify">
At Holy Wisdom 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>
</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="/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
>
<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%
);
}
.table {
width: 100%;
border-collapse: collapse;
}
.table,
.table th,
.table td {
border: 1.5px solid black;
}
.table th,
.table td {
padding: 4px;
text-align: left;
}
.header {
background-color: #f2f2f2;
}
</style>