From 25e2955c5ec442dd792070f967c28d766015b6e2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 16 May 2026 22:25:14 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5d28d0f..bc532e8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,247 +28,131 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <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="Arômes & Saveurs"
-    />
-  </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="Arômes & Saveurs"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Arômes & Saveurs"
-      description="Your relaxing urban oasis. Experience artisanal coffee, gourmet breakfasts, and the perfect ambiance for your workday."
-      buttons={[
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg",
-          imageAlt: "Cafe atmosphere",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/croissant-coffee-dark-background_84443-94438.jpg",
-          imageAlt: "Gourmet Breakfast",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-pastry-with-meat-delicious-dough-meal-inside-plate-blue-rustic-desk_140725-40872.jpg",
-          imageAlt: "Traditional Pastilla",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barista-pouring-latte-foam-coffee-caf_23-2148209229.jpg",
-          imageAlt: "Specialty Coffee",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg",
-          imageAlt: "Relaxing interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-croissant-plate-covered-chocolate-cafe_181624-57999.jpg",
-          imageAlt: "Artisan pastries",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Arômes & Saveurs"
+            description="Your relaxing urban oasis. Experience artisanal coffee, gourmet breakfasts, and the perfect ambiance for your workday."
+            buttons={[{ text: "View Menu", href: "#menu" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg", imageAlt: "Cafe atmosphere" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/croissant-coffee-dark-background_84443-94438.jpg", imageAlt: "Gourmet Breakfast" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/front-view-pastry-with-meat-delicious-dough-meal-inside-plate-blue-rustic-desk_140725-40872.jpg", imageAlt: "Traditional Pastilla" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/professional-barista-pouring-latte-foam-coffee-caf_23-2148209229.jpg", imageAlt: "Specialty Coffee" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg", imageAlt: "Relaxing interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-croissant-plate-covered-chocolate-cafe_181624-57999.jpg", imageAlt: "Artisan pastries" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="About Us"
-      title="Relaxing setting, delicious drinks"
-      description="We offer a lovely setting for those seeking a relaxing space to work or unwind. Our chill music and high-quality beverages make every visit special."
-      subdescription="Whether you are here for a business meeting or a quiet morning session, Arômes & Saveurs is your home away from home."
-      icon={Coffee}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-casual-young-asian-man-wear-leather-jacket-spending-time-cafe-speaking-mobile-phone_627829-1263.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="About Us"
+            title="Relaxing setting, delicious drinks"
+            description="We offer a lovely setting for those seeking a relaxing space to work or unwind. Our chill music and high-quality beverages make every visit special."
+            subdescription="Whether you are here for a business meeting or a quiet morning session, Arômes & Saveurs is your home away from home."
+            icon={Coffee}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-casual-young-asian-man-wear-leather-jacket-spending-time-cafe-speaking-mobile-phone_627829-1263.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="one-large-left-three-stacked-right"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Petit Déjeuner Américain",
-          price: "MAD 45",
-          imageSrc: "http://img.b2bpic.net/free-photo/croissants-coffee-old-wood-table_1150-12248.jpg",
-        },
-        {
-          id: "p2",
-          name: "Pastilla Au Poulet",
-          price: "MAD 50",
-          imageSrc: "http://img.b2bpic.net/free-photo/creamy-mushroom-pasta-dish-with-steam-dark-background_84443-94464.jpg",
-        },
-        {
-          id: "p3",
-          name: "Signature Latte",
-          price: "MAD 25",
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-freshly-squeezed-juice-fruits-wooden-cutting-board_169016-49151.jpg",
-        },
-        {
-          id: "p4",
-          name: "Fresh Orange Juice",
-          price: "MAD 20",
-          imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3417.jpg",
-        },
-        {
-          id: "p5",
-          name: "Espresso Macchiato",
-          price: "MAD 18",
-          imageSrc: "http://img.b2bpic.net/free-photo/meal-different-food-table-dinner-lunch_132075-14557.jpg",
-        },
-        {
-          id: "p6",
-          name: "Gourmet Croissant",
-          price: "MAD 15",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-homemade-cookies-with-cup-tea-candies-wooden-table_176474-2582.jpg",
-        },
-      ]}
-      title="Our Menu"
-      description="Discover our signature dishes and refreshments."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="one-large-left-three-stacked-right"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Petit Déjeuner Américain", price: "MAD 45", imageSrc: "http://img.b2bpic.net/free-photo/croissants-coffee-old-wood-table_1150-12248.jpg" },
+              { id: "p2", name: "Pastilla Au Poulet", price: "MAD 50", imageSrc: "http://img.b2bpic.net/free-photo/creamy-mushroom-pasta-dish-with-steam-dark-background_84443-94464.jpg" },
+              { id: "p3", name: "Signature Latte", price: "MAD 25", imageSrc: "http://img.b2bpic.net/free-photo/glass-freshly-squeezed-juice-fruits-wooden-cutting-board_169016-49151.jpg" },
+              { id: "p4", name: "Fresh Orange Juice", price: "MAD 20", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3417.jpg" },
+              { id: "p5", name: "Espresso Macchiato", price: "MAD 18", imageSrc: "http://img.b2bpic.net/free-photo/meal-different-food-table-dinner-lunch_132075-14557.jpg" },
+              { id: "p6", name: "Gourmet Croissant", price: "MAD 15", imageSrc: "http://img.b2bpic.net/free-photo/close-up-homemade-cookies-with-cup-tea-candies-wooden-table_176474-2582.jpg" },
+            ]}
+            title="Our Menu"
+            description="Discover our signature dishes and refreshments."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Our Impact"
-      tag="Trusted By Many"
-      metrics={[
-        {
-          id: "m1",
-          value: "160+",
-          description: "Happy Customers",
-        },
-        {
-          id: "m2",
-          value: "4.2",
-          description: "Avg Rating",
-        },
-        {
-          id: "m3",
-          value: "50+",
-          description: "Menu Varieties",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={true}
+            title="Our Impact"
+            tag="Trusted By Many"
+            metrics={[
+              { id: "m1", value: "160+", description: "Happy Customers" },
+              { id: "m2", value: "4.2", description: "Avg Rating" },
+              { id: "m3", value: "50+", description: "Menu Varieties" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="The music choice is sooo chill and relaxing, would recommend as a working space, also the coffee and the drinks are very yummy!"
-      rating={5}
-      author="Regular Visitor"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-waiter-holding-digital-tablet-while-taking-order-from-couple-bar_637285-2427.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6820.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5061.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="The music choice is sooo chill and relaxing, would recommend as a working space, also the coffee and the drinks are very yummy!"
+            rating={5}
+            author="Regular Visitor"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg", alt: "Customer 1" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-waiter-holding-digital-tablet-while-taking-order-from-couple-bar_637285-2427.jpg", alt: "Customer 2" },
+              { src: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg", alt: "Customer 3" },
+              { src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6820.jpg", alt: "Customer 4" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5061.jpg", alt: "Customer 5" },
+            ]}
+            ratingAnimation="blur-reveal"
+            avatarsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Cafe La Storia",
-        "Oasis Cafe",
-        "Campus Coffee",
-        "La Crème",
-        "Sprig of Coffee",
-        "Gourmet Life",
-        "Urban Eats",
-      ]}
-      title="As Seen In"
-      description="We are proud to be featured by these local favorites and community hubs."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["Cafe La Storia", "Oasis Cafe", "Campus Coffee", "La Crème", "Sprig of Coffee", "Gourmet Life", "Urban Eats"]}
+            title="As Seen In"
+            description="We are proud to be featured by these local favorites and community hubs."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Visit Us"
-      title="Experience Arômes & Saveurs"
-      description="Join us today for an unforgettable coffee experience."
-      buttons={[
-        {
-          text: "Book a Table",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Visit Us"
+            title="Experience Arômes & Saveurs"
+            description="Join us today for an unforgettable coffee experience."
+            buttons={[{ text: "Book a Table", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Arômes & Saveurs"
-      copyrightText="© 2025 Arômes & Saveurs. All rights reserved."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Arômes & Saveurs"
+            copyrightText="© 2025 Arômes & Saveurs. All rights reserved."
+            socialLinks={[
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );