From 79d598a023b63c8e303295ed1154dfa8513ebf45 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 12:06:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 316 ++++++++++++++++-------------------------------
 1 file changed, 107 insertions(+), 209 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f08add0..b6e134b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,221 +25,119 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Coffee Nation"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "Menu", id: "menu" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Coffee Nation"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Coffee Nation"
-      description="The Art of Specialty Roasting"
-      buttons={[
-        {
-          text: "Visit Us",
-          href: "#contact",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=1",
-          imageAlt: "Coffee Roasting Process",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=2",
-          imageAlt: "Artisanal Roaster Detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=3",
-          imageAlt: "Fresh Coffee Beans",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=4",
-          imageAlt: "Roastery Interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=5",
-          imageAlt: "Roasting Mastery",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=6",
-          imageAlt: "Fresh Roast Aroma",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="Coffee Nation"
+            description="The Art of Specialty Roasting"
+            buttons={[{ text: "Visit Us", href: "#contact" }]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Coffee Roasting Process" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Artisanal Roaster Detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Fresh Coffee Beans" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Roastery Interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Roasting Mastery" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Fresh Roast Aroma" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "In-House Roasting",
-          description: "We roast our beans daily in small batches to ensure maximum freshness and flavor.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=7",
-          imageAlt: "professional coffee roaster machine",
-        },
-        {
-          id: 2,
-          title: "Specialty Quality",
-          description: "100% Arabica beans sourced directly from growers, highlighting unique regional flavor profiles.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg?_wi=3",
-          imageAlt: "fresh coffee beans icon minimalist",
-        },
-        {
-          id: 3,
-          title: "Coworking Friendly",
-          description: "High-speed Wi-Fi and a quiet, inspiring atmosphere designed for focus and productivity.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg?_wi=3",
-          imageAlt: "arabica coffee quality icon",
-        },
-      ]}
-      showStepNumbers={true}
-      title="Why Coffee Nation?"
-      description="Crafted for connoisseurs and those who value the perfect brew."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            showStepNumbers={true}
+            title="Why Coffee Nation?"
+            description="Crafted for connoisseurs and those who value the perfect brew."
+            features={[
+              {
+                id: 1,
+                title: "In-House Roasting",                description: "We roast our beans daily in small batches to ensure maximum freshness and flavor.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg" }
+              },
+              {
+                id: 2,
+                title: "Specialty Quality",                description: "100% Arabica beans sourced directly from growers, highlighting unique regional flavor profiles.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg" }
+              },
+              {
+                id: 3,
+                title: "Coworking Friendly",                description: "High-speed Wi-Fi and a quiet, inspiring atmosphere designed for focus and productivity.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg" }
+              },
+            ]}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Espresso Bar",
-          price: "Classic",
-          variant: "Cappuccino, Latte",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-coffee-decor-closeup_169016-23626.jpg",
-        },
-        {
-          id: "p2",
-          name: "Slow Bar",
-          price: "Artisanal",
-          variant: "V60, Pour-over, Batch",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-coffee-shop_23-2148366543.jpg",
-        },
-        {
-          id: "p3",
-          name: "Bakery",
-          price: "Sweet",
-          variant: "Tiramisu, Cheesecake",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-baker-s-hand-holding-sweet-puff-pastry-plate_23-2148189082.jpg",
-        },
-      ]}
-      title="Our Menu"
-      description="Exquisite drinks and fine pastries."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Our Menu"
+            description="Exquisite drinks and fine pastries."
+            products={[
+              { id: "p1", name: "Espresso Bar", price: "Classic", variant: "Cappuccino, Latte", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-coffee-decor-closeup_169016-23626.jpg" },
+              { id: "p2", name: "Slow Bar", price: "Artisanal", variant: "V60, Pour-over, Batch", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-coffee-shop_23-2148366543.jpg" },
+              { id: "p3", name: "Bakery", price: "Sweet", variant: "Tiramisu, Cheesecake", imageSrc: "http://img.b2bpic.net/free-photo/female-baker-s-hand-holding-sweet-puff-pastry-plate_23-2148189082.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="The Art of Roasting"
-      description={[
-        "Every bean tells a story of its origin. At Coffee Nation, we honor that journey by mastering the roasting process to unlock the true potential of every batch.",
-      ]}
-      buttons={[
-        {
-          text: "Learn Our Story",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="The Art of Roasting"
+            description={[
+              "Every bean tells a story of its origin. At Coffee Nation, we honor that journey by mastering the roasting process to unlock the true potential of every batch."]}
+            buttons={[{ text: "Learn Our Story" }]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Afrosiab 14/1"
-      description="Open Mon-Sat 08:00-21:00, Sun 10:00-21:00. Call us: +998 99 222 50 49"
-      buttons={[
-        {
-          text: "Get Directions",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Visit Us"
+            title="Afrosiab 14/1"
+            description="Open Mon-Sat 08:00-21:00, Sun 10:00-21:00. Call us: +998 99 222 50 49"
+            buttons={[{ text: "Get Directions" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Home",
-              href: "#",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Telegram",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Coffee Nation"
-      copyrightText="© 2025 Coffee Nation. Made for Coffee Lovers."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Links",                items: [
+                  { label: "Home", href: "#" },
+                  { label: "Menu", href: "#menu" },
+                ],
+              },
+              {
+                title: "Social",                items: [
+                  { label: "Instagram", href: "#" },
+                  { label: "Telegram", href: "#" },
+                ],
+              },
+            ]}
+            logoText="Coffee Nation"
+            copyrightText="© 2025 Coffee Nation. Made for Coffee Lovers."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );