Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-04-20 23:08:28 +00:00

View File

@@ -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>
);