Merge version_1 into main #1
474
src/app/page.tsx
474
src/app/page.tsx
@@ -20,346 +20,162 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "philosophy",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "programs",
|
||||
},
|
||||
{
|
||||
name: "Environment",
|
||||
id: "environment",
|
||||
},
|
||||
{
|
||||
name: "Admissions",
|
||||
id: "admissions",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="Little Wonders"
|
||||
button={{
|
||||
text: "Enquire Now",
|
||||
href: "#admissions",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Philosophy", id: "philosophy" },
|
||||
{ name: "Programs", id: "programs" },
|
||||
{ name: "Environment", id: "environment" },
|
||||
{ name: "Admissions", id: "admissions" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Little Wonders"
|
||||
button={{ text: "Enquire Now", href: "#admissions" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Where childhood truly blooms."
|
||||
description="A boutique preschool crafted with intention — where every child is met with wonder, warmth, and the space to become brilliantly themselves."
|
||||
tag="Accepting Enrolments 2025"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-kitchen-helps-mom-cook-child-is-involved-cooking_1321-1375.jpg",
|
||||
imageAlt: "Preschool child playing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-painting-floor-box-pencils-papers_23-2148037927.jpg",
|
||||
imageAlt: "Learning environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mother-kid-reading_23-2149212285.jpg",
|
||||
imageAlt: "Close up mother and kid reading",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-teenage-friends-hanging-out_23-2150521870.jpg",
|
||||
imageAlt: "Side view teenage friends hanging out",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-little-girl-having-fun-home_23-2149117566.jpg",
|
||||
imageAlt: "Close up on little girl having fun at home",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Star Rated"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Where childhood truly blooms."
|
||||
description="A boutique preschool crafted with intention — where every child is met with wonder, warmth, and the space to become brilliantly themselves."
|
||||
tag="Accepting Enrolments 2025"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-kitchen-helps-mom-cook-child-is-involved-cooking_1321-1375.jpg", imageAlt: "Preschool child playing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-painting-floor-box-pencils-papers_23-2148037927.jpg", imageAlt: "Learning environment"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Star Rated"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Philosophy"
|
||||
title="Learning through living & playing"
|
||||
description="We believe that the earliest years of life are the most formative — not just academically, but emotionally, creatively, and socially. Our Reggio Emilia-inspired approach honours each child as a capable, curious thinker."
|
||||
subdescription="Four core pillars guide our daily practice: Child-Led Discovery, Whole-Child Wellness, Environment as Educator, and Family Partnership."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-female-artist-painting-woman-portrait-sitting-floor_23-2148185832.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
icon={Leaf}
|
||||
/>
|
||||
</div>
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Philosophy"
|
||||
title="Learning through living & playing"
|
||||
description="We believe that the earliest years of life are the most formative — not just academically, but emotionally, creatively, and socially. Our Reggio Emilia-inspired approach honours each child as a capable, curious thinker."
|
||||
subdescription="Four core pillars guide our daily practice: Child-Led Discovery, Whole-Child Wellness, Environment as Educator, and Family Partnership."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-female-artist-painting-woman-portrait-sitting-floor_23-2148185832.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
icon={Leaf}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="programs" data-section="programs">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Tailored for every little stage"
|
||||
description="Discover our programs designed to support growth from toddlerhood to school readiness."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Little Seeds (18m – 2.5y)",
|
||||
content: "Gentle, nurturing introduction to group life with sensory play, music, and primary-key educator focus.",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Growing Roots (2.5 – 4y)",
|
||||
content: "Our most popular program featuring Reggio Emilia curriculum, project-based play, and bilingual immersion options.",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Bright Horizons (4 – 6y)",
|
||||
content: "School readiness focused curriculum including literacy, numeracy, STEM, coding foundations, and emotional intelligence.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/little-boy-with-planted-seeds-egg-carton_23-2148831351.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="programs" data-section="programs">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Tailored for every little stage"
|
||||
description="Discover our programs designed to support growth from toddlerhood to school readiness."
|
||||
accordionItems={[
|
||||
{ id: "p1", title: "Little Seeds (18m – 2.5y)", content: "Gentle, nurturing introduction to group life with sensory play, music, and primary-key educator focus." },
|
||||
{ id: "p2", title: "Growing Roots (2.5 – 4y)", content: "Our most popular program featuring Reggio Emilia curriculum, project-based play, and bilingual immersion options." },
|
||||
{ id: "p3", title: "Bright Horizons (4 – 6y)", content: "School readiness focused curriculum including literacy, numeracy, STEM, coding foundations, and emotional intelligence." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/little-boy-with-planted-seeds-egg-carton_23-2148831351.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "6:1",
|
||||
title: "Child-to-Educator Ratio",
|
||||
description: "Ensuring personalized attention.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years of Excellence",
|
||||
description: "Proven educational impact.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Parent Satisfaction",
|
||||
description: "Loved by our families.",
|
||||
icon: Heart,
|
||||
},
|
||||
]}
|
||||
title="Why families choose us"
|
||||
description="Trusted by our community for over 15 years."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "6:1", title: "Child-to-Educator Ratio", description: "Ensuring personalized attention.", icon: Users },
|
||||
{ id: "m2", value: "15+", title: "Years of Excellence", description: "Proven educational impact.", icon: Award },
|
||||
{ id: "m3", value: "98%", title: "Parent Satisfaction", description: "Loved by our families.", icon: Heart }
|
||||
]}
|
||||
title="Why families choose us"
|
||||
description="Trusted by our community for over 15 years."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="environment" data-section="environment">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "env1",
|
||||
brand: "Outdoor",
|
||||
name: "Nature Garden",
|
||||
price: "Open Space",
|
||||
rating: 5,
|
||||
reviewCount: "Explore",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-being-creative-with-paper_23-2149027451.jpg",
|
||||
},
|
||||
{
|
||||
id: "env2",
|
||||
brand: "Creative",
|
||||
name: "Atelier Art Studio",
|
||||
price: "Light & Clay",
|
||||
rating: 5,
|
||||
reviewCount: "Create",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/books-with-optical-implements-calculator-apple-grass_23-2148199897.jpg",
|
||||
},
|
||||
{
|
||||
id: "env3",
|
||||
brand: "Quiet",
|
||||
name: "Reading Nooks",
|
||||
price: "Intimate",
|
||||
rating: 5,
|
||||
reviewCount: "Discover",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-africanamerican-girls-drawing-floor-toddler-her-older-sister-drowing-paper_1157-51351.jpg",
|
||||
},
|
||||
{
|
||||
id: "env4",
|
||||
brand: "Culinary",
|
||||
name: "Chef's Kitchen",
|
||||
price: "Fresh Daily",
|
||||
rating: 5,
|
||||
reviewCount: "Nourish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-wearing-hat-standing-field_23-2147907299.jpg",
|
||||
},
|
||||
{
|
||||
id: "env5",
|
||||
brand: "Active",
|
||||
name: "Adventure Trail",
|
||||
price: "Outdoor",
|
||||
rating: 5,
|
||||
reviewCount: "Explore",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-playing-their-room_23-2149326783.jpg",
|
||||
},
|
||||
{
|
||||
id: "env6",
|
||||
brand: "Indoor",
|
||||
name: "Classroom Hubs",
|
||||
price: "Shared",
|
||||
rating: 5,
|
||||
reviewCount: "Collaborate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-beans-peas-buckets-with-flowers_114579-24874.jpg",
|
||||
},
|
||||
]}
|
||||
title="Designed for Wonder"
|
||||
description="Our distinct learning environments provide space to explore and create."
|
||||
/>
|
||||
</div>
|
||||
<div id="environment" data-section="environment">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "env1", brand: "Outdoor", name: "Nature Garden", price: "Open Space", rating: 5, reviewCount: "Explore", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-being-creative-with-paper_23-2149027451.jpg" },
|
||||
{ id: "env2", brand: "Creative", name: "Atelier Art Studio", price: "Light & Clay", rating: 5, reviewCount: "Create", imageSrc: "http://img.b2bpic.net/free-photo/books-with-optical-implements-calculator-apple-grass_23-2148199897.jpg" },
|
||||
{ id: "env3", brand: "Quiet", name: "Reading Nooks", price: "Intimate", rating: 5, reviewCount: "Discover", imageSrc: "http://img.b2bpic.net/free-photo/two-africanamerican-girls-drawing-floor-toddler-her-older-sister-drowing-paper_1157-51351.jpg" }
|
||||
]}
|
||||
title="Designed for Wonder"
|
||||
description="Our distinct learning environments provide space to explore and create."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Sending our daughter to Little Wonders was the best decision we made as parents. She has flourished in ways we never imagined — she reads, she creates, she asks the most beautiful questions."
|
||||
rating={5}
|
||||
author="Sarah & Raj Mehta, Parents of Anika"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-family-laughing_1098-1299.jpg",
|
||||
alt: "Parent",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-lovely-granddaughter-grandfather_23-2148548095.jpg",
|
||||
alt: "Parent",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/everybody-is-process-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16146.jpg",
|
||||
alt: "Parent",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-child-daughter-draws-creatively-home-table_1153-9656.jpg",
|
||||
alt: "Parent",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-stylish-family-autumn-park_1157-33761.jpg",
|
||||
alt: "Parent",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Sending our daughter to Little Wonders was the best decision we made as parents. She has flourished in ways we never imagined — she reads, she creates, she asks the most beautiful questions."
|
||||
rating={5}
|
||||
author="Sarah & Raj Mehta, Parents of Anika"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/healthy-family-laughing_1098-1299.jpg", alt: "Parent" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-lovely-granddaughter-grandfather_23-2148548095.jpg", alt: "Parent" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/everybody-is-process-grandmother-grandfather-have-fun-outdoors-with-granddaughter-painting-conception_146671-16146.jpg", alt: "Parent" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mother-child-daughter-draws-creatively-home-table_1153-9656.jpg", alt: "Parent" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-stylish-family-autumn-park_1157-33761.jpg", alt: "Parent" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What curriculum approach do you use?",
|
||||
content: "We use a Reggio Emilia-inspired approach, focusing on emergent learning based on children's interests.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do you handle dietary requirements?",
|
||||
content: "We have an in-house chef and are an allergy-aware, nut-free environment catering to individual dietary needs.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I stay connected to my child's day?",
|
||||
content: "Parents get access to our private family app for real-time daily documentation, photos, and learning notes.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our enrolment or curriculum? Find answers here."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What curriculum approach do you use?", content: "We use a Reggio Emilia-inspired approach, focusing on emergent learning based on children's interests." },
|
||||
{ id: "f2", title: "How do you handle dietary requirements?", content: "We have an in-house chef and are an allergy-aware, nut-free environment catering to individual dietary needs." },
|
||||
{ id: "f3", title: "How do I stay connected to my child's day?", content: "Parents get access to our private family app for real-time daily documentation, photos, and learning notes." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our enrolment or curriculum? Find answers here."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admissions" data-section="admissions">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Admissions"
|
||||
title="Reserve your place today"
|
||||
description="Places are limited. Enquire now to begin the journey for your child’s 2025 enrolment."
|
||||
/>
|
||||
</div>
|
||||
<div id="admissions" data-section="admissions">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Admissions"
|
||||
title="Reserve your place today"
|
||||
description="Places are limited. Enquire now to begin the journey for your child’s 2025 enrolment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Programs",
|
||||
href: "#programs",
|
||||
},
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#philosophy",
|
||||
},
|
||||
{
|
||||
label: "Enrolment",
|
||||
href: "#admissions",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "mailto:hello@littlewonders.com.au",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Newsletter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Little Wonders"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Little Wonders"
|
||||
columns={[
|
||||
{ items: [{ label: "Programs", href: "#programs" }, { label: "Philosophy", href: "#philosophy" }, { label: "Enrolment", href: "#admissions" }] },
|
||||
{ items: [{ label: "FAQ", href: "#faq" }, { label: "Community", href: "#testimonials" }, { label: "Contact", href: "mailto:hello@littlewonders.com.au" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Newsletter", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user