From cdc99571b0de6cc87ee9c6d48c90f97a2d4b09b7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 10 May 2026 23:51:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 489 ++++++++++++++---------------------------------
 1 file changed, 141 insertions(+), 348 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1e9876e..6443dac 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,362 +27,155 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Our Vibe",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Find Us",
-          id: "location",
-        },
-      ]}
-      brandName="Ulu Café"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "Our Vibe", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Find Us", id: "location" },
+            ]}
+            brandName="Ulu Café"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Your Bali escape in Pretoria."
-      description="Smoothie bowls, specialty coffee & good vibes — in the heart of Menlo Park."
-      testimonials={[
-        {
-          name: "Danielle Du Plessis",
-          handle: "@danielle",
-          testimonial: "Best coffee shop in Pretoria. Service is out of this world!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg",
-        },
-        {
-          name: "Ruan Van Zyl",
-          handle: "@ruanvz",
-          testimonial: "Once you're here, you'll want to sit and stay a while.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-standing-street_1303-30919.jpg",
-        },
-        {
-          name: "Sarah M.",
-          handle: "@sarah_m",
-          testimonial: "The atmosphere is pure bliss, like being back in Canggu.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
-        },
-        {
-          name: "Thabo L.",
-          handle: "@thabos_day",
-          testimonial: "Coffee is top tier, and the garden seating is beautiful.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg",
-        },
-        {
-          name: "Emma W.",
-          handle: "@em_travels",
-          testimonial: "Absolutely love the smoothie bowls. Fresh and healthy!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "View Our Menu",
-          href: "#menu",
-        },
-        {
-          text: "Find Us",
-          href: "#location",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258907.jpg"
-      imageAlt="Vibrant smoothie bowl overhead shot"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-stylish-man-wearing-denim-jacket-stairs-outside-holding-takeaway-coffee_613910-17910.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-pink-tshirt-sitting-against-wooden-table-cafe-india-model-posed-outdoor_627829-2594.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/brunette-man-street-cafe-drinks-coffee_1153-5363.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-man-winter-jacket-posing-street_1303-30010.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Smoothie Bowls",
-        },
-        {
-          type: "text",
-          text: "Specialty Coffee",
-        },
-        {
-          type: "text",
-          text: "Garden Oasis",
-        },
-        {
-          type: "text",
-          text: "Pretoria Local",
-        },
-        {
-          type: "text",
-          text: "Bali Vibes",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroBillboardTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            title="Your Bali escape in Pretoria."
+            description="Smoothie bowls, specialty coffee & good vibes — in the heart of Menlo Park."
+            testimonials={[
+              { name: "Danielle Du Plessis", handle: "@danielle", testimonial: "Best coffee shop in Pretoria. Service is out of this world!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg" },
+              { name: "Ruan Van Zyl", handle: "@ruanvz", testimonial: "Once you're here, you'll want to sit and stay a while.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-standing-street_1303-30919.jpg" },
+              { name: "Sarah M.", handle: "@sarah_m", testimonial: "The atmosphere is pure bliss, like being back in Canggu.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg" },
+              { name: "Thabo L.", handle: "@thabos_day", testimonial: "Coffee is top tier, and the garden seating is beautiful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg" },
+              { name: "Emma W.", handle: "@em_travels", testimonial: "Absolutely love the smoothie bowls. Fresh and healthy!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg" },
+            ]}
+            buttons={[
+              { text: "View Our Menu", href: "#menu" },
+              { text: "Find Us", href: "#location" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258907.jpg"
+            imageAlt="Vibrant smoothie bowl overhead shot"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg", alt: "Customer 1" },
+              { src: "http://img.b2bpic.net/free-photo/handsome-stylish-man-wearing-denim-jacket-stairs-outside-holding-takeaway-coffee_613910-17910.jpg", alt: "Customer 2" },
+              { src: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-pink-tshirt-sitting-against-wooden-table-cafe-india-model-posed-outdoor_627829-2594.jpg", alt: "Customer 3" },
+              { src: "http://img.b2bpic.net/free-photo/brunette-man-street-cafe-drinks-coffee_1153-5363.jpg", alt: "Customer 4" },
+              { src: "http://img.b2bpic.net/free-photo/handsome-man-winter-jacket-posing-street_1303-30010.jpg", alt: "Customer 5" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Smoothie Bowls" },
+              { type: "text", text: "Specialty Coffee" },
+              { type: "text", text: "Garden Oasis" },
+              { type: "text", text: "Pretoria Local" },
+              { type: "text", text: "Bali Vibes" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="We brought Bali to Pretoria — one bowl at a time."
-      description="We believe in the power of a quiet moment. Ulu Café is your sanctuary away from the hustle, inspired by the lush landscapes of Bali and brought to life in Menlo Park. Whether you're here for your morning coffee or a sunshine-filled smoothie bowl, we're here to help you slow down."
-      bulletPoints={[
-        {
-          title: "Outdoor Garden Seating",
-          description: "Relax in our lush, open-air garden.",
-        },
-        {
-          title: "Specialty Coffee",
-          description: "Crafted with passion for your morning ritual.",
-        },
-        {
-          title: "Superfood Bowls",
-          description: "Fresh, vibrant, and incredibly nourishing.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cozy-cafe-hotel-decorated-with-green-plants-flowers_181624-37913.jpg"
-      imageAlt="Outdoor garden cafe seating"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="We brought Bali to Pretoria — one bowl at a time."
+            description="We believe in the power of a quiet moment. Ulu Café is your sanctuary away from the hustle, inspired by the lush landscapes of Bali and brought to life in Menlo Park. Whether you're here for your morning coffee or a sunshine-filled smoothie bowl, we're here to help you slow down."
+            bulletPoints={[
+              { title: "Outdoor Garden Seating", description: "Relax in our lush, open-air garden." },
+              { title: "Specialty Coffee", description: "Crafted with passion for your morning ritual." },
+              { title: "Superfood Bowls", description: "Fresh, vibrant, and incredibly nourishing." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/cozy-cafe-hotel-decorated-with-green-plants-flowers_181624-37913.jpg"
+            imageAlt="Outdoor garden cafe seating"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Canggu Smoothie Bowl",
-          price: "Signature",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-assortment_23-2149185991.jpg",
-        },
-        {
-          id: "2",
-          name: "Nusa Ceningan Bowl",
-          price: "Tropical",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-berries-appetizing-grapes-cherries-red-currants-pomegranates-oatmeal_140725-72208.jpg",
-        },
-        {
-          id: "3",
-          name: "PB Protein Smoothie",
-          price: "Cult Fav",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-strawberry-smoothie-glasses_23-2148545414.jpg",
-        },
-        {
-          id: "4",
-          name: "Coffee Freezo",
-          price: "Summer",
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-holding-coffee-drink-beach-with-foam-drinking-straw-with-sea_1268-16573.jpg",
-        },
-        {
-          id: "5",
-          name: "Pistachio Dream",
-          price: "Latte",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7641.jpg",
-        },
-        {
-          id: "6",
-          name: "More Treats",
-          price: "View Menu",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",
-        },
-      ]}
-      title="What everyone's obsessed with."
-      description="Our curated list of fan-favourite bowls, smoothies, and specialty lattes."
-      buttons={[
-        {
-          text: "See full menu",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Canggu Smoothie Bowl", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-assortment_23-2149185991.jpg" },
+              { id: "2", name: "Nusa Ceningan Bowl", price: "Tropical", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-berries-appetizing-grapes-cherries-red-currants-pomegranates-oatmeal_140725-72208.jpg" },
+              { id: "3", name: "PB Protein Smoothie", price: "Cult Fav", imageSrc: "http://img.b2bpic.net/free-photo/fresh-strawberry-smoothie-glasses_23-2148545414.jpg" },
+              { id: "4", name: "Coffee Freezo", price: "Summer", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-holding-coffee-drink-beach-with-foam-drinking-straw-with-sea_1268-16573.jpg" },
+              { id: "5", name: "Pistachio Dream", price: "Latte", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7641.jpg" },
+              { id: "6", name: "More Treats", price: "View Menu", imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg" },
+            ]}
+            title="What everyone's obsessed with."
+            description="Our curated list of fan-favourite bowls, smoothies, and specialty lattes."
+            buttons={[{ text: "See full menu", href: "#" }]}
+          />
+        </div>
 
-  <div id="experience" data-section="experience">
-      <FeatureCardTwentyFour
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "e1",
-          title: "Open Air",
-          author: "Space",
-          description: "Sun-drenched outdoor tables.",
-          tags: [
-            "Relaxing",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-wooden-table-with-gradient-photo-style_53876-14314.jpg",
-        },
-        {
-          id: "e2",
-          title: "Barista Crafts",
-          author: "Skill",
-          description: "Expertly roasted specialty coffee.",
-          tags: [
-            "Craft",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-cup-coffee-with-milk_23-2148366694.jpg",
-        },
-        {
-          id: "e3",
-          title: "Fresh Living",
-          author: "Ingredients",
-          description: "Pure nourishment in every bowl.",
-          tags: [
-            "Healthy",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337163.jpg",
-        },
-      ]}
-      title="The Ulu Experience"
-      description="Open-air seating · Fresh ingredients · Pretoria's favourite hidden gem."
-    />
-  </div>
+        <div id="experience" data-section="experience">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "e1", title: "Open Air", author: "Space", description: "Sun-drenched outdoor tables.", tags: ["Relaxing"], imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-wooden-table-with-gradient-photo-style_53876-14314.jpg" },
+              { id: "e2", title: "Barista Crafts", author: "Skill", description: "Expertly roasted specialty coffee.", tags: ["Craft"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-cup-coffee-with-milk_23-2148366694.jpg" },
+              { id: "e3", title: "Fresh Living", author: "Ingredients", description: "Pure nourishment in every bowl.", tags: ["Healthy"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337163.jpg" },
+            ]}
+            title="The Ulu Experience"
+            description="Open-air seating · Fresh ingredients · Pretoria's favourite hidden gem."
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "r1",
-          name: "Danielle Du Plessis",
-          role: "Fan",
-          company: "Pretoria",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg",
-        },
-        {
-          id: "r2",
-          name: "Ruan Van Zyl",
-          role: "Visitor",
-          company: "Pretoria",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-outdoors_23-2149557009.jpg",
-        },
-        {
-          id: "r3",
-          name: "Megs",
-          role: "Blogger",
-          company: "Pretoria",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg",
-        },
-        {
-          id: "r4",
-          name: "John Venter",
-          role: "Local",
-          company: "Pretoria",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-coffee-shop-drinking-cappuccino-listening-funny-podcast-earphones-holding-smartphone-handsome-male-cafe-visitor-turns-favourite-song-mobile-phone-music-app_1258-314552.jpg",
-        },
-        {
-          id: "r5",
-          name: "Josh Evered-Hall",
-          role: "Guest",
-          company: "Pretoria",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/human-reactions-feelings-portrait-adorable-pretty-girl-with-nose-ring-posing-stylish-red-sweater-with-lambs-blank-white-wall-with-happy-beaming-smile_343059-4768.jpg",
-        },
-      ]}
-      title="Don't just take our word for it."
-      description="Trusted by our Pretoria community."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "r1", name: "Danielle Du Plessis", role: "Fan", company: "Pretoria", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg" },
+              { id: "r2", name: "Ruan Van Zyl", role: "Visitor", company: "Pretoria", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-outdoors_23-2149557009.jpg" },
+              { id: "r3", name: "Megs", role: "Blogger", company: "Pretoria", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg" },
+              { id: "r4", name: "John Venter", role: "Local", company: "Pretoria", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-coffee-shop-drinking-cappuccino-listening-funny-podcast-earphones-holding-smartphone-handsome-male-cafe-visitor-turns-favourite-song-mobile-phone-music-app_1258-314552.jpg" },
+              { id: "r5", name: "Josh Evered-Hall", role: "Guest", company: "Pretoria", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/human-reactions-feelings-portrait-adorable-pretty-girl-with-nose-ring-posing-stylish-red-sweater-with-lambs-blank-white-wall-with-happy-beaming-smile_343059-4768.jpg" },
+            ]}
+            title="Don't just take our word for it."
+            description="Trusted by our Pretoria community."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Opening Hours",
-          content: "Mon-Fri: 07:00-17:00 | Sat-Sun: 08:00-15:00",
-        },
-        {
-          id: "f2",
-          title: "Location",
-          content: "Find us in the heart of Menlo Park.",
-        },
-        {
-          id: "f3",
-          title: "Bookings",
-          content: "We work on a first-come, first-served basis.",
-        },
-      ]}
-      sideTitle="Hours & Info"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Opening Hours", content: "Mon-Fri: 07:00-17:00 | Sat-Sun: 08:00-15:00" },
+              { id: "f2", title: "Location", content: "Find us in the heart of Menlo Park." },
+              { id: "f3", title: "Bookings", content: "We work on a first-come, first-served basis." },
+            ]}
+            sideTitle="Hours & Info"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="location" data-section="location">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Come find your calm."
-      description="Menlo Park, Pretoria, Gauteng, South Africa. Follow us @ulu_cafe_sa_ for daily updates."
-      buttons={[
-        {
-          text: "Follow on Instagram",
-          href: "https://instagram.com/ulu_cafe_sa_",
-        },
-      ]}
-    />
-  </div>
+        <div id="location" data-section="location">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Visit Us"
+            title="Come find your calm."
+            description="Menlo Park, Pretoria, Gauteng, South Africa. Follow us @ulu_cafe_sa_ for daily updates."
+            buttons={[{ text: "Follow on Instagram", href: "https://instagram.com/ulu_cafe_sa_" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Ulu Café"
-      copyrightText="Made with love in Menlo Park, Pretoria © 2025"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Ulu Café"
+            copyrightText="Made with love in Menlo Park, Pretoria © 2025"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1