From 6a8632d57a17c0ba68c89e9b5bb9ce0bc069048d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 07:47:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 560 +++++++++++++----------------------------------
 1 file changed, 147 insertions(+), 413 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4bfb7a2..098efb2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,430 +19,164 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <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="Homarus"
-    />
-  </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="Homarus"
+            button={{ text: "Reserve" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Experience Coastal Excellence"
-      description="At Homarus, we serve the finest, sustainably sourced seafood in an atmosphere of refined elegance. Join us for a culinary journey inspired by the ocean's bounty."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279480.jpg",
-          imageAlt: "Luxurious Interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mussels-cream-sauce-served-with-green-salad_140725-5873.jpg",
-          imageAlt: "Gourmet Platter",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/comfortable-dining-room-with-modern-rustic-elegance-generated-by-ai_188544-21418.jpg",
-          imageAlt: "Dining Area",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/seafood-mussels-salad-with-galetta-white-plate_114579-2359.jpg",
-          imageAlt: "Appetizers",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-bowls-with-tomatoes-clams_23-2148643601.jpg",
-          imageAlt: "Atmosphere",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg",
-          imageAlt: "Signature Dish",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-sliced-pomegranates_140725-84718.jpg",
-          imageAlt: "Signature Dish",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gastronomy-expert-kitchen-preparing-dishes-with-fresh-ingredients_482257-127694.jpg",
-          imageAlt: "Atmosphere",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fish-with-onion_1157-23.jpg",
-          imageAlt: "Appetizers",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg",
-          imageAlt: "Dining Area",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Reserve a Table",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/wedding-table-number-decoration_23-2149433859.jpg",
-          alt: "Guest 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg",
-          alt: "Guest 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg",
-          alt: "Guest 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-table-assortment-with-plant_23-2148914894.jpg",
-          alt: "Guest 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/salmon-steak_74190-1398.jpg",
-          alt: "Guest 5",
-        },
-      ]}
-      avatarText="Loved by over 10,000 diners"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/sandwich-with-salmon-vegetables-plate_140725-839.jpg",
-          alt: "Partner 1",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/seafood-side-dishes-with-platter-shrimp-squids-fish_140725-2576.jpg",
-          alt: "Partner 2",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/grilled-salmon-steak_1203-9216.jpg",
-          alt: "Partner 3",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg",
-          alt: "Partner 4",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/empty-dining-table-restaurant_53876-64723.jpg",
-          alt: "Partner 5",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "plain" }}
+            title="Experience Coastal Excellence"
+            description="At Homarus, we serve the finest, sustainably sourced seafood in an atmosphere of refined elegance. Join us for a culinary journey inspired by the ocean's bounty."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279480.jpg", imageAlt: "Luxurious Interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/mussels-cream-sauce-served-with-green-salad_140725-5873.jpg", imageAlt: "Gourmet Platter" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/comfortable-dining-room-with-modern-rustic-elegance-generated-by-ai_188544-21418.jpg", imageAlt: "Dining Area" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/seafood-mussels-salad-with-galetta-white-plate_114579-2359.jpg", imageAlt: "Appetizers" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-bowls-with-tomatoes-clams_23-2148643601.jpg", imageAlt: "Atmosphere" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg", imageAlt: "Signature Dish" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-sliced-pomegranates_140725-84718.jpg", imageAlt: "Signature Dish" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/gastronomy-expert-kitchen-preparing-dishes-with-fresh-ingredients_482257-127694.jpg", imageAlt: "Atmosphere" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/fish-with-onion_1157-23.jpg", imageAlt: "Appetizers" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg", imageAlt: "Dining Area" }
+            ]}
+            buttons={[{ text: "Reserve a Table", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[
-        {
-          type: "text",
-          content: "The Homarus ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/female-chef-with-apron-tray-fruit_23-2148763165.jpg",
-          alt: "Fresh Catch",
-        },
-        {
-          type: "text",
-          content: " Legacy",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[
+              { type: "text", content: "The Homarus " },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/female-chef-with-apron-tray-fruit_23-2148763165.jpg", alt: "Fresh Catch" },
+              { type: "text", content: " Legacy" }
+            ]}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Wild-Caught Atlantic Lobster",
-          "Sustainable Pan-Seared Scallops",
-          "Hand-Crafted Seasonal Sides",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Signature Lobster Bisque",
-          "Fresh Catch of the Day",
-          "Exclusive Wine Pairing Options",
-        ],
-      }}
-      title="Fresh & Seasonal Menu"
-      description="Our culinary team prepares daily specials based on the freshest local catches."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["Wild-Caught Atlantic Lobster", "Sustainable Pan-Seared Scallops", "Hand-Crafted Seasonal Sides"] }}
+            positiveCard={{ items: ["Signature Lobster Bisque", "Fresh Catch of the Day", "Exclusive Wine Pairing Options"] }}
+            title="Fresh & Seasonal Menu"
+            description="Our culinary team prepares daily specials based on the freshest local catches."
+          />
+        </div>
 
-  <div id="specialties" data-section="specialties">
-      <ProductCardTwo
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          brand: "Signature",
-          name: "Butter Poached Lobster",
-          price: "$65.00",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-boiled-egg-with-ketchup-mustard-inside-plate-pink-wall_140725-46919.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Classic",
-          name: "Seared Scallops",
-          price: "$42.00",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-chef-holding-uncooked-crayfish-isolated_273609-48033.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Seasonal",
-          name: "Catch of the Day",
-          price: "$48.00",
-          rating: 5,
-          reviewCount: "88",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-seafood-meal_23-2151713199.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Chef",
-          name: "Lobster Bisque",
-          price: "$18.00",
-          rating: 5,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-preparing-dish_23-2148763223.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Signature",
-          name: "Truffle Pasta",
-          price: "$38.00",
-          rating: 4,
-          reviewCount: "75",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157781.jpg",
-        },
-      ]}
-      title="Chef's Signature Dishes"
-      description="Explore our chef's curated specialties designed to delight your palate."
-    />
-  </div>
+        <div id="specialties" data-section="specialties">
+          <ProductCardTwo
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", brand: "Signature", name: "Butter Poached Lobster", price: "$65.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boiled-egg-with-ketchup-mustard-inside-plate-pink-wall_140725-46919.jpg" },
+              { id: "p2", brand: "Classic", name: "Seared Scallops", price: "$42.00", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-chef-holding-uncooked-crayfish-isolated_273609-48033.jpg" },
+              { id: "p3", brand: "Seasonal", name: "Catch of the Day", price: "$48.00", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/delicious-seafood-meal_23-2151713199.jpg" }
+            ]}
+            title="Chef's Signature Dishes"
+            description="Explore our chef's curated specialties designed to delight your palate."
+          />
+        </div>
 
-  <div id="dining" data-section="dining">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          title: "Years of Tradition",
-          items: [
-            "Established fine dining",
-            "Family owned excellence",
-          ],
-        },
-        {
-          id: "m2",
-          value: "200+",
-          title: "Daily Guests",
-          items: [
-            "Serving fine seafood",
-            "Satisfied diners daily",
-          ],
-        },
-        {
-          id: "m3",
-          value: "5/5",
-          title: "Guest Rating",
-          items: [
-            "Top-rated atmosphere",
-            "Unmatched service standards",
-          ],
-        },
-      ]}
-      title="The Dining Experience"
-      description="Excellence in every detail, from sourcing to service."
-    />
-  </div>
+        <div id="dining" data-section="dining">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "15+", title: "Years of Tradition", items: ["Established fine dining", "Family owned excellence"] },
+              { id: "m2", value: "200+", title: "Daily Guests", items: ["Serving fine seafood", "Satisfied diners daily"] },
+              { id: "m3", value: "5/5", title: "Guest Rating", items: ["Top-rated atmosphere", "Unmatched service standards"] }
+            ]}
+            title="The Dining Experience"
+            description="Excellence in every detail, from sourcing to service."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "Food Critic",
-          company: "Fine Dining Weekly",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
-        },
-        {
-          id: "2",
-          name: "James Anderson",
-          role: "Patron",
-          company: "Local Regular",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          role: "Patron",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark Stevens",
-          role: "Foodie",
-          company: "Urban Eats",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda Chen",
-          role: "Patron",
-          company: "Local Regular",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "99%",
-          label: "Customer Satisfaction",
-        },
-        {
-          value: "4.9",
-          label: "Google Rating",
-        },
-        {
-          value: "12k",
-          label: "Happy Diners",
-        },
-      ]}
-      title="Voices of Homarus"
-      description="Hear what our guests say about their dining experience."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah Miller", role: "Food Critic", company: "Fine Dining Weekly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg" },
+              { id: "2", name: "James Anderson", role: "Patron", company: "Local Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg" },
+              { id: "3", name: "Elena Rodriguez", role: "Patron", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" }
+            ]}
+            kpiItems={[
+              { value: "99%", label: "Customer Satisfaction" },
+              { value: "4.9", label: "Google Rating" },
+              { value: "12k", label: "Happy Diners" }
+            ]}
+            title="Voices of Homarus"
+            description="Hear what our guests say about their dining experience."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do I need a reservation?",
-          content: "Yes, reservations are highly recommended, especially for weekend dining.",
-        },
-        {
-          id: "f2",
-          title: "Is there a dress code?",
-          content: "We maintain a business casual dress code to ensure a refined dining atmosphere.",
-        },
-        {
-          id: "f3",
-          title: "Do you accommodate allergies?",
-          content: "Our chefs are well-trained to accommodate dietary restrictions and food allergies.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Everything you need to know about your next visit."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do I need a reservation?", content: "Yes, reservations are highly recommended, especially for weekend dining." },
+              { id: "f2", title: "Is there a dress code?", content: "We maintain a business casual dress code to ensure a refined dining atmosphere." },
+              { id: "f3", title: "Do you accommodate allergies?", content: "Our chefs are well-trained to accommodate dietary restrictions and food allergies." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg"
+            mediaAnimation="slide-up"
+            faqsAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Everything you need to know about your next visit."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Book Your Table"
-      description="Ready to experience Homarus? Reserve your table for an unforgettable evening."
-      imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683411.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Visit Us"
+            title="Book Your Table"
+            description="Ready to experience Homarus? Reserve your table for an unforgettable evening."
+            imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683411.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Homarus"
-      columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Homarus"
+            columns={[
+              { title: "Navigate", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1