Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6ea239067b | |||
| 28b7b31a20 | |||
| 6e2c9982fe |
184
src/app/page.tsx
184
src/app/page.tsx
@@ -15,12 +15,12 @@ export default function LandingPage() {
|
|||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-bubble"
|
defaultButtonVariant="hover-bubble"
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultTextAnimation="reveal-blur"
|
||||||
borderRadius="soft"
|
borderRadius="pill"
|
||||||
contentWidth="compact"
|
contentWidth="compact"
|
||||||
sizing="mediumLargeSizeMediumTitles"
|
sizing="mediumLargeSizeMediumTitles"
|
||||||
background="fluid"
|
background="fluid"
|
||||||
cardStyle="gradient-radial"
|
cardStyle="soft-shadow"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="solid"
|
secondaryButtonStyle="solid"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
@@ -28,53 +28,33 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Facilities", id: "features" },
|
||||||
},
|
{ name: "Reviews", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Facilities",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Aruna Play School"
|
brandName="The Kaleidoscope"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroLogo
|
||||||
logoText="Aruna Play School"
|
logoText="The Kaleidoscope"
|
||||||
description="Nurturing curiosity and kindness in every child. Discover a homely environment where your child grows with joy, safety, and expert care in Sector 30, Noida."
|
description="Nurturing every hue of childhood in Sector 30, Noida. A space where little ones grow with joy and expert care."
|
||||||
buttons={[
|
buttons={[{ text: "Book a Visit", href: "#contact" }]}
|
||||||
{
|
|
||||||
text: "Book a Visit",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/preschool-art-class_23-2151951195.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/preschool-art-class_23-2151951195.jpg"
|
||||||
imageAlt="Happy children playing at Aruna Play School"
|
imageAlt="Children learning and playing at The Kaleidoscope"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MediaAbout
|
<MediaAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="A Homely Nurturing Environment"
|
title="Nurturing Every Hue of Childhood"
|
||||||
description="At Aruna Play School, we believe that children thrive when they feel loved and secure. Our preschool is more than just a school—it's a second home where every child is encouraged to explore, learn, and express themselves in a warm, family-like setting."
|
description="At The Kaleidoscope (formerly Aruna Play School), we believe every child is unique. Our nurturing environment is designed to celebrate individuality, creativity, and the wonder of early childhood in the heart of Sector 30, Noida."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-latin-teacher-her-students-working-with-clay-sculpting-class_662251-477.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-latin-teacher-her-students-working-with-clay-sculpting-class_662251-477.jpg"
|
||||||
imageAlt="Nurturing interaction between teacher and child"
|
imageAlt="Teacher interacting with students in a creative classroom"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -83,45 +63,13 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: 1, tag: "Faculty", title: "Trained Faculty", subtitle: "Professional care", description: "Our educators are certified and dedicated to positive, holistic child development.", imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-stories-children_23-2147797978.jpg" },
|
||||||
id: 1,
|
{ id: 2, tag: "Safety", title: "Safe Environment", subtitle: "Secure space", description: "Continuous supervision and a safe, child-proof campus provide parents absolute peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/christmas-concepto-with-kid-outside_23-2147727348.jpg?_wi=1" },
|
||||||
tag: "Expertise",
|
{ id: 3, tag: "Play", title: "Outdoor Play", subtitle: "Active learning", description: "Spacious, engaging outdoor play areas designed for physical growth and social interaction.", imageSrc: "http://img.b2bpic.net/free-photo/christmas-concepto-with-kid-outside_23-2147727348.jpg?_wi=2" },
|
||||||
title: "Trained Faculty",
|
{ id: 4, tag: "Comfort", title: "AC Classrooms", subtitle: "Cool comfort", description: "Bright, climate-controlled classrooms to ensure a pleasant and focused learning environment.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-teacher-measuring-distance-desks_23-2148672249.jpg" },
|
||||||
subtitle: "Expert care",
|
|
||||||
description: "Our teachers are passionate, certified, and dedicated to positive child development.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-stories-children_23-2147797978.jpg",
|
|
||||||
imageAlt: "Trained preschool teacher",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 2,
|
|
||||||
tag: "Safety",
|
|
||||||
title: "Safe Environment",
|
|
||||||
subtitle: "Secure space",
|
|
||||||
description: "Continuous supervision and a safe, child-proof campus give parents peace of mind.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-concepto-with-kid-outside_23-2147727348.jpg?_wi=1",
|
|
||||||
imageAlt: "Safe play area",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 3,
|
|
||||||
tag: "Play",
|
|
||||||
title: "Outdoor Play",
|
|
||||||
subtitle: "Joyful movement",
|
|
||||||
description: "Spacious, engaging outdoor areas that promote physical and social development.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-concepto-with-kid-outside_23-2147727348.jpg?_wi=2",
|
|
||||||
imageAlt: "Outdoor play space",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 4,
|
|
||||||
tag: "Comfort",
|
|
||||||
title: "AC Classrooms",
|
|
||||||
subtitle: "Cool learning",
|
|
||||||
description: "Climate-controlled, bright, and clean classrooms that ensure maximum comfort.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-teacher-measuring-distance-desks_23-2148672249.jpg",
|
|
||||||
imageAlt: "Air conditioned classroom",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Facilities"
|
title="Our Facilities"
|
||||||
description="Designed for little explorers, our campus combines safety with stimulating opportunities to play and learn."
|
description="We combine modern comfort with a warm, caring touch to provide the perfect setting for your child's first school experience."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -130,102 +78,32 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Ananya Sharma", date: "March 2024", title: "Wonderful experience", quote: "My daughter loves the warm atmosphere at The Kaleidoscope. Teachers are truly caring.", tag: "Happy Parent", avatarSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-with-her-daughter_329181-9355.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Rajesh Gupta", date: "January 2024", title: "Amazing growth", quote: "The holistic approach to development here is fantastic. Highly satisfied.", tag: "Satisfied Parent", avatarSrc: "http://img.b2bpic.net/free-photo/unpleased-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-pink-wall_141793-103272.jpg" },
|
||||||
name: "Ananya Sharma",
|
|
||||||
date: "March 2024",
|
|
||||||
title: "Loving environment",
|
|
||||||
quote: "My daughter loves going to Aruna. The teachers are so caring and attentive.",
|
|
||||||
tag: "Happy Parent",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-with-her-daughter_329181-9355.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-with-her-daughter_329181-9355.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Rajesh Gupta",
|
|
||||||
date: "January 2024",
|
|
||||||
title: "Amazing progress",
|
|
||||||
quote: "The focus on holistic development is evident. Highly recommended for any preschooler.",
|
|
||||||
tag: "Satisfied Parent",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/unpleased-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-pink-wall_141793-103272.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-pink-wall_141793-103272.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Meera Iyer",
|
|
||||||
date: "November 2023",
|
|
||||||
title: "Safety first",
|
|
||||||
quote: "I never worry about my son's safety here. Truly a nurturing, homely space.",
|
|
||||||
tag: "Grateful Parent",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-smiling-broadly-with-arms-crossed-his-chest_141793-55097.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-smiling-broadly-with-arms-crossed-his-chest_141793-55097.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Vikram Singh",
|
|
||||||
date: "September 2023",
|
|
||||||
title: "Great faculty",
|
|
||||||
quote: "The faculty is incredibly experienced and patient. My son has learned so much.",
|
|
||||||
tag: "Happy Parent",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-daughter_23-2147805447.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-daughter_23-2147805447.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Priya Verma",
|
|
||||||
date: "July 2023",
|
|
||||||
title: "Lovely school",
|
|
||||||
quote: "A fantastic school with a wonderful atmosphere and great facilities.",
|
|
||||||
tag: "Happy Parent",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/father-daughter-with-cream-noses_23-2147807805.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-with-cream-noses_23-2147807805.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Parents Say"
|
title="What Parents Say"
|
||||||
description="Trusted by hundreds of families in Sector 30."
|
description="Proudly supporting families in Sector 30, Noida."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Visit Aruna Play School"
|
title="Visit The Kaleidoscope"
|
||||||
description="Ready to give your child the best start? Contact us or drop by our Sector 30 campus to book a visit today."
|
description="Experience the nurturing difference firsthand. We invite you to visit our campus in C Block, Sector 30, Noida."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Parent Name", required: true },
|
||||||
name: "name",
|
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||||
type: "text",
|
|
||||||
placeholder: "Parent Name",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "email",
|
|
||||||
type: "email",
|
|
||||||
placeholder: "Email Address",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "phone",
|
|
||||||
type: "tel",
|
|
||||||
placeholder: "Phone Number",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||||
name: "message",
|
|
||||||
placeholder: "Your message or queries...",
|
|
||||||
rows: 4,
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/passageway_1127-3255.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/passageway_1127-3255.jpg"
|
||||||
imageAlt="School building entrance"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="Aruna Play School"
|
logoText="The Kaleidoscope"
|
||||||
copyrightText="© 2025 Aruna Play School. All rights reserved."
|
copyrightText="© 2025 The Kaleidoscope. C-58A, C Block, Sector 30, Noida | +91 120 4545360 | +91 9650012688 | drnina66@yahoo.com"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f6f0e9;
|
--background: #fbfaff;
|
||||||
--card: #efe7dd;
|
--card: #f7f5ff;
|
||||||
--foreground: #2b180a;
|
--foreground: #0f0022;
|
||||||
--primary-cta: #2b180a;
|
--primary-cta: #8b5cf6;
|
||||||
--primary-cta-text: #f6f0e9;
|
--primary-cta-text: #f6f0e9;
|
||||||
--secondary-cta: #efe7dd;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #2b180a;
|
--secondary-cta-text: #2b180a;
|
||||||
--accent: #94877c;
|
--accent: #d8cef5;
|
||||||
--background-accent: #afa094;
|
--background-accent: #c4a8f9;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user