From 92b110c75805dd6c158ebe348584b9ac41daa3ee Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 09:05:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 537 ++++++++++++++---------------------------------
 1 file changed, 153 insertions(+), 384 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c9449b4..f61057a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,399 +29,168 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Experience",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "product",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Columbus"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Experience", id: "about" },
+              { name: "Menu", id: "product" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Columbus"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Discovery in Every Sip."
-      description="Wageningen’s favorite corner for artisanal coffee, warm croissants, and the art of people-watching."
-      testimonials={[
-        {
-          name: "Lotte C.",
-          handle: "@lottec",
-          testimonial: "My croissant was still warm and very crunchy.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleasant-looking-young-korean-woman-holds-coffee-cup-warms-cold-wet-day-wears-white-hat-with-pompone-casual-turtleneck-has-smile-face-isolated-pink-wall_273609-33491.jpg",
-        },
-        {
-          name: "Verified User",
-          handle: "@wageningen_local",
-          testimonial: "Delicious coffee and a cozy place to work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/illustration-digital-art-style-with-pottery_23-2151813512.jpg",
-        },
-        {
-          name: "Mark D.",
-          handle: "@mark_d",
-          testimonial: "The best espresso in Wageningen, hands down.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-concept-portrait-happy-brunette-woman-bathrobe-drinking-coffee-kitchen-having_1258-193529.jpg",
-        },
-        {
-          name: "Anna S.",
-          handle: "@anna_coffee",
-          testimonial: "Cozy atmosphere and very friendly staff.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-looking-coffee-smiling-standing-yello_1258-137590.jpg",
-        },
-        {
-          name: "Joris V.",
-          handle: "@joris_v",
-          testimonial: "Perfect spot for a morning recharge.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-blond-man-cafe-sits-chair-enjoys-taste-delicious-freshly-brewed_1258-245418.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "View Our Menu",
-          href: "#product",
-        },
-        {
-          text: "Get Directions",
-          href: "https://maps.google.com",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg?_wi=1"
-      imageAlt="barista pouring latte art heart"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/leisure-people-lifestyle-concept-happy-handsome-young-man-cafe-sitting-chair-smiling_1258-245423.jpg",
-          alt: "Customer profile 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-314069.jpg",
-          alt: "Customer profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/french-woman-drinking-coffee-cafe-terrace_1303-25712.jpg",
-          alt: "Customer profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-preparing-tea_23-2148555231.jpg",
-          alt: "Customer profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg",
-          alt: "Customer profile 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Artisanal Coffee",
-        },
-        {
-          type: "text",
-          text: "Fresh Croissants",
-        },
-        {
-          type: "text",
-          text: "Local Roasters",
-        },
-        {
-          type: "text",
-          text: "Cozy Workspace",
-        },
-        {
-          type: "text",
-          text: "Morning Rituals",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            title="Discovery in Every Sip."
+            description="Wageningen’s favorite corner for artisanal coffee, warm croissants, and the art of people-watching."
+            testimonials={[
+              { name: "Lotte C.", handle: "@lottec", testimonial: "My croissant was still warm and very crunchy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleasant-looking-young-korean-woman-holds-coffee-cup-warms-cold-wet-day-wears-white-hat-with-pompone-casual-turtleneck-has-smile-face-isolated-pink-wall_273609-33491.jpg" },
+              { name: "Verified User", handle: "@wageningen_local", testimonial: "Delicious coffee and a cozy place to work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/illustration-digital-art-style-with-pottery_23-2151813512.jpg" },
+              { name: "Mark D.", handle: "@mark_d", testimonial: "The best espresso in Wageningen, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-concept-portrait-happy-brunette-woman-bathrobe-drinking-coffee-kitchen-having_1258-193529.jpg" },
+              { name: "Anna S.", handle: "@anna_coffee", testimonial: "Cozy atmosphere and very friendly staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-looking-coffee-smiling-standing-yello_1258-137590.jpg" },
+              { name: "Joris V.", handle: "@joris_v", testimonial: "Perfect spot for a morning recharge.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-blond-man-cafe-sits-chair-enjoys-taste-delicious-freshly-brewed_1258-245418.jpg" },
+            ]}
+            buttons={[
+              { text: "View Our Menu", href: "#product" },
+              { text: "Get Directions", href: "https://maps.google.com" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg"
+            imageAlt="barista pouring latte art heart"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/leisure-people-lifestyle-concept-happy-handsome-young-man-cafe-sitting-chair-smiling_1258-245423.jpg", alt: "Customer profile 1" },
+              { src: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-314069.jpg", alt: "Customer profile 2" },
+              { src: "http://img.b2bpic.net/free-photo/french-woman-drinking-coffee-cafe-terrace_1303-25712.jpg", alt: "Customer profile 3" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-woman-preparing-tea_23-2148555231.jpg", alt: "Customer profile 4" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg", alt: "Customer profile 5" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Artisanal Coffee" },
+              { type: "text", text: "Fresh Croissants" },
+              { type: "text", text: "Local Roasters" },
+              { type: "text", text: "Cozy Workspace" },
+              { type: "text", text: "Morning Rituals" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="The Columbus Experience"
-      metrics={[
-        {
-          icon: Coffee,
-          label: "Artisanal Roots",
-          value: "Sourced with care, roasted for character.",
-        },
-        {
-          icon: Laptop,
-          label: "Perfect Workspace",
-          value: "A quiet sanctuary for deep focus.",
-        },
-        {
-          icon: Heart,
-          label: "Warmest Welcome",
-          value: "Crafting rituals with a smile.",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="The Columbus Experience"
+            metrics={[
+              { icon: Coffee, label: "Artisanal Roots", value: "Sourced with care, roasted for character." },
+              { icon: Laptop, label: "Perfect Workspace", value: "A quiet sanctuary for deep focus." },
+              { icon: Heart, label: "Warmest Welcome", value: "Crafting rituals with a smile." },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBento
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Coffee Expertise",
-          description: "Hand-crafted blends from around the world.",
-          bentoComponent: "reveal-icon",
-          icon: Coffee,
-          imageSrc: "http://img.b2bpic.net/free-photo/japanese-woman-having-coffee_53876-13547.jpg",
-          imageAlt: "cozy workspace laptop cafe",
-        },
-        {
-          title: "Artisan Pastries",
-          description: "Freshly baked every single morning.",
-          bentoComponent: "reveal-icon",
-          icon: Croissant,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg?_wi=2",
-          imageAlt: "cozy workspace laptop cafe",
-        },
-        {
-          title: "Community Vibe",
-          description: "A place for connections and people-watching.",
-          bentoComponent: "reveal-icon",
-          icon: Users,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-jar_23-2147775882.jpg",
-          imageAlt: "cozy workspace laptop cafe",
-        },
-      ]}
-      title="A Sanctuary in Junusstraat"
-      description="More than just a coffee shop—your neighborhood retreat."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBento
+            textboxLayout="split"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            title="A Sanctuary in Junusstraat"
+            description="More than just a coffee shop—your neighborhood retreat."
+            features={[
+              { title: "Coffee Expertise", description: "Hand-crafted blends from around the world.", bentoComponent: "reveal-icon", icon: Coffee },
+              { title: "Artisan Pastries", description: "Freshly baked every single morning.", bentoComponent: "reveal-icon", icon: Croissant },
+              { title: "Community Vibe", description: "A place for connections and people-watching.", bentoComponent: "reveal-icon", icon: Users },
+            ]}
+          />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Warm & Crunchy Croissant",
-          price: "€2.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/croissant-flat-lay-wooden-kitchen-towel_176474-8123.jpg",
-        },
-        {
-          id: "p2",
-          name: "Signature Roast",
-          price: "€3.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187516.jpg",
-        },
-        {
-          id: "p3",
-          name: "Premium Seasonal Tea",
-          price: "€3.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-kettle-with-tea-lemon-tea-white-background-flavor-color-morning-breakfast-food-fruit-ceremony-flower_140725-158782.jpg",
-        },
-        {
-          id: "p4",
-          name: "Double Espresso",
-          price: "€2.80",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-coffee-steam-rises-from-single-dark-mug-generated-by-ai_188544-30429.jpg",
-        },
-        {
-          id: "p5",
-          name: "Pain au Chocolat",
-          price: "€2.75",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-croissants-ready-be-served_23-2148543678.jpg",
-        },
-        {
-          id: "p6",
-          name: "Loose Leaf Earl Grey",
-          price: "€3.20",
-          imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-herbs_114579-19991.jpg",
-        },
-      ]}
-      title="Daily Discoveries"
-      description="Premium taste at neighborhood prices (€1–10)."
-    />
-  </div>
+        <div id="product" data-section="product">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Warm & Crunchy Croissant", price: "€2.50", imageSrc: "http://img.b2bpic.net/free-photo/croissant-flat-lay-wooden-kitchen-towel_176474-8123.jpg" },
+              { id: "p2", name: "Signature Roast", price: "€3.50", imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187516.jpg" },
+              { id: "p3", name: "Premium Seasonal Tea", price: "€3.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kettle-with-tea-lemon-tea-white-background-flavor-color-morning-breakfast-food-fruit-ceremony-flower_140725-158782.jpg" },
+              { id: "p4", name: "Double Espresso", price: "€2.80", imageSrc: "http://img.b2bpic.net/free-photo/fresh-coffee-steam-rises-from-single-dark-mug-generated-by-ai_188544-30429.jpg" },
+              { id: "p5", name: "Pain au Chocolat", price: "€2.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-croissants-ready-be-served_23-2148543678.jpg" },
+              { id: "p6", name: "Loose Leaf Earl Grey", price: "€3.20", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-herbs_114579-19991.jpg" },
+            ]}
+            title="Daily Discoveries"
+            description="Premium taste at neighborhood prices (€1–10)."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Lotte C.",
-          handle: "@lottec",
-          testimonial: "My croissant was still warm and very crunchy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-together_23-2149359311.jpg",
-        },
-        {
-          id: "t2",
-          name: "Verified User",
-          handle: "@wag_local",
-          testimonial: "Delicious coffee and a cozy place to work.",
-          imageSrc: "http://img.b2bpic.net/free-vector/everyday-things-pattern_1076-108.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          handle: "@em_r",
-          testimonial: "The best spot for afternoon tea.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2149141835.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          handle: "@dk_coff",
-          testimonial: "Staff is always so welcoming.",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-with-beret-beige-trench-coat-stylish-glasses-sitting-city-cafe-terrace-sunny-autumn-day-eating-cheesecake-calling-waiter_197531-24439.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sarah P.",
-          handle: "@sp_live",
-          testimonial: "Perfect for people-watching.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lifestyle-concept-successful-young-man-black-hat-casual-t-shirt-having-coffee-sitting-sidewalk-restaurant_273609-1754.jpg",
-        },
-      ]}
-      title="Loved by Wageningen"
-      description="Don't just take our word for it."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            title="Loved by Wageningen"
+            description="Don't just take our word for it."
+            testimonials={[
+              { id: "t1", name: "Lotte C.", handle: "@lottec", testimonial: "My croissant was still warm and very crunchy.", imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-together_23-2149359311.jpg" },
+              { id: "t2", name: "Verified User", handle: "@wag_local", testimonial: "Delicious coffee and a cozy place to work.", imageSrc: "http://img.b2bpic.net/free-vector/everyday-things-pattern_1076-108.jpg" },
+              { id: "t3", name: "Emily R.", handle: "@em_r", testimonial: "The best spot for afternoon tea.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2149141835.jpg" },
+              { id: "t4", name: "David K.", handle: "@dk_coff", testimonial: "Staff is always so welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-with-beret-beige-trench-coat-stylish-glasses-sitting-city-cafe-terrace-sunny-autumn-day-eating-cheesecake-calling-waiter_197531-24439.jpg" },
+              { id: "t5", name: "Sarah P.", handle: "@sp_live", testimonial: "Perfect for people-watching.", imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lifestyle-concept-successful-young-man-black-hat-casual-t-shirt-having-coffee-sitting-sidewalk-restaurant_273609-1754.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "What are your opening hours?",
-          content: "We are open daily until 6:00 PM.",
-        },
-        {
-          id: "f2",
-          title: "Do you have workspace?",
-          content: "Yes, we are a neighborhood gem perfect for working.",
-        },
-        {
-          id: "f3",
-          title: "Where are you located?",
-          content: "Find us at Junusstraat 27-A, Wageningen.",
-        },
-      ]}
-      title="Common Questions"
-      description="Everything you need to know."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "What are your opening hours?", content: "We are open daily until 6:00 PM." },
+              { id: "f2", title: "Do you have workspace?", content: "Yes, we are a neighborhood gem perfect for working." },
+              { id: "f3", title: "Where are you located?", content: "Find us at Junusstraat 27-A, Wageningen." },
+            ]}
+            title="Common Questions"
+            description="Everything you need to know."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Local Roasters",
-        "Wageningen University",
-        "Dutch Bakeries",
-        "Artisan Imports",
-        "Neighborhood Union",
-        "Community Coffee",
-        "Sustainable Growers",
-      ]}
-      title="Trusted Partners"
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Trusted Partners"
+            description="Our network of quality suppliers."
+            names={["Local Roasters", "Wageningen University", "Dutch Bakeries", "Artisan Imports", "Neighborhood Union", "Community Coffee", "Sustainable Growers"]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Visit Us"
-      description="Find us in the heart of Wageningen."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-autumn-lifestyle_23-2151867726.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Visit Us"
+            description="Find us in the heart of Wageningen."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-autumn-lifestyle_23-2151867726.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Columbus"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Menu",
-              href: "#product",
-            },
-            {
-              label: "Experience",
-              href: "#about",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Junusstraat 27-A",
-              href: "#",
-            },
-            {
-              label: "info@columbus.nl",
-              href: "mailto:info@columbus.nl",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Columbus"
+            columns={[
+              { title: "Navigation", items: [{ label: "Menu", href: "#product" }, { label: "Experience", href: "#about" }, { label: "Reviews", href: "#testimonials" }] },
+              { title: "Contact", items: [{ label: "Junusstraat 27-A", href: "#" }, { label: "info@columbus.nl", href: "mailto:info@columbus.nl" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1