From e6a5bd7b143fb6667628f51a9d4362c20f688b4d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 30 Apr 2026 10:47:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 464 ++++++++++++++---------------------------------
 1 file changed, 140 insertions(+), 324 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d6d05f4..69fd8f3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,340 +16,156 @@ import { Award, Star, Users } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
-        contentWidth="mediumSmall"
-        sizing="largeSmallSizeMediumTitles"
-        background="blurBottom"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeMediumTitles"
+      background="blurBottom"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Les Baux de Paris"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Menu", id: "menu" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Les Baux de Paris"
+            button={{ text: "Reserve", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Les Baux de Paris"
-      description="Cocktails & creative French tapas variations at a buzzy, hip bar with stone walls & sidewalk tables."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-women-with-tablet_23-2148868412.jpg",
-          alt: "Diner 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cute-pinup-girl-kitchen_23-2148867261.jpg",
-          alt: "Diner 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
-          alt: "Diner 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg",
-          alt: "Diner 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-357.jpg",
-          alt: "Diner 5",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Reserve a table",
-          href: "https://thefork.fr",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Rue Mouffetard",
-        },
-        {
-          type: "text",
-          text: "Creative Tapas",
-        },
-        {
-          type: "text",
-          text: "Artisan Cocktails",
-        },
-        {
-          type: "text",
-          text: "Authentic Bistro",
-        },
-        {
-          type: "text",
-          text: "Open Nightly",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "radial-gradient" }}
+            title="Les Baux de Paris"
+            description="Cocktails & creative French tapas variations at a buzzy, hip bar with stone walls & sidewalk tables."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-women-with-tablet_23-2148868412.jpg", alt: "Diner 1" },
+              { src: "http://img.b2bpic.net/free-photo/cute-pinup-girl-kitchen_23-2148867261.jpg", alt: "Diner 2" },
+              { src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg", alt: "Diner 3" },
+              { src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg", alt: "Diner 4" },
+              { src: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-357.jpg", alt: "Diner 5" }
+            ]}
+            buttons={[{ text: "Reserve a table", href: "https://thefork.fr" }]}
+            marqueeItems={[
+              { type: "text", text: "Rue Mouffetard" },
+              { type: "text", text: "Creative Tapas" },
+              { type: "text", text: "Artisan Cocktails" },
+              { type: "text", text: "Authentic Bistro" },
+              { type: "text", text: "Open Nightly" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="A Taste of Paris on Rue Mouffetard"
-      description={[
-        "Located in the heart of the 5th arrondissement, Les Baux de Paris offers a unique blend of creative French tapas and curated wine selections.",
-        "Experience our buzzy, hip atmosphere featuring stone walls and charming sidewalk tables perfect for any occasion.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="A Taste of Paris on Rue Mouffetard"
+            description={[
+              "Located in the heart of the 5th arrondissement, Les Baux de Paris offers a unique blend of creative French tapas and curated wine selections.",              "Experience our buzzy, hip atmosphere featuring stone walls and charming sidewalk tables perfect for any occasion."
+            ]}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <FeatureCardTwentyEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Escargot",
-          subtitle: "Popular dish",
-          category: "Classic",
-          value: "Essential",
-        },
-        {
-          id: "f2",
-          title: "Wine Pairing",
-          subtitle: "Curated selection",
-          category: "Drink",
-          value: "Refined",
-        },
-        {
-          id: "f3",
-          title: "Crème Brûlée",
-          subtitle: "Patron favorite",
-          category: "Dessert",
-          value: "Sweet",
-        },
-      ]}
-      title="Menu Highlights"
-      description="Discover our signature dishes loved by our patrons."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", title: "Escargot", subtitle: "Popular dish", category: "Classic", value: "Essential" },
+              { id: "f2", title: "Wine Pairing", subtitle: "Curated selection", category: "Drink", value: "Refined" },
+              { id: "f3", title: "Crème Brûlée", subtitle: "Patron favorite", category: "Dessert", value: "Sweet" }
+            ]}
+            title="Menu Highlights"
+            description="Discover our signature dishes loved by our patrons."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="opacity"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Bistro",
-          name: "Pièce de Boeuf",
-          price: "€25",
-          rating: 5,
-          reviewCount: "1.9K",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-sausage-close-up-detail_23-2149098896.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Bistro",
-          name: "Poulpe Grillé",
-          price: "€22",
-          rating: 5,
-          reviewCount: "1.9K",
-          imageSrc: "http://img.b2bpic.net/free-photo/octopus-served-with-lemon-berries_140725-1824.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Bistro",
-          name: "Sole Meuniere",
-          price: "€28",
-          rating: 5,
-          reviewCount: "1.9K",
-          imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-shrimps-grated-cheese-greens-cherry-tomato-top_140725-7995.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Bistro",
-          name: "Aubergine Farcie",
-          price: "€20",
-          rating: 5,
-          reviewCount: "1.9K",
-          imageSrc: "http://img.b2bpic.net/free-photo/imam-bayildi-traditional-turkish-food_181624-12931.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Bistro",
-          name: "Filet Bouef",
-          price: "€26",
-          rating: 5,
-          reviewCount: "1.9K",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-brown-bowl-food-bowl-potatoes-mushrooms-fork-different-colorful-spices_140725-117349.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Bar",
-          name: "Expresso Martini",
-          price: "€12",
-          rating: 5,
-          reviewCount: "1.9K",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-sitting-cafe-with-smoothie-jar_23-2148161559.jpg",
-        },
-      ]}
-      title="Signature Tapas & Drinks"
-      description="From fresh seafood to classic main courses, explore our menu."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="opacity"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Bistro", name: "Pièce de Boeuf", price: "€25", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-sausage-close-up-detail_23-2149098896.jpg" },
+              { id: "p2", brand: "Bistro", name: "Poulpe Grillé", price: "€22", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/octopus-served-with-lemon-berries_140725-1824.jpg" },
+              { id: "p3", brand: "Bistro", name: "Sole Meuniere", price: "€28", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-shrimps-grated-cheese-greens-cherry-tomato-top_140725-7995.jpg" },
+              { id: "p4", brand: "Bistro", name: "Aubergine Farcie", price: "€20", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/imam-bayildi-traditional-turkish-food_181624-12931.jpg" },
+              { id: "p5", brand: "Bistro", name: "Filet Bouef", price: "€26", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-brown-bowl-food-bowl-potatoes-mushrooms-fork-different-colorful-spices_140725-117349.jpg" },
+              { id: "p6", brand: "Bar", name: "Expresso Martini", price: "€12", rating: 5, reviewCount: "1.9K", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-sitting-cafe-with-smoothie-jar_23-2148161559.jpg" }
+            ]}
+            title="Signature Tapas & Drinks"
+            description="From fresh seafood to classic main courses, explore our menu."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "4.7",
-          title: "Average Rating",
-          description: "Based on 1,890 reviews",
-          icon: Star,
-        },
-        {
-          id: "m2",
-          value: "1.9K",
-          title: "Happy Diners",
-          description: "Local and international",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Culinary Passion",
-          description: "Always refining our craft",
-          icon: Award,
-        },
-      ]}
-      title="Our Gastronomy in Numbers"
-      description="Consistently rated for excellence."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            metrics={[
+              { id: "m1", value: "4.7", title: "Average Rating", description: "Based on 1,890 reviews", icon: Star },
+              { id: "m2", value: "1.9K", title: "Happy Diners", description: "Local and international", icon: Users },
+              { id: "m3", value: "24/7", title: "Culinary Passion", description: "Always refining our craft", icon: Award }
+            ]}
+            title="Our Gastronomy in Numbers"
+            description="Consistently rated for excellence."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="An incredible experience at Les Baux de Paris. The tapas were innovative and the atmosphere is unmatched in the 5th arrondissement."
-      rating={5}
-      author="Marie L."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-explaining_23-2148868414.jpg",
-          alt: "Marie L",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
-          alt: "Jean P",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
-          alt: "Sophie D",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-table_23-2149213371.jpg",
-          alt: "Marc R",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
-          alt: "Luc C",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="An incredible experience at Les Baux de Paris. The tapas were innovative and the atmosphere is unmatched in the 5th arrondissement."
+            rating={5}
+            author="Marie L."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-explaining_23-2148868414.jpg", alt: "Marie L" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Jean P" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg", alt: "Sophie D" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-table_23-2149213371.jpg", alt: "Marc R" },
+              { src: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg", alt: "Luc C" }
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Reserve Your Table"
-      description="Book a table for a memorable culinary experience."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-        {
-          name: "date",
-          type: "date",
-          placeholder: "Date",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891029.jpg"
-      mediaPosition="right"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Reserve Your Table"
+            description="Book a table for a memorable culinary experience."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+              { name: "date", type: "date", placeholder: "Date", required: true }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891029.jpg"
+            mediaPosition="right"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Reservations",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Les Baux de Paris"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Les Baux de Paris"
+            columns={[
+              { items: [{ label: "Menu", href: "#menu" }, { label: "Reservations", href: "#contact" }] },
+              { items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1