From 8e714887a68d5fdc0ec90fc28314d38e33f738e5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 27 Apr 2026 04:50:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 449 +++++++++++++++--------------------------------
 1 file changed, 139 insertions(+), 310 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6b0a1cc..53302f6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,325 +29,154 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Experience",
-          id: "experience",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Lobster Seafood Grills"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Experience", id: "experience" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Lobster Seafood Grills"
+            button={{ text: "Book Table", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Fresh from the Ocean. Perfected on the Grill."
-      description="Experience the sensory journey of Dibba's finest seafood, transformed from the depths of the ocean to the intensity of our open flames."
-      buttons={[
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-        {
-          text: "Reserve Table",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/view-arrangement-with-shells-lemons_23-2148308066.jpg"
-      imageAlt="Fresh seafood grilled to perfection"
-      showBlur={true}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-meat-slice-with-greens-grey-background_140725-140348.jpg",
-          alt: "Fresh seafood customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-fresh-fish-slices-with-lemon-slices-dark-table_140725-142149.jpg",
-          alt: "Happy diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-chef-with-gloves-cutting-raw-fish-pepper-grinder-pomegranate-seeds-bowl-table_179666-46864.jpg",
-          alt: "Seafood enthusiast",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-onion-rings-lemon-dark-meal-meat-seafood-snack-color-photo-free-place_140725-92955.jpg",
-          alt: "Coastal visitor",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/delicious-lobster-gourmet-seafood_23-2151713043.jpg",
-          alt: "Gourmet food lover",
-        },
-      ]}
-      avatarText="Join 10k+ satisfied seafood lovers"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Fresh from the Ocean. Perfected on the Grill."
+            description="Experience the sensory journey of Dibba's finest seafood, transformed from the depths of the ocean to the intensity of our open flames."
+            buttons={[{ text: "View Menu", href: "#menu" }, { text: "Reserve Table", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/view-arrangement-with-shells-lemons_23-2148308066.jpg"
+            imageAlt="Fresh seafood grilled to perfection"
+            showBlur={true}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/top-view-meat-slice-with-greens-grey-background_140725-140348.jpg", alt: "Fresh seafood customer" },
+              { src: "http://img.b2bpic.net/free-photo/top-view-fresh-fish-slices-with-lemon-slices-dark-table_140725-142149.jpg", alt: "Happy diner" },
+              { src: "http://img.b2bpic.net/free-photo/top-view-chef-with-gloves-cutting-raw-fish-pepper-grinder-pomegranate-seeds-bowl-table_179666-46864.jpg", alt: "Seafood enthusiast" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-onion-rings-lemon-dark-meal-meat-seafood-snack-color-photo-free-place_140725-92955.jpg", alt: "Coastal visitor" },
+              { src: "http://img.b2bpic.net/free-photo/delicious-lobster-gourmet-seafood_23-2151713043.jpg", alt: "Gourmet food lover" },
+            ]}
+            avatarText="Join 10k+ satisfied seafood lovers"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Ocean Authenticity in Dibba"
-      description="Born in the coastal beauty of Dibba Al-Fujairah, we bring you fresh, locally sourced seafood prepared with traditional passion and modern culinary flair."
-      metrics={[
-        {
-          value: "4.8★",
-          title: "Customer Rating",
-        },
-        {
-          value: "100%",
-          title: "Freshness",
-        },
-        {
-          value: "20+",
-          title: "Years Experience",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-shrimp-plate-with-ice-cubes_23-2148643588.jpg"
-      imageAlt="Lobster and seafood freshness"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="Ocean Authenticity in Dibba"
+            description="Born in the coastal beauty of Dibba Al-Fujairah, we bring you fresh, locally sourced seafood prepared with traditional passion and modern culinary flair."
+            metrics={[
+              { value: "4.8★", title: "Customer Rating" },
+              { value: "100%", title: "Freshness" },
+              { value: "20+", title: "Years Experience" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-shrimp-plate-with-ice-cubes_23-2148643588.jpg"
+            imageAlt="Lobster and seafood freshness"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Seafood Soup",
-          price: "AED 45",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-pasta-carbonara-with-mushrooms-blue-wooden-bench_181624-44294.jpg",
-        },
-        {
-          id: "p2",
-          name: "Fried Squid",
-          price: "AED 55",
-          imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-with-shrimps-mussels-lobsters-served-with-lemon-glass-beer_140725-8799.jpg",
-        },
-        {
-          id: "p3",
-          name: "Sea Bream Grill",
-          price: "AED 85",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-azerbaijani-pilaf-with-roasted-chicken-lyavangi-roasted-dried-fruits_140725-10216.jpg",
-        },
-        {
-          id: "p4",
-          name: "Pomegranate Salad",
-          price: "AED 35",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fish-with-lemons-greens-brown-desk_140725-91012.jpg",
-        },
-        {
-          id: "p5",
-          name: "Signature Mandi",
-          price: "AED 95",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-crispy-golden-fried-calamari-rings-with-tomato-sauce-lime-wedge-black-plate_9975-124489.jpg",
-        },
-        {
-          id: "p6",
-          name: "Grilled Lobster",
-          price: "AED 180",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chef-with-black-gloves-holding-raw-fish-wood-board-pepper-grinder-pomegranate-seeds-bowl-table-free-space_179666-46863.jpg",
-        },
-      ]}
-      title="Signature Seafood Selections"
-      description="Explore our curated selection of Dibba's finest catches, flame-grilled to elevate their natural, oceanic essence."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Seafood Soup", price: "AED 45", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-pasta-carbonara-with-mushrooms-blue-wooden-bench_181624-44294.jpg" },
+              { id: "p2", name: "Fried Squid", price: "AED 55", imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-with-shrimps-mussels-lobsters-served-with-lemon-glass-beer_140725-8799.jpg" },
+              { id: "p3", name: "Sea Bream Grill", price: "AED 85", imageSrc: "http://img.b2bpic.net/free-photo/side-view-azerbaijani-pilaf-with-roasted-chicken-lyavangi-roasted-dried-fruits_140725-10216.jpg" },
+              { id: "p4", name: "Pomegranate Salad", price: "AED 35", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fish-with-lemons-greens-brown-desk_140725-91012.jpg" },
+              { id: "p5", name: "Signature Mandi", price: "AED 95", imageSrc: "http://img.b2bpic.net/free-photo/closeup-crispy-golden-fried-calamari-rings-with-tomato-sauce-lime-wedge-black-plate_9975-124489.jpg" },
+              { id: "p6", name: "Grilled Lobster", price: "AED 180", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chef-with-black-gloves-holding-raw-fish-wood-board-pepper-grinder-pomegranate-seeds-bowl-table-free-space_179666-46863.jpg" },
+            ]}
+            title="Signature Seafood Selections"
+            description="Explore our curated selection of Dibba's finest catches, flame-grilled to elevate their natural, oceanic essence."
+          />
+        </div>
 
-  <div id="experience" data-section="experience">
-      <FeatureBorderGlow
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: Waves,
-          title: "Coastal Dining",
-          description: "Atmosphere inspired by Dibba's serene waters.",
-        },
-        {
-          icon: Flame,
-          title: "Open Flame Grill",
-          description: "Authentic smoky flavor in every bite.",
-        },
-        {
-          icon: Award,
-          title: "Freshness Guaranteed",
-          description: "Caught daily, served instantly.",
-        },
-      ]}
-      title="The Lobster Experience"
-      description="More than just a meal, it's a sensory immersion from the moment you step through our doors."
-    />
-  </div>
+        <div id="experience" data-section="experience">
+          <FeatureBorderGlow
+            textboxLayout="split"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            features={[
+              { icon: Waves, title: "Coastal Dining", description: "Atmosphere inspired by Dibba's serene waters." },
+              { icon: Flame, title: "Open Flame Grill", description: "Authentic smoky flavor in every bite." },
+              { icon: Award, title: "Freshness Guaranteed", description: "Caught daily, served instantly." },
+            ]}
+            title="The Lobster Experience"
+            description="More than just a meal, it's a sensory immersion from the moment you step through our doors."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Ahmed Salem",
-          role: "Foodie",
-          company: "Dibba Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215762.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah Miller",
-          role: "Traveler",
-          company: "Fujairah Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-toasting-beach_53876-13600.jpg",
-        },
-        {
-          id: "t3",
-          name: "Khalid Ali",
-          role: "Chef",
-          company: "Global Taste",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-cake-with-cream-fresh-sliced-fruits-along-with-cinnamon-tea-grey-blue-desk-cake-biscuit-tea_140725-22579.jpg",
-        },
-        {
-          id: "t4",
-          name: "Fatima Noor",
-          role: "Critic",
-          company: "Food Review",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg",
-        },
-        {
-          id: "t5",
-          name: "Omar Hassan",
-          role: "Local",
-          company: "Dibba City",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-taking-off-mask-new-normal_53876-129946.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "10k+",
-          label: "Happy Guests",
-        },
-        {
-          value: "4.8",
-          label: "Avg Rating",
-        },
-        {
-          value: "500+",
-          label: "Daily Catch",
-        },
-      ]}
-      title="Waves of Love"
-      description="Hear what our guests in Fujairah have to say about their dining experience."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Ahmed Salem", role: "Foodie", company: "Dibba Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215762.jpg" },
+              { id: "t2", name: "Sarah Miller", role: "Traveler", company: "Fujairah Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-toasting-beach_53876-13600.jpg" },
+              { id: "t3", name: "Khalid Ali", role: "Chef", company: "Global Taste", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-cake-with-cream-fresh-sliced-fruits-along-with-cinnamon-tea-grey-blue-desk-cake-biscuit-tea_140725-22579.jpg" },
+              { id: "t4", name: "Fatima Noor", role: "Critic", company: "Food Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg" },
+              { id: "t5", name: "Omar Hassan", role: "Local", company: "Dibba City", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-taking-off-mask-new-normal_53876-129946.jpg" },
+            ]}
+            kpiItems={[
+              { value: "10k+", label: "Happy Guests" },
+              { value: "4.8", label: "Avg Rating" },
+              { value: "500+", label: "Daily Catch" },
+            ]}
+            title="Waves of Love"
+            description="Hear what our guests in Fujairah have to say about their dining experience."
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={true}
-      names={[
-        "FoodieHub",
-        "Coastal Daily",
-        "Fujairah Eats",
-        "Seafood Weekly",
-        "Dibba Times",
-        "Culinary Excellence",
-        "Taste of UAE",
-      ]}
-      title="Trusted by the Coast"
-      description="Recognized for our dedication to culinary excellence in Dibba Al-Fujairah."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="split"
+            useInvertedBackground={true}
+            names={["FoodieHub", "Coastal Daily", "Fujairah Eats", "Seafood Weekly", "Dibba Times", "Culinary Excellence", "Taste of UAE"]}
+            title="Trusted by the Coast"
+            description="Recognized for our dedication to culinary excellence in Dibba Al-Fujairah."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you deliver?",
-          content: "Yes, we offer premium no-contact delivery across Dibba and nearby areas.",
-        },
-        {
-          id: "f2",
-          title: "Can I reserve a table?",
-          content: "We highly recommend reservations for our seaside dining area, especially on weekends.",
-        },
-        {
-          id: "f3",
-          title: "Is the seafood fresh?",
-          content: "Absolutely. We pride ourselves on sourcing the freshest local catch every single day.",
-        },
-      ]}
-      title="Ocean Culinary Queries"
-      description="Got questions about our grilling process or menu? We're here to help."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you deliver?", content: "Yes, we offer premium no-contact delivery across Dibba and nearby areas." },
+              { id: "f2", title: "Can I reserve a table?", content: "We highly recommend reservations for our seaside dining area, especially on weekends." },
+              { id: "f3", title: "Is the seafood fresh?", content: "Absolutely. We pride ourselves on sourcing the freshest local catch every single day." },
+            ]}
+            title="Ocean Culinary Queries"
+            description="Got questions about our grilling process or menu? We're here to help."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to taste the ocean? Book your table or place an order today."
-      buttons={[
-        {
-          text: "WhatsApp Now",
-          href: "https://wa.me/971500000000",
-        },
-        {
-          text: "Reserve Table",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            text="Ready to taste the ocean? Book your table or place an order today."
+            buttons={[{ text: "WhatsApp Now", href: "https://wa.me/971500000000" }, { text: "Reserve Table", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Lobster Seafood Grills"
-      copyrightText="© 2025 Lobster Seafood Grills. Dibba Al-Fujairah."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Lobster Seafood Grills"
+            copyrightText="© 2025 Lobster Seafood Grills. Dibba Al-Fujairah."
+            socialLinks={[
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1