From 9caa2392f81f0ef743f97841a6f0d181ffb9a624 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 23:08:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 517 ++++++++++++++---------------------------------
 1 file changed, 150 insertions(+), 367 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ac80294..56e86b2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,383 +30,166 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Our Heritage",
-          id: "about",
-        },
-        {
-          name: "The Experience",
-          id: "features",
-        },
-        {
-          name: "The Menu",
-          id: "products",
-        },
-        {
-          name: "Reserve",
-          id: "contact",
-        },
-      ]}
-      brandName="Mama Oliech"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Our Heritage", id: "about" },
+              { name: "The Experience", id: "features" },
+              { name: "The Menu", id: "products" },
+              { name: "Reserve", id: "contact" },
+            ]}
+            brandName="Mama Oliech"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Nairobi's Most Legendary Table Awaits"
-      description="Where Mama Oliech's legendary tilapia and authentic Kenyan soul have welcomed icons and locals alike for generations. Reserve your seat at the table that built a nation's taste."
-      tag="Iconic Culinary Landmark"
-      buttons={[
-        {
-          text: "Reserve Your Table",
-          href: "#contact",
-        },
-        {
-          text: "Explore the Menu",
-          href: "#products",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-fish-with-vegetables-pickled-ginger-slices-soy-sauce-plate-rustic_141793-11650.jpg?_wi=1",
-          imageAlt: "fried tilapia fish plate",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-woman-red-shirt-hat-posed-indoor-cafe-drinking-strawberry-lemonade-with-phone-hand_627829-2474.jpg?_wi=1",
-          imageAlt: "restaurant interior design warm lighting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-seabass-with-tomatoes_141793-2616.jpg",
-          imageAlt: "Side view of baked seabass with tomatoes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/spicy-fried-tubtim-fish-salad-spicy-thai-food_1150-26485.jpg",
-          imageAlt: "Spicy Fried Tubtim Fish Salad, Spicy, Thai Food.",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-dish-with-spices-appetizing-stuffed-cabbage-with-sauce-lemon-herbs-bowls-colorful-spices-rice-black-pepper-dark-background_140725-110430.jpg",
-          imageAlt: "Side close-up view dish with spices appetizing stuffed cabbage with sauce lemon and herbs and bowls of colorful spices rice and black pepper on dark background",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-      rating={5}
-      ratingText="Over 50 years of legendary service"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Nairobi's Most Legendary Table Awaits"
+            description="Where Mama Oliech's legendary tilapia and authentic Kenyan soul have welcomed icons and locals alike for generations. Reserve your seat at the table that built a nation's taste."
+            tag="Iconic Culinary Landmark"
+            buttons={[
+              { text: "Reserve Your Table", href: "#contact" },
+              { text: "Explore the Menu", href: "#products" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-fish-with-vegetables-pickled-ginger-slices-soy-sauce-plate-rustic_141793-11650.jpg", imageAlt: "fried tilapia fish plate" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-woman-red-shirt-hat-posed-indoor-cafe-drinking-strawberry-lemonade-with-phone-hand_627829-2474.jpg", imageAlt: "restaurant interior design warm lighting" }
+            ]}
+            mediaAnimation="blur-reveal"
+            rating={5}
+            ratingText="Over 50 years of legendary service"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Our Legacy"
-      title="Born in the Heart of Nairobi"
-      description="Mama Oliech started with a vision: to celebrate the simple, authentic joy of fresh tilapia. Today, we are more than a restaurant; we are a cultural institution visited by presidents, celebrities, and families alike."
-      subdescription="Our recipes remain untouched, preserving the flavors that define our Kenyan identity."
-      icon={Award}
-      imageSrc="http://img.b2bpic.net/free-photo/food-frying-pan_23-2147985312.jpg"
-      imageAlt="heritage restaurant kitchen portrait"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="Our Legacy"
+            title="Born in the Heart of Nairobi"
+            description="Mama Oliech started with a vision: to celebrate the simple, authentic joy of fresh tilapia. Today, we are more than a restaurant; we are a cultural institution visited by presidents, celebrities, and families alike."
+            subdescription="Our recipes remain untouched, preserving the flavors that define our Kenyan identity."
+            icon={Award}
+            imageSrc="http://img.b2bpic.net/free-photo/food-frying-pan_23-2147985312.jpg"
+            imageAlt="heritage restaurant kitchen portrait"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Authentic Preparation",
-          description: "Tradition-bound cooking techniques using organic, locally-sourced ingredients.",
-          bentoComponent: "reveal-icon",
-          icon: Flame,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-appetizing-dish-stuffed-cabbage-with-lemon-herbs-sauce-white-plate-bowls-with-sour-cream-herbs-rice-center-black-table_140725-110519.jpg",
-          imageAlt: "Side close-up view appetizing dish stuffed cabbage with lemon herbs and sauce on white plate and bowls with sour cream herbs and rice in the center of black table",
-        },
-        {
-          title: "Celebrity Status",
-          description: "A favored spot for global icons, musicians, and international visitors.",
-          bentoComponent: "reveal-icon",
-          icon: Star,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-fish-with-vegetables-pickled-ginger-slices-soy-sauce-plate-rustic_141793-11650.jpg?_wi=2",
-          imageAlt: "Side close-up view appetizing dish stuffed cabbage with lemon herbs and sauce on white plate and bowls with sour cream herbs and rice in the center of black table",
-        },
-        {
-          title: "Legacy Culture",
-          description: "Preserving the true essence of Kenyan hospitality for over five decades.",
-          bentoComponent: "reveal-icon",
-          icon: History,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-woman-red-shirt-hat-posed-indoor-cafe-drinking-strawberry-lemonade-with-phone-hand_627829-2474.jpg?_wi=2",
-          imageAlt: "Side close-up view appetizing dish stuffed cabbage with lemon herbs and sauce on white plate and bowls with sour cream herbs and rice in the center of black table",
-        },
-      ]}
-      title="Why We Are Nairobi's Favorite"
-      description="An experience that goes beyond the plate, rooted in culture and community."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Authentic Preparation", description: "Tradition-bound cooking techniques using organic, locally-sourced ingredients.", bentoComponent: "reveal-icon", icon: Flame },
+              { title: "Celebrity Status", description: "A favored spot for global icons, musicians, and international visitors.", bentoComponent: "reveal-icon", icon: Star },
+              { title: "Legacy Culture", description: "Preserving the true essence of Kenyan hospitality for over five decades.", bentoComponent: "reveal-icon", icon: History }
+            ]}
+            title="Why We Are Nairobi's Favorite"
+            description="An experience that goes beyond the plate, rooted in culture and community."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="scale-rotate"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Signature Fried Tilapia",
-          price: "KSH 1,500",
-          variant: "Whole Fish",
-          imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-snakehead-fish-hot-pot-thai-food_1150-23413.jpg",
-        },
-        {
-          id: "2",
-          name: "Grilled Tilapia with Herbs",
-          price: "KSH 1,800",
-          variant: "Grilled",
-          imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-plate-grilled-fish-with-grilled-lemon-tomato-fresh-spinach-lettuce_140725-521.jpg",
-        },
-        {
-          id: "3",
-          name: "Ugali Platter",
-          price: "KSH 300",
-          variant: "Side",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086043.jpg",
-        },
-        {
-          id: "4",
-          name: "Traditional Sukuma Wiki",
-          price: "KSH 400",
-          variant: "Vegetable",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegetable-ragout-stewed-eggplant-onion-greens-tomato-green-red-pepper-plate_141793-5150.jpg",
-        },
-        {
-          id: "5",
-          name: "Kachumbari Salad",
-          price: "KSH 250",
-          variant: "Fresh",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-balls-with-mushrooms-tomatoes-table_141793-2636.jpg",
-        },
-        {
-          id: "6",
-          name: "Fresh Chili Sauce",
-          price: "KSH 150",
-          variant: "Dip",
-          imageSrc: "http://img.b2bpic.net/free-photo/red-hot-chilli-sauce-tomato-ketchup-chilli-sauce-puree-with-chili-pepper-vegetables-tomatoes-garlic-black-stone-surface-top-view_1150-44907.jpg",
-        },
-      ]}
-      title="Signature Flavors"
-      description="Hand-selected fresh fish prepared with our secret blend of local spices."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="scale-rotate"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={true}
+            products={[
+              { id: "1", name: "Signature Fried Tilapia", price: "KSH 1,500", variant: "Whole Fish", imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-snakehead-fish-hot-pot-thai-food_1150-23413.jpg" },
+              { id: "2", name: "Grilled Tilapia with Herbs", price: "KSH 1,800", variant: "Grilled", imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-plate-grilled-fish-with-grilled-lemon-tomato-fresh-spinach-lettuce_140725-521.jpg" },
+              { id: "3", name: "Ugali Platter", price: "KSH 300", variant: "Side", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086043.jpg" },
+              { id: "4", name: "Traditional Sukuma Wiki", price: "KSH 400", variant: "Vegetable", imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegetable-ragout-stewed-eggplant-onion-greens-tomato-green-red-pepper-plate_141793-5150.jpg" },
+              { id: "5", name: "Kachumbari Salad", price: "KSH 250", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-balls-with-mushrooms-tomatoes-table_141793-2636.jpg" },
+              { id: "6", name: "Fresh Chili Sauce", price: "KSH 150", variant: "Dip", imageSrc: "http://img.b2bpic.net/free-photo/red-hot-chilli-sauce-tomato-ketchup-chilli-sauce-puree-with-chili-pepper-vegetables-tomatoes-garlic-black-stone-surface-top-view_1150-44907.jpg" }
+            ]}
+            title="Signature Flavors"
+            description="Hand-selected fresh fish prepared with our secret blend of local spices."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "50+",
-          description: "Years of Culinary Excellence",
-        },
-        {
-          id: "m2",
-          value: "1M+",
-          description: "Happy Guests Served",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Authentic Kenyan Ingredients",
-        },
-      ]}
-      title="Legacy by Numbers"
-      description="Fifty years of serving excellence, one plate at a time."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "50+", description: "Years of Culinary Excellence" },
+              { id: "m2", value: "1M+", description: "Happy Guests Served" },
+              { id: "m3", value: "100%", description: "Authentic Kenyan Ingredients" }
+            ]}
+            title="Legacy by Numbers"
+            description="Fifty years of serving excellence, one plate at a time."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split-description"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          title: "Unforgettable Taste",
-          quote: "The best tilapia I have ever tasted. Authentic and perfect.",
-          name: "Sarah J.",
-          role: "Food Critic",
-          imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg",
-        },
-        {
-          id: "2",
-          title: "Cultural Gem",
-          quote: "A must-visit spot in Nairobi. The heritage is palpable.",
-          name: "David M.",
-          role: "Travel Blogger",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-with-his-bicycle-looking-away_23-2148176123.jpg",
-        },
-        {
-          id: "3",
-          title: "Home Away From Home",
-          quote: "Returning here feels like a warm hug. Simply legendary.",
-          name: "Lucy K.",
-          role: "Local Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-        },
-        {
-          id: "4",
-          title: "Global Quality",
-          quote: "I came all the way from London and it lived up to every expectation.",
-          name: "Mark W.",
-          role: "Business Traveler",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg",
-        },
-        {
-          id: "5",
-          title: "Signature Service",
-          quote: "The service is just as iconic as the food. Absolutely brilliant.",
-          name: "Alice N.",
-          role: "Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-artist-holding-notebook-medium-shot_23-2148372117.jpg",
-        },
-      ]}
-      title="Stories from the Table"
-      description="What our guests say about their experience at Mama Oliech."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split-description"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", title: "Unforgettable Taste", quote: "The best tilapia I have ever tasted. Authentic and perfect.", name: "Sarah J.", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg" },
+              { id: "2", title: "Cultural Gem", quote: "A must-visit spot in Nairobi. The heritage is palpable.", name: "David M.", role: "Travel Blogger", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-with-his-bicycle-looking-away_23-2148176123.jpg" },
+              { id: "3", title: "Home Away From Home", quote: "Returning here feels like a warm hug. Simply legendary.", name: "Lucy K.", role: "Local Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
+              { id: "4", title: "Global Quality", quote: "I came all the way from London and it lived up to every expectation.", name: "Mark W.", role: "Business Traveler", imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg" },
+              { id: "5", title: "Signature Service", quote: "The service is just as iconic as the food. Absolutely brilliant.", name: "Alice N.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/cute-artist-holding-notebook-medium-shot_23-2148372117.jpg" }
+            ]}
+            title="Stories from the Table"
+            description="What our guests say about their experience at Mama Oliech."
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "BBC",
-        "CNN Travel",
-        "Nairobi Times",
-        "National Geographic",
-        "Forbes",
-        "The Guardian",
-        "Global Foodie",
-      ]}
-      title="Trusted by Icons"
-      description="We are proud to have served leaders, musicians, and culinary icons from around the world."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["BBC", "CNN Travel", "Nairobi Times", "National Geographic", "Forbes", "The Guardian", "Global Foodie"]}
+            title="Trusted by Icons"
+            description="We are proud to have served leaders, musicians, and culinary icons from around the world."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do I need a reservation?",
-          content: "For groups or weekend visits, we highly recommend making a reservation.",
-        },
-        {
-          id: "f2",
-          title: "Is the menu suitable for children?",
-          content: "Yes, we offer family-friendly portions and mild preparations.",
-        },
-        {
-          id: "f3",
-          title: "Are there vegetarian options?",
-          content: "While tilapia is our specialty, we offer several fresh local vegetable dishes.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      sideDescription="Everything you need to know before visiting us."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Do I need a reservation?", content: "For groups or weekend visits, we highly recommend making a reservation." },
+              { id: "f2", title: "Is the menu suitable for children?", content: "Yes, we offer family-friendly portions and mild preparations." },
+              { id: "f3", title: "Are there vegetarian options?", content: "While tilapia is our specialty, we offer several fresh local vegetable dishes." }
+            ]}
+            sideTitle="Common Questions"
+            sideDescription="Everything you need to know before visiting us."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Ready to experience the legend? Reserve your table now for an unforgettable authentic Kenyan dining experience."
-      buttons={[
-        {
-          text: "Call to Reserve",
-          href: "tel:+254700000000",
-        },
-        {
-          text: "Book Online",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Ready to experience the legend? Reserve your table now for an unforgettable authentic Kenyan dining experience."
+            buttons={[
+              { text: "Call to Reserve", href: "tel:+254700000000" },
+              { text: "Book Online", href: "#" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Mama Oliech"
-      columns={[
-        {
-          title: "Discover",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#products",
-            },
-            {
-              label: "Press",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Reservations",
-              href: "#contact",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Mama Oliech Restaurant. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Mama Oliech"
+            columns={[
+              { title: "Discover", items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#products" }, { label: "Press", href: "#" }] },
+              { title: "Connect", items: [{ label: "Reservations", href: "#contact" }, { label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+            copyrightText="© 2024 Mama Oliech Restaurant. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );