Merge version_1 into main #1
358
src/app/page.tsx
358
src/app/page.tsx
@@ -13,267 +13,119 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Yamas Coffee Kitchen Bar"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Yamas Coffee Kitchen Bar"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Yamas Coffee Kitchen Bar"
|
||||
description="Fresh food, great coffee, and chill vibes in the heart of Nairobi."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah_nbo",
|
||||
testimonial: "The best brunch spot in Nairobi! Love the coffee vibes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-looking-two-different-plates-restaurant_23-2147936234.jpg",
|
||||
},
|
||||
{
|
||||
name: "John M.",
|
||||
handle: "@john_coffee",
|
||||
testimonial: "Fast service and delicious burgers. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-african-american-woman-trendy-coloured-outfit-with-red-beret-chilling-cozy-cafe-reading-menu_627829-5831.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily O.",
|
||||
handle: "@em_nairobi",
|
||||
testimonial: "Great atmosphere for evening hangouts with friends.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-book-sitting-near-table-restaurant_23-2147936115.jpg",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@dave_eats",
|
||||
testimonial: "Quality food and the best coffee I've had in a while.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-woman-checkered-cape-posed-outdoor-cafe-terrace_627829-5819.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anita R.",
|
||||
handle: "@anita_brunch",
|
||||
testimonial: "Absolutely love the fresh juices and smoothies!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-set-with-egg-bacon-pancakes-orange-juice-milk-bread-coffee_74190-2221.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order on WhatsApp",
|
||||
href: "https://wa.me/254742432358",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-restaurant_23-2150491833.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-restaurant_23-2150491833.jpg",
|
||||
alt: "Sarah K",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/breakfast-set-egg-with-tomato-butter-honey-olives-cheese-tomato-cucumber-tea-lemon-jam-side-view_141793-3075.jpg",
|
||||
alt: "John M",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-appetizing-burger-with-onion-rings_181624-46590.jpg",
|
||||
alt: "Emily O",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cup-aromatic-coffee-counter_23-2147775880.jpg",
|
||||
alt: "David L",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chef-preparing-dish-healthy-food_23-2148145628.jpg",
|
||||
alt: "Anita R",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by our Nairobi community"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Yamas Coffee Kitchen Bar"
|
||||
description="Fresh food, great coffee, and chill vibes in the heart of Nairobi."
|
||||
testimonials={[
|
||||
{ name: "Sarah K.", handle: "@sarah_nbo", testimonial: "The best brunch spot in Nairobi! Love the coffee vibes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-looking-two-different-plates-restaurant_23-2147936234.jpg" },
|
||||
{ name: "John M.", handle: "@john_coffee", testimonial: "Fast service and delicious burgers. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-african-american-woman-trendy-coloured-outfit-with-red-beret-chilling-cozy-cafe-reading-menu_627829-5831.jpg" },
|
||||
{ name: "Emily O.", handle: "@em_nairobi", testimonial: "Great atmosphere for evening hangouts with friends.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-book-sitting-near-table-restaurant_23-2147936115.jpg" },
|
||||
{ name: "David L.", handle: "@dave_eats", testimonial: "Quality food and the best coffee I've had in a while.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-woman-checkered-cape-posed-outdoor-cafe-terrace_627829-5819.jpg" },
|
||||
{ name: "Anita R.", handle: "@anita_brunch", testimonial: "Absolutely love the fresh juices and smoothies!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-set-with-egg-bacon-pancakes-orange-juice-milk-bread-coffee_74190-2221.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Order on WhatsApp", href: "https://wa.me/254742432358" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-restaurant_23-2150491833.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-restaurant_23-2150491833.jpg", alt: "Sarah K" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/breakfast-set-egg-with-tomato-butter-honey-olives-cheese-tomato-cucumber-tea-lemon-jam-side-view_141793-3075.jpg", alt: "John M" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-shot-appetizing-burger-with-onion-rings_181624-46590.jpg", alt: "Emily O" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cup-aromatic-coffee-counter_23-2147775880.jpg", alt: "David L" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/chef-preparing-dish-healthy-food_23-2148145628.jpg", alt: "Anita R" }
|
||||
]}
|
||||
avatarText="Loved by our Nairobi community"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Our Nairobi Spot"
|
||||
description={[
|
||||
"Welcome to Yamas Coffee Kitchen Bar — a modern dining spot in Nairobi where great food meets a relaxed and stylish atmosphere.",
|
||||
"Perfect for brunch, coffee dates, and evening hangouts, we pride ourselves on quality service and authentic ingredients.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Our Nairobi Spot"
|
||||
description={[
|
||||
"Welcome to Yamas Coffee Kitchen Bar — a modern dining spot in Nairobi where great food meets a relaxed and stylish atmosphere.", "Perfect for brunch, coffee dates, and evening hangouts, we pride ourselves on quality service and authentic ingredients."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Breakfast",
|
||||
name: "Brunch Specials",
|
||||
price: "KES 1,200",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-egg-with-tomato-butter-honey-olives-cheese-tomato-cucumber-tea-lemon-jam-side-view_141793-3075.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Main",
|
||||
name: "Gourmet Burgers",
|
||||
price: "KES 1,500",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-appetizing-burger-with-onion-rings_181624-46590.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Drinks",
|
||||
name: "Artisan Coffee",
|
||||
price: "KES 400",
|
||||
rating: 4,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-aromatic-coffee-counter_23-2147775880.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Main",
|
||||
name: "Fresh Salads",
|
||||
price: "KES 900",
|
||||
rating: 5,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-dish-healthy-food_23-2148145628.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Breakfast",
|
||||
name: "Sweet Pancakes",
|
||||
price: "KES 850",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-waffles-with-macarons-tea-marshmallow-light-pink-surface_140725-80969.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Main",
|
||||
name: "Grilled Chicken Pasta",
|
||||
price: "KES 1,400",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-topped-with-fried-vegetables_140725-2712.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our freshly prepared breakfast, main meals, and beverages."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", brand: "Breakfast", name: "Brunch Specials", price: "KES 1,200", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-egg-with-tomato-butter-honey-olives-cheese-tomato-cucumber-tea-lemon-jam-side-view_141793-3075.jpg" },
|
||||
{ id: "2", brand: "Main", name: "Gourmet Burgers", price: "KES 1,500", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-appetizing-burger-with-onion-rings_181624-46590.jpg" },
|
||||
{ id: "3", brand: "Drinks", name: "Artisan Coffee", price: "KES 400", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/cup-aromatic-coffee-counter_23-2147775880.jpg" },
|
||||
{ id: "4", brand: "Main", name: "Fresh Salads", price: "KES 900", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-dish-healthy-food_23-2148145628.jpg" },
|
||||
{ id: "5", brand: "Breakfast", name: "Sweet Pancakes", price: "KES 850", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-waffles-with-macarons-tea-marshmallow-light-pink-surface_140725-80969.jpg" },
|
||||
{ id: "6", brand: "Main", name: "Grilled Chicken Pasta", price: "KES 1,400", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-topped-with-fried-vegetables_140725-2712.jpg" }
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our freshly prepared breakfast, main meals, and beverages."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Atmosphere",
|
||||
title: "Relaxed Vibe",
|
||||
subtitle: "A cozy space to unwind.",
|
||||
description: "Whether working or catching up with friends, our interior is perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-breakfast_23-2147991237.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Efficiency",
|
||||
title: "Fast Service",
|
||||
subtitle: "Quick bites for busy days.",
|
||||
description: "Our kitchen works hard to get your order out fresh and fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-benedict-steak-with-mashed-batata-mushroom-sauce_637285-9511.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Location",
|
||||
title: "Prime Nairobi Spot",
|
||||
subtitle: "Easy access in the city.",
|
||||
description: "Located centrally for your convenience throughout the day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tropical-smoothie-with-papaya-banana_501050-373.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Yamas Stands Out"
|
||||
description="We are dedicated to providing the best dining experience in Nairobi."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Atmosphere", title: "Relaxed Vibe", subtitle: "A cozy space to unwind.", description: "Whether working or catching up with friends, our interior is perfect.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-breakfast_23-2147991237.jpg" },
|
||||
{ tag: "Efficiency", title: "Fast Service", subtitle: "Quick bites for busy days.", description: "Our kitchen works hard to get your order out fresh and fast.", imageSrc: "http://img.b2bpic.net/free-photo/egg-benedict-steak-with-mashed-batata-mushroom-sauce_637285-9511.jpg" },
|
||||
{ tag: "Location", title: "Prime Nairobi Spot", subtitle: "Easy access in the city.", description: "Located centrally for your convenience throughout the day.", imageSrc: "http://img.b2bpic.net/free-photo/tropical-smoothie-with-papaya-banana_501050-373.jpg" }
|
||||
]}
|
||||
title="Why Yamas Stands Out"
|
||||
description="We are dedicated to providing the best dining experience in Nairobi."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Visit or Order?"
|
||||
description="Call us or message us on WhatsApp for reservations or food delivery."
|
||||
buttonText="Chat on WhatsApp"
|
||||
onSubmit={(email) => window.open('https://wa.me/254742432358', '_blank')}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Visit or Order?"
|
||||
description="Call us or message us on WhatsApp for reservations or food delivery."
|
||||
buttonText="Chat on WhatsApp"
|
||||
onSubmit={(email) => window.open('https://wa.me/254742432358', '_blank')}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp Order",
|
||||
href: "https://wa.me/254742432358",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Yamas Coffee"
|
||||
copyrightText="© 2026 Yamas Coffee Kitchen Bar • Nairobi, Kenya"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Support", items: [{ label: "WhatsApp Order", href: "https://wa.me/254742432358" }, { label: "Help Center", href: "#" }] }
|
||||
]}
|
||||
logoText="Yamas Coffee"
|
||||
copyrightText="© 2026 Yamas Coffee Kitchen Bar • Nairobi, Kenya"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user