Merge version_1 into main #2
394
src/app/page.tsx
394
src/app/page.tsx
@@ -26,278 +26,140 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "programs",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="CrayonCaves"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Programs", id: "programs" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CrayonCaves"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Welcome to CrayonCaves Preschool"
|
||||
description="A safe, fun, and nurturing place for early childhood learning in the heart of Montreal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Book a Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-child-having-brush-her-chic-curly-blond-hair-wearing-blue-shirt-white-t-shirt-she-is-showing-her-painted-fingers-looking-camera-gray-background_639032-1599.jpg?_wi=1"
|
||||
imageAlt="Happy child learning in a preschool environment"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-kids-learning-planets_23-2149355202.jpg",
|
||||
alt: "Teacher 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-young-students_23-2151110052.jpg",
|
||||
alt: "Teacher 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-playing-with-colorful-bricks_23-2147783666.jpg",
|
||||
alt: "Teacher 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-paper-chains-still-life_23-2149254017.jpg",
|
||||
alt: "Teacher 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-with-book_23-2147663438.jpg",
|
||||
alt: "Teacher 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ happy families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Learning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exploring",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Playing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Discovering",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Welcome to CrayonCaves Preschool"
|
||||
description="A safe, fun, and nurturing place for early childhood learning in the heart of Montreal."
|
||||
buttons={[
|
||||
{ text: "Enroll Now", href: "#contact" },
|
||||
{ text: "Book a Visit", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-child-having-brush-her-chic-curly-blond-hair-wearing-blue-shirt-white-t-shirt-she-is-showing-her-painted-fingers-looking-camera-gray-background_639032-1599.jpg"
|
||||
imageAlt="Happy child learning in a preschool environment"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-kids-learning-planets_23-2149355202.jpg", alt: "Teacher 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-young-students_23-2151110052.jpg", alt: "Teacher 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-playing-with-colorful-bricks_23-2147783666.jpg", alt: "Teacher 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/colorful-paper-chains-still-life_23-2149254017.jpg", alt: "Teacher 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-with-book_23-2147663438.jpg", alt: "Teacher 5" },
|
||||
]}
|
||||
avatarText="Trusted by over 500+ happy families"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Learning" },
|
||||
{ type: "text", text: "Growing" },
|
||||
{ type: "text", text: "Exploring" },
|
||||
{ type: "text", text: "Playing" },
|
||||
{ type: "text", text: "Discovering" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A Caring Environment for Your Little One"
|
||||
description="At CrayonCaves, we focus on fostering curiosity and creativity in every child. Our environment is designed to be safe, encouraging, and vibrant, ensuring every child feels at home while they discover the world."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Child-Centered Development",
|
||||
description: "Tailored programs to support individual growth stages.",
|
||||
},
|
||||
{
|
||||
title: "Safe & Secure",
|
||||
description: "A protected space designed for comfort and safety.",
|
||||
},
|
||||
{
|
||||
title: "Creative Spark",
|
||||
description: "Hands-on projects that encourage imagination and problem-solving.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-teacher-kids-playing-with-ball_23-2148673101.jpg?_wi=1"
|
||||
imageAlt="Bright and safe preschool classroom"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A Caring Environment for Your Little One"
|
||||
description="At CrayonCaves, we focus on fostering curiosity and creativity in every child. Our environment is designed to be safe, encouraging, and vibrant, ensuring every child feels at home while they discover the world."
|
||||
bulletPoints={[
|
||||
{ title: "Child-Centered Development", description: "Tailored programs to support individual growth stages." },
|
||||
{ title: "Safe & Secure", description: "A protected space designed for comfort and safety." },
|
||||
{ title: "Creative Spark", description: "Hands-on projects that encourage imagination and problem-solving." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-teacher-kids-playing-with-ball_23-2148673101.jpg"
|
||||
imageAlt="Bright and safe preschool classroom"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="programs" data-section="programs">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Arts & Crafts",
|
||||
description: "Unleash creativity through painting, drawing, and tactile art projects.",
|
||||
icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-child-painting-egg-with-yellow_23-2147752253.jpg?_wi=1",
|
||||
imageAlt: "Art project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kids-learning-planets_23-2149355202.jpg",
|
||||
imageAlt: "Children doing crafts",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-child-having-brush-her-chic-curly-blond-hair-wearing-blue-shirt-white-t-shirt-she-is-showing-her-painted-fingers-looking-camera-gray-background_639032-1599.jpg?_wi=2",
|
||||
imageAlt: "happy preschooler playing creative",
|
||||
},
|
||||
{
|
||||
title: "Music & Movement",
|
||||
description: "Expressive activities that build coordination and confidence.",
|
||||
icon: Music,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-child-focused-touching-acoustic-guitar-strings-home-child-exploring-guitar-close-up_169016-72066.jpg",
|
||||
imageAlt: "Music class",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-students_23-2151110052.jpg",
|
||||
imageAlt: "Kids dancing",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-teacher-kids-playing-with-ball_23-2148673101.jpg?_wi=2",
|
||||
imageAlt: "modern preschool classroom bright interior",
|
||||
},
|
||||
{
|
||||
title: "Early Reading & Writing",
|
||||
description: "Fun, literacy-based play that builds early language skills.",
|
||||
icon: BookOpen,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-technology-helping-kids-learning_329181-14297.jpg",
|
||||
imageAlt: "Reading time",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-playing-with-colorful-bricks_23-2147783666.jpg",
|
||||
imageAlt: "Child writing",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-child-painting-egg-with-yellow_23-2147752253.jpg?_wi=2",
|
||||
imageAlt: "preschool art activity children creative",
|
||||
},
|
||||
]}
|
||||
title="Our Enrichment Programs"
|
||||
description="We offer a wide range of activities to stimulate learning and social development."
|
||||
/>
|
||||
</div>
|
||||
<div id="programs" data-section="programs">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Enrichment Programs"
|
||||
description="We offer a wide range of activities to stimulate learning and social development."
|
||||
features={[
|
||||
{
|
||||
title: "Arts & Crafts", description: "Unleash creativity through painting, drawing, and tactile art projects.", icon: Palette,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-child-painting-egg-with-yellow_23-2147752253.jpg", imageAlt: "Art project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kids-learning-planets_23-2149355202.jpg", imageAlt: "Children doing crafts" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Music & Movement", description: "Expressive activities that build coordination and confidence.", icon: Music,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/little-child-focused-touching-acoustic-guitar-strings-home-child-exploring-guitar-close-up_169016-72066.jpg", imageAlt: "Music class" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-students_23-2151110052.jpg", imageAlt: "Kids dancing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Early Reading & Writing", description: "Fun, literacy-based play that builds early language skills.", icon: BookOpen,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wireless-technology-helping-kids-learning_329181-14297.jpg", imageAlt: "Reading time" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-playing-with-colorful-bricks_23-2147783666.jpg", imageAlt: "Child writing" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
title: "Safe & Secure",
|
||||
description: "Safety protocols exceed standard requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-chains-still-life_23-2149254017.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1:5",
|
||||
title: "Class Ratio",
|
||||
description: "Small class sizes for individual attention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-with-book_23-2147663438.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "10+ Yrs",
|
||||
title: "Experienced Staff",
|
||||
description: "Passionate educators with early education backgrounds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-children-s-desk-with-paint-drawing_23-2149025156.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Commitment to excellence in early childhood education."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "100%", title: "Safe & Secure", description: "Safety protocols exceed standard requirements.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-chains-still-life_23-2149254017.jpg" },
|
||||
{ id: "2", value: "1:5", title: "Class Ratio", description: "Small class sizes for individual attention.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-with-book_23-2147663438.jpg" },
|
||||
{ id: "3", value: "10+ Yrs", title: "Experienced Staff", description: "Passionate educators with early education backgrounds.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-children-s-desk-with-paint-drawing_23-2149025156.jpg" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Commitment to excellence in early childhood education."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit CrayonCaves"
|
||||
description="Located in the heart of Montreal. Contact us to schedule a tour and meet our team."
|
||||
inputs={[
|
||||
{
|
||||
name: "parentName",
|
||||
type: "text",
|
||||
placeholder: "Parent Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Additional information or questions",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors-looking-aside_171337-19432.jpg"
|
||||
imageAlt="Contact information for our Montreal location"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit CrayonCaves"
|
||||
description="Located in the heart of Montreal. Contact us to schedule a tour and meet our team."
|
||||
inputs={[
|
||||
{ name: "parentName", type: "text", placeholder: "Parent Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Additional information or questions", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors-looking-aside_171337-19432.jpg"
|
||||
imageAlt="Contact information for our Montreal location"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CrayonCaves Preschool"
|
||||
copyrightText="© 2025 CrayonCaves Preschool. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CrayonCaves Preschool"
|
||||
copyrightText="© 2025 CrayonCaves Preschool. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user