From 076c8a7a063496222e83d5b7362f624bab54d248 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 16 Apr 2026 16:18:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 437 +++++++++++++----------------------------------
 1 file changed, 115 insertions(+), 322 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d803d6a..69e3d50 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,336 +28,129 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Whole Earth Cafe"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Menu", id: "menu" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Whole Earth Cafe"
+            button={{ text: "Order Online", href: "#menu" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Nature's Oasis in Scarborough"
-      description="True-to-nature cuisine crafted with the freshest local ingredients. A cozy space for healthy eaters, home-bake lovers, and everyone in between."
-      tag="Welcome to Whole Earth Cafe"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffins_23-2148337165.jpg",
-          imageAlt: "Cozy cafe breakfast",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/three-friends-sitting-bar_23-2147681032.jpg",
-          imageAlt: "Warm cafe interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desserts-tray-with-tea-milk_23-2148696263.jpg",
-          imageAlt: "High angle of desserts on tray",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-still-life_23-2148116848.jpg",
-          imageAlt: "Coffee still life",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed_23-2148079542.jpg",
-          imageAlt: "Breakfast in bed",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="295 Excellent Reviews"
-      tagIcon={Sparkles}
-      buttons={[
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-        {
-          text: "Book a Table",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "sparkles-gradient" }}
+            title="Nature's Oasis in Scarborough"
+            description="True-to-nature cuisine crafted with the freshest local ingredients. A cozy space for healthy eaters, home-bake lovers, and everyone in between."
+            tag="Welcome to Whole Earth Cafe"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffins_23-2148337165.jpg", imageAlt: "Cozy cafe breakfast" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/three-friends-sitting-bar_23-2147681032.jpg", imageAlt: "Warm cafe interior" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="295 Excellent Reviews"
+            tagIcon={Sparkles}
+            buttons={[
+              { text: "View Menu", href: "#menu" },
+              { text: "Book a Table", href: "#contact" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "An Inviting Home Away From Home",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/cup-coffee-plates-with-chocolate-cookies_23-2148326713.jpg",
-          alt: "Fresh cafe interior",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Read Our Story",
-          href: "#about",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "An Inviting Home Away From Home" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/cup-coffee-plates-with-chocolate-cookies_23-2148326713.jpg", alt: "Fresh cafe interior" },
+            ]}
+            buttons={[{ text: "Read Our Story", href: "#about" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="inline-image"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "No long, stressful waiting times",
-          "No hidden artificial additives",
-          "No uncomfortable, stuffy environments",
-          "No processed or refined sugars",
-          "No loud or intrusive music",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Fresh, local organic ingredients",
-          "Delicious healthy & vegan options",
-          "Friendly service from our expert team",
-          "Sustainable eco-friendly practices",
-          "Artisan craft baked daily",
-        ],
-      }}
-      title="Why Visitors Love Us"
-      description="At Whole Earth Cafe, we blend excellent food with a comfortable, service-focused environment."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="inline-image"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["No long, stressful waiting times", "No hidden artificial additives", "No uncomfortable, stuffy environments", "No processed or refined sugars", "No loud or intrusive music"] }}
+            positiveCard={{ items: ["Fresh, local organic ingredients", "Delicious healthy & vegan options", "Friendly service from our expert team", "Sustainable eco-friendly practices", "Artisan craft baked daily"] }}
+            title="Why Visitors Love Us"
+            description="At Whole Earth Cafe, we blend excellent food with a comfortable, service-focused environment."
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Avocado Toast",
-          price: "R 120",
-          imageSrc: "http://img.b2bpic.net/free-photo/toast-with-avocado-plate_1220-7326.jpg",
-          imageAlt: "Fresh avocado toast",
-        },
-        {
-          id: "2",
-          name: "Garden Harvest Salad",
-          price: "R 145",
-          imageSrc: "http://img.b2bpic.net/free-photo/artistic-avocado-tomato-salad-with-edible-flowers_23-2151998769.jpg",
-          imageAlt: "Fresh garden salad",
-        },
-        {
-          id: "3",
-          name: "Carrot Cake",
-          price: "R 65",
-          imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake-slice-with-cream-cheese-frosting_123827-37156.jpg",
-          imageAlt: "Homemade carrot cake",
-        },
-        {
-          id: "4",
-          name: "Fresh Berry Smoothie",
-          price: "R 75",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tasty-summer-smoothie_23-2148197880.jpg",
-          imageAlt: "Fresh smoothie",
-        },
-        {
-          id: "5",
-          name: "Gourmet Chicken Burger",
-          price: "R 165",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesy-meat-burger-with-seasonings-dark-floor-bun-sandwich-fast-food_140725-82157.jpg",
-          imageAlt: "Chicken burger",
-        },
-        {
-          id: "6",
-          name: "Tuna Sesame Crust",
-          price: "R 195",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fish-chips-dish-paper-cone_23-2148776026.jpg",
-          imageAlt: "Tuna fillet",
-        },
-      ]}
-      title="Featured Culinary Delights"
-      description="Explore our menu filled with wholesome ingredients and heavenly home-cooked meals."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Avocado Toast", price: "R 120", imageSrc: "http://img.b2bpic.net/free-photo/toast-with-avocado-plate_1220-7326.jpg", imageAlt: "Fresh avocado toast" },
+              { id: "2", name: "Garden Harvest Salad", price: "R 145", imageSrc: "http://img.b2bpic.net/free-photo/artistic-avocado-tomato-salad-with-edible-flowers_23-2151998769.jpg", imageAlt: "Fresh garden salad" },
+              { id: "3", name: "Carrot Cake", price: "R 65", imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake-slice-with-cream-cheese-frosting_123827-37156.jpg", imageAlt: "Homemade carrot cake" }
+            ]}
+            title="Featured Culinary Delights"
+            description="Explore our menu filled with wholesome ingredients and heavenly home-cooked meals."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          title: "Happy Customers",
-          value: "295+",
-          icon: Smile,
-        },
-        {
-          id: "2",
-          title: "Fresh Ingredients",
-          value: "100%",
-          icon: Leaf,
-        },
-        {
-          id: "3",
-          title: "Local Talent Art",
-          value: "50+",
-          icon: Palette,
-        },
-      ]}
-      title="Our Cafe Journey"
-      description="We are proud of the impact we've made in the local Scarborough community through healthy food and creative connection."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", title: "Happy Customers", value: "295+", icon: Smile },
+              { id: "2", title: "Fresh Ingredients", value: "100%", icon: Leaf },
+              { id: "3", title: "Local Talent Art", value: "50+", icon: Palette },
+            ]}
+            title="Our Cafe Journey"
+            description="We are proud of the impact we've made in the local Scarborough community through healthy food and creative connection."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Barbara",
-          role: "Traveler",
-          company: "Couples",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
-        },
-        {
-          id: "2",
-          name: "The Scenic Suitcase",
-          role: "Traveler",
-          company: "Friends",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-young-man-relaxing-coffee-shop-spending-time-cafe-listening_1258-245399.jpg",
-        },
-        {
-          id: "3",
-          name: "Janina K",
-          role: "Traveler",
-          company: "Couples",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-man-restaurant_23-2148395316.jpg",
-        },
-        {
-          id: "4",
-          name: "Graham W",
-          role: "Traveler",
-          company: "Couples",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-gathering-dinner_23-2148454163.jpg",
-        },
-        {
-          id: "5",
-          name: "Lois G",
-          role: "Traveler",
-          company: "Couples",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256929.jpg",
-        },
-      ]}
-      title="What Our Guests Say"
-      description="Hear from our wonderful community members who make Whole Earth Cafe what it is today."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Barbara", role: "Traveler", company: "Couples", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg" },
+              { id: "2", name: "The Scenic Suitcase", role: "Traveler", company: "Friends", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-young-man-relaxing-coffee-shop-spending-time-cafe-listening_1258-245399.jpg" }
+            ]}
+            title="What Our Guests Say"
+            description="Hear from our wonderful community members who make Whole Earth Cafe what it is today."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Visit our oasis at 96 Main Road, Scarborough. We look forward to welcoming you soon!"
-      buttons={[
-        {
-          text: "Get Directions",
-          href: "https://maps.google.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="Visit our oasis at 96 Main Road, Scarborough. We look forward to welcoming you soon!"
+            buttons={[{ text: "Get Directions", href: "https://maps.google.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Whole Earth Cafe"
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Hours",
-          items: [
-            {
-              label: "Daily: 8:30am-5:30pm",
-              href: "#",
-            },
-            {
-              label: "Tuesday: Closes 4pm",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Whole Earth Cafe"
+            columns={[
+              { title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
+              { title: "Hours", items: [{ label: "Daily: 8:30am-5:30pm", href: "#" }, { label: "Tuesday: Closes 4pm", href: "#" }] },
+              { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1