From 79954c55e576cda5a672499044b3998e0c2964e8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 12 May 2026 16:40:46 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 419 ++++++++++++++---------------------------------
 1 file changed, 127 insertions(+), 292 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b9842a1..b2358b1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,307 +29,142 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Menu",
-          id: "#menu",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Artisan Brew"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Artisan Brew"
+            button={{ text: "Order Now", href: "#menu" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Experience Artisanal Perfection"
-      description="Where tradition meets modern brewing. Discover your favorite brew in a cozy 3D-inspired space."
-      buttons={[
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Experience Artisanal Perfection"
+            description="Where tradition meets modern brewing. Discover your favorite brew in a cozy 3D-inspired space."
+            buttons={[{ text: "View Menu", href: "#menu" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Story"
-      title="Crafted with passion"
-      description="We believe in the art of the perfect cup."
-      subdescription="Every bean is hand-selected and roasted to perfection, delivering a uniquely rich and smooth flavor profile."
-      icon={Coffee}
-      imageSrc="http://img.b2bpic.net/free-photo/still-life-coffee-equipment_23-2149371277.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Our Story"
+            title="Crafted with passion"
+            description="We believe in the art of the perfect cup."
+            subdescription="Every bean is hand-selected and roasted to perfection, delivering a uniquely rich and smooth flavor profile."
+            icon={Coffee}
+            imageSrc="http://img.b2bpic.net/free-photo/still-life-coffee-equipment_23-2149371277.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Classic Espresso",
-          price: "$3.50",
-          variant: "Rich & Bold",
-          imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4891.jpg",
-        },
-        {
-          id: "p2",
-          name: "Velvet Latte",
-          price: "$4.50",
-          variant: "Smooth",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-different-types-bread_23-2149233692.jpg",
-        },
-        {
-          id: "p3",
-          name: "Golden Croissant",
-          price: "$4.00",
-          variant: "Buttery",
-          imageSrc: "http://img.b2bpic.net/free-photo/croissant-wooden-cutting-board-flat-lay_176474-8140.jpg",
-        },
-        {
-          id: "p4",
-          name: "Iced Matcha",
-          price: "$5.00",
-          variant: "Refreshing",
-          imageSrc: "http://img.b2bpic.net/free-photo/knife-rope-near-candied-fruits-bread_23-2147851916.jpg",
-        },
-        {
-          id: "p5",
-          name: "Mocha Bliss",
-          price: "$4.75",
-          variant: "Decadent",
-          imageSrc: "http://img.b2bpic.net/free-photo/croissants-grey-table_176420-294.jpg",
-        },
-        {
-          id: "p6",
-          name: "Artisan Tea",
-          price: "$3.75",
-          variant: "Fragrant",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-croissants-arrangement_23-2148654026.jpg",
-        },
-      ]}
-      title="Handcrafted Favorites"
-      description="Explore our curated selection of fine coffee and pastry items."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Classic Espresso", price: "$3.50", variant: "Rich & Bold", imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4891.jpg" },
+              { id: "p2", name: "Velvet Latte", price: "$4.50", variant: "Smooth", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-different-types-bread_23-2149233692.jpg" },
+              { id: "p3", name: "Golden Croissant", price: "$4.00", variant: "Buttery", imageSrc: "http://img.b2bpic.net/free-photo/croissant-wooden-cutting-board-flat-lay_176474-8140.jpg" },
+              { id: "p4", name: "Iced Matcha", price: "$5.00", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/knife-rope-near-candied-fruits-bread_23-2147851916.jpg" },
+              { id: "p5", name: "Mocha Bliss", price: "$4.75", variant: "Decadent", imageSrc: "http://img.b2bpic.net/free-photo/croissants-grey-table_176420-294.jpg" },
+              { id: "p6", name: "Artisan Tea", price: "$3.75", variant: "Fragrant", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-croissants-arrangement_23-2148654026.jpg" },
+            ]}
+            title="Handcrafted Favorites"
+            description="Explore our curated selection of fine coffee and pastry items."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSix
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Precision Roasting",
-          description: "Small batches for maximum flavor.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-3d-roasted-coffee-beans_23-2151083807.jpg",
-        },
-        {
-          title: "Direct Trade",
-          description: "Supporting ethical coffee farmers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-filling-portafilter-with-coffee_23-2147830576.jpg",
-        },
-        {
-          title: "Cozy Atmosphere",
-          description: "Perfect space for relaxing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3412.jpg",
-        },
-      ]}
-      title="Why Choose Us?"
-      description="Quality in every single detail."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSix
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Precision Roasting", description: "Small batches for maximum flavor.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-3d-roasted-coffee-beans_23-2151083807.jpg" },
+              { title: "Direct Trade", description: "Supporting ethical coffee farmers.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-filling-portafilter-with-coffee_23-2147830576.jpg" },
+              { title: "Cozy Atmosphere", description: "Perfect space for relaxing.", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3412.jpg" },
+            ]}
+            title="Why Choose Us?"
+            description="Quality in every single detail."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          date: "Oct 2023",
-          title: "Best latte in town",
-          quote: "Amazing vibes and perfect brew.",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-teenager_23-2149153360.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark D.",
-          date: "Sep 2023",
-          title: "Great roasting!",
-          quote: "The depth of flavor here is unmatched.",
-          tag: "Coffee Fan",
-          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-women-laughing-while-having-coffee_23-2148850659.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          date: "Aug 2023",
-          title: "Love the croissants",
-          quote: "Everything tastes fresh and authentic.",
-          tag: "Foodie",
-          avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/love-care-concept-lovely-couple-have-fun-together-caring-woman-feeds-husband-with-croissant_273609-8901.jpg",
-        },
-        {
-          id: "t4",
-          name: "David W.",
-          date: "Jul 2023",
-          title: "Perfect mornings",
-          quote: "My favorite spot to get work done.",
-          tag: "Remote",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-optimistic-laughing-girl-with-blond-short-hair-smiling-joyfully-as-show-disco-peac_1258-116792.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg",
-        },
-        {
-          id: "t5",
-          name: "Linda M.",
-          date: "Jun 2023",
-          title: "Unique flavors",
-          quote: "Always a delightful surprise.",
-          tag: "Explorer",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cool-young-black-man-with-curly-hair-has-cheerful-expression_273609-8605.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-eyed-curly-girl-with-red-lipstick-dressed-eco-white-fur-coat-smiling-holding-glass-coffee-pink-space_197531-15264.jpg",
-        },
-      ]}
-      title="Loved by locals"
-      description="Read what our amazing community says."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Sarah J.", date: "Oct 2023", title: "Best latte in town", quote: "Amazing vibes and perfect brew.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-teenager_23-2149153360.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg" },
+              { id: "t2", name: "Mark D.", date: "Sep 2023", title: "Great roasting!", quote: "The depth of flavor here is unmatched.", tag: "Coffee Fan", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-women-laughing-while-having-coffee_23-2148850659.jpg" },
+              { id: "t3", name: "Emily R.", date: "Aug 2023", title: "Love the croissants", quote: "Everything tastes fresh and authentic.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg", imageSrc: "http://img.b2bpic.net/free-photo/love-care-concept-lovely-couple-have-fun-together-caring-woman-feeds-husband-with-croissant_273609-8901.jpg" },
+              { id: "t4", name: "David W.", date: "Jul 2023", title: "Perfect mornings", quote: "My favorite spot to get work done.", tag: "Remote", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-optimistic-laughing-girl-with-blond-short-hair-smiling-joyfully-as-show-disco-peac_1258-116792.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg" },
+              { id: "t5", name: "Linda M.", date: "Jun 2023", title: "Unique flavors", quote: "Always a delightful surprise.", tag: "Explorer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cool-young-black-man-with-curly-hair-has-cheerful-expression_273609-8605.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blue-eyed-curly-girl-with-red-lipstick-dressed-eco-white-fur-coat-smiling-holding-glass-coffee-pink-space_197531-15264.jpg" },
+            ]}
+            title="Loved by locals"
+            description="Read what our amazing community says."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "m1",
-          name: "James",
-          role: "Head Barista",
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-female-barista-work-making-coffee_93675-134689.jpg",
-        },
-        {
-          id: "m2",
-          name: "Elena",
-          role: "Lead Roaster",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-together_23-2148366596.jpg",
-        },
-        {
-          id: "m3",
-          name: "Marcus",
-          role: "Cafe Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-stirs-sugar-cup-coffee_8353-1388.jpg",
-        },
-        {
-          id: "m4",
-          name: "Sonia",
-          role: "Pastry Expert",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg",
-        },
-      ]}
-      title="Meet the Team"
-      description="The friendly faces behind your morning cup."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            members={[
+              { id: "m1", name: "James", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-female-barista-work-making-coffee_93675-134689.jpg" },
+              { id: "m2", name: "Elena", role: "Lead Roaster", imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-together_23-2148366596.jpg" },
+              { id: "m3", name: "Marcus", role: "Cafe Manager", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-stirs-sugar-cup-coffee_8353-1388.jpg" },
+              { id: "m4", name: "Sonia", role: "Pastry Expert", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg" },
+            ]}
+            title="Meet the Team"
+            description="The friendly faces behind your morning cup."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you offer Wi-Fi?",
-          content: "Yes, we provide high-speed internet.",
-        },
-        {
-          id: "q2",
-          title: "Are there vegan options?",
-          content: "We offer almond and oat milk, plus vegan pastries.",
-        },
-        {
-          id: "q3",
-          title: "Can I reserve seating?",
-          content: "Seating is first-come-first-served.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      sideDescription="Need help or have questions?"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Do you offer Wi-Fi?", content: "Yes, we provide high-speed internet." },
+              { id: "q2", title: "Are there vegan options?", content: "We offer almond and oat milk, plus vegan pastries." },
+              { id: "q3", title: "Can I reserve seating?", content: "Seating is first-come-first-served." },
+            ]}
+            sideTitle="Common Questions"
+            sideDescription="Need help or have questions?"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Join Us"
-      title="Stay Connected"
-      description="Join our newsletter for special event invites."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Join Us"
+            title="Stay Connected"
+            description="Join our newsletter for special event invites."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Artisan Brew"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Artisan Brew"
+            columns={[
+              { title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1