From b5f8d464510f6700819a68d24058481b392defd3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 11:36:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 268 ++++++++++++++++-------------------------------
 1 file changed, 88 insertions(+), 180 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8656e2e..1f143dc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,192 +26,100 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Experience",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Oyster Bay"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Menu", id: "menu" },
+              { name: "Experience", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Oyster Bay"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Oyster Bay"
-      description="The Ocean, Refined. Experience coastal elegance in the heart of Nairobi."
-      buttons={[
-        {
-          text: "Book a Table",
-          href: "#contact",
-        },
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-with-white-lace-table-cloth-blue-napkins_140725-2571.jpg?_wi=1"
-      showDimOverlay={true}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="Oyster Bay"
+            description="The Ocean, Refined. Experience coastal elegance in the heart of Nairobi."
+            buttons={[{ text: "Book a Table", href: "#contact" }, { text: "View Menu", href: "#menu" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-with-white-lace-table-cloth-blue-napkins_140725-2571.jpg"
+            showDimOverlay={true}
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <FeatureBento
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Fresh Bounty",
-          description: "Hand-picked oceanic selections.",
-          bentoComponent: "media-stack",
-          items: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-excited_140725-164219.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/dining-room-arrangement_23-2148893942.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-with-white-lace-table-cloth-blue-napkins_140725-2571.jpg?_wi=2",
-          imageAlt: "luxury restaurant exterior airy minimalist",
-        },
-      ]}
-      title="Coastal Urban Vibe"
-      description="Our atmosphere bridges St. Tropez’s light-filled aesthetic with the vibrancy of Nairobi."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Coastal Urban Vibe"
+            description="Our atmosphere bridges St. Tropez’s light-filled aesthetic with the vibrancy of Nairobi."
+            features={[
+              {
+                title: "Fresh Bounty",                description: "Hand-picked oceanic selections.",                bentoComponent: "media-stack",                items: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-excited_140725-164219.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/dining-room-arrangement_23-2148893942.jpg" },
+                ]
+              },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "valet",
-          value: "Valet",
-          title: "Parking",
-          description: "Professional valet service provided.",
-          icon: Car,
-        },
-        {
-          id: "specialist",
-          value: "Coastal",
-          title: "Specialist",
-          description: "Freshly sourced seafood mastery.",
-          icon: Fish,
-        },
-        {
-          id: "cocktails",
-          value: "Night",
-          title: "Cocktails",
-          description: "Curated mixology until late.",
-          icon: Wine,
-        },
-      ]}
-      title="The Experience"
-      description="Sophisticated service details for your dining pleasure."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "valet", value: "Valet", title: "Parking", description: "Professional valet service provided.", icon: Car },
+              { id: "specialist", value: "Coastal", title: "Specialist", description: "Freshly sourced seafood mastery.", icon: Fish },
+              { id: "cocktails", value: "Night", title: "Cocktails", description: "Curated mixology until late.", icon: Wine },
+            ]}
+            title="The Experience"
+            description="Sophisticated service details for your dining pleasure."
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "m1",
-          name: "Oyster Tasting",
-          price: "KSH 2,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg?_wi=2",
-        },
-        {
-          id: "m2",
-          name: "Lobster Bisque",
-          price: "KSH 1,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg?_wi=3",
-        },
-        {
-          id: "m3",
-          name: "Catch of the Day",
-          price: "KSH 3,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg?_wi=4",
-        },
-        {
-          id: "m4",
-          name: "Signature Negroni",
-          price: "KSH 1,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-excited_140725-164219.jpg?_wi=2",
-        },
-        {
-          id: "m5",
-          name: "Coastal Platter",
-          price: "KSH 5,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg?_wi=5",
-        },
-        {
-          id: "m6",
-          name: "Craft Gin Tonic",
-          price: "KSH 1,100",
-          imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-excited_140725-164219.jpg?_wi=3",
-        },
-      ]}
-      title="Curated Menu"
-      description="Freshly Sourced Bounty and Fine Dining selections."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "m1", name: "Oyster Tasting", price: "KSH 2,500", imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg" },
+              { id: "m2", name: "Lobster Bisque", price: "KSH 1,800", imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg" },
+              { id: "m3", name: "Catch of the Day", price: "KSH 3,200", imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg" },
+              { id: "m4", name: "Signature Negroni", price: "KSH 1,200", imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-excited_140725-164219.jpg" },
+              { id: "m5", name: "Coastal Platter", price: "KSH 5,500", imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg" },
+              { id: "m6", name: "Craft Gin Tonic", price: "KSH 1,100", imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-excited_140725-164219.jpg" },
+            ]}
+            title="Curated Menu"
+            description="Freshly Sourced Bounty and Fine Dining selections."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Visit Us"
-      title="Valley Arcade, Nairobi"
-      description="Kilungu Road, Nairobi. Open Daily 10:00 AM – 11:00 PM."
-      buttons={[
-        {
-          text: "Call +254 114 048934",
-          href: "tel:+254114048934",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "radial-gradient" }}
+            tag="Visit Us"
+            title="Valley Arcade, Nairobi"
+            description="Kilungu Road, Nairobi. Open Daily 10:00 AM – 11:00 PM."
+            buttons={[{ text: "Call +254 114 048934", href: "tel:+254114048934" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Oyster Bay"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Instagram",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Oyster Bay"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Instagram", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );