generated from dwd/boilarplate-astro-tailwind
657 lines
37 KiB
Plaintext
657 lines
37 KiB
Plaintext
---
|
|
import Layout from "../layouts/Layout.astro";
|
|
import ContactForm from "../components/ContactForm.vue";
|
|
---
|
|
|
|
<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>
|
|
<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> -->
|
|
|
|
<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="/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="/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="/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="/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">
|
|
<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> class="w-full h-[500px] lg:h-screen" -->
|
|
|
|
<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>
|
|
<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="/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="/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="/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="/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="/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="/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> -->
|
|
<!-- <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="/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="/img/objective.jpg"
|
|
alt="objective"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<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 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"
|
|
>✘</button
|
|
>
|
|
<div class="">
|
|
<ContactForm client:visible />
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
</div>
|
|
</section>
|
|
</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%
|
|
);
|
|
}
|
|
</style>
|