From 2264aba7cdf555a7ba4178a5bb53561df48ebffe Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 20:07:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 390 ++++++++++++++---------------------------------
 1 file changed, 117 insertions(+), 273 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8f52c70..e907ce0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,287 +28,131 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <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: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Platō Coffee"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Menu", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Platō Coffee"
+            button={{ text: "Order Online", href: "#products" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
-      title="Artisanal Coffee at Midstream Padel"
-      description="Experience the perfect brew while enjoying the vibrant energy of Midstream Padel. Your daily ritual, elevated."
-      tag="Freshly Roasted"
-      mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8my9i",
-          imageAlt: "Coffee shop ambiance",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q3qkyt",
-          imageAlt: "Barista specialty",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=to6jpx",
-          imageAlt: "Espresso close up",
-        },
-        {
-          imageSrc: "asset://new-hero-4",
-          imageAlt: "Pouring fresh coffee",
-        },
-        {
-          imageSrc: "asset://new-hero-5",
-          imageAlt: "Artisanal shop corner",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "plain" }}
+            title="Artisanal Coffee at Midstream Padel"
+            description="Experience the perfect brew while enjoying the vibrant energy of Midstream Padel. Your daily ritual, elevated."
+            tag="Freshly Roasted"
+            mediaItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8my9i", imageAlt: "artisanal coffee shop interior warm lighting" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q3qkyt", imageAlt: "artisanal coffee shop interior warm lighting" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=to6jpx", imageAlt: "artisanal coffee shop interior warm lighting" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8my9i", imageAlt: "Pouring fresh coffee" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=to6jpx", imageAlt: "Artisanal shop corner" }
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Crafted with Passion"
-      metrics={[
-        {
-          icon: Coffee,
-          label: "Beans Roasted",
-          value: "100%",
-        },
-        {
-          icon: Users,
-          label: "Happy Community",
-          value: "500+",
-        },
-        {
-          icon: Award,
-          label: "Years Experience",
-          value: "5",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Crafted with Passion"
+            metrics={[
+              { icon: Coffee, label: "Beans Roasted", value: "100%" },
+              { icon: Users, label: "Happy Community", value: "500+" },
+              { icon: Award, label: "Years Experience", value: "5" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Mass produced coffee",
-          "Noisy environments",
-          "Generic tastes",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Ethically sourced beans",
-          "Expertly trained baristas",
-          "Community-focused vibe",
-        ],
-      }}
-      title="Why Visit Platō?"
-      description="Experience superior quality coffee in a unique setting."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["Mass produced coffee", "Noisy environments", "Generic tastes"] }}
+            positiveCard={{ items: ["Ethically sourced beans", "Expertly trained baristas", "Community-focused vibe"] }}
+            title="Why Visit Platō?"
+            description="Experience superior quality coffee in a unique setting."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Signature Espresso",
-          price: "$3.50",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4heg9l",
-        },
-        {
-          id: "2",
-          name: "Flat White",
-          price: "$4.00",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ijlsv",
-        },
-        {
-          id: "3",
-          name: "Cold Brew",
-          price: "$4.50",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7gx9nt",
-        },
-        {
-          id: "4",
-          name: "Oat Milk Latte",
-          price: "$5.00",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q5e5v3",
-        },
-        {
-          id: "5",
-          name: "Pour Over",
-          price: "$6.00",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agcyig",
-        },
-        {
-          id: "6",
-          name: "Iced Matcha",
-          price: "$5.50",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b1kti1",
-        },
-      ]}
-      title="Our Signature Brews"
-      description="From classic espressos to creative specialties, discover your new favorite."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Signature Espresso", price: "$3.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4heg9l" },
+              { id: "2", name: "Flat White", price: "$4.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ijlsv" },
+              { id: "3", name: "Cold Brew", price: "$4.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7gx9nt" },
+              { id: "4", name: "Oat Milk Latte", price: "$5.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q5e5v3" },
+              { id: "5", name: "Pour Over", price: "$6.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agcyig" },
+              { id: "6", name: "Iced Matcha", price: "$5.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b1kti1" }
+            ]}
+            title="Our Signature Brews"
+            description="From classic espressos to creative specialties, discover your new favorite."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex R.",
-          role: "Regular",
-          company: "Midstream",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3gs2nl",
-        },
-        {
-          id: "2",
-          name: "Sarah M.",
-          role: "Athlete",
-          company: "Padel Fan",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev72zj",
-        },
-        {
-          id: "3",
-          name: "John D.",
-          role: "Local",
-          company: "Neighbor",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cht3ey",
-        },
-        {
-          id: "4",
-          name: "Emily P.",
-          role: "Visitor",
-          company: "Coffee Enthusiast",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zcy6ra",
-        },
-        {
-          id: "5",
-          name: "Mark S.",
-          role: "Regular",
-          company: "Daily Commuter",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kztv4g",
-        },
-      ]}
-      title="Coffee Lovers Agree"
-      description="See why our customers keep coming back for more."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alex R.", role: "Regular", company: "Midstream", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3gs2nl" },
+              { id: "2", name: "Sarah M.", role: "Athlete", company: "Padel Fan", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev72zj" },
+              { id: "3", name: "John D.", role: "Local", company: "Neighbor", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cht3ey" },
+              { id: "4", name: "Emily P.", role: "Visitor", company: "Coffee Enthusiast", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zcy6ra" },
+              { id: "5", name: "Mark S.", role: "Regular", company: "Daily Commuter", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kztv4g" }
+            ]}
+            title="Coffee Lovers Agree"
+            description="See why our customers keep coming back for more."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you offer food?",
-          content: "Yes, we serve fresh pastries and light snacks.",
-        },
-        {
-          id: "f2",
-          title: "Where are you located?",
-          content: "We are situated inside the Midstream Padel club.",
-        },
-        {
-          id: "f3",
-          title: "Do you have Wi-Fi?",
-          content: "Yes, we have high-speed Wi-Fi available for customers.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you offer food?", content: "Yes, we serve fresh pastries and light snacks." },
+              { id: "f2", title: "Where are you located?", content: "We are situated inside the Midstream Padel club." },
+              { id: "f3", title: "Do you have Wi-Fi?", content: "Yes, we have high-speed Wi-Fi available for customers." },
+            ]}
+            sideTitle="Common Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Newsletter"
-      title="Stay Updated"
-      description="Sign up to receive news about our latest specials and events at Midstream Padel."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Newsletter"
+            title="Stay Updated"
+            description="Sign up to receive news about our latest specials and events at Midstream Padel."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Visit Us",
-              href: "https://maps.app.goo.gl/NHoTUrZtx2WD6mem8",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Platō Coffee"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }] },
+              { items: [{ label: "Visit Us", href: "https://maps.app.goo.gl/NHoTUrZtx2WD6mem8" }, { label: "Contact", href: "#contact" }] },
+            ]}
+            logoText="Platō Coffee"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1