From c874732c34b51e0567b1c939d8ebfb81fba60c23 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 00:29:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 394 +++++++++++++++--------------------------------
 1 file changed, 128 insertions(+), 266 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8833d6f..ef5d35c 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-- 
2.49.1