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-14 21:12:13 +00:00

View File

@@ -10,7 +10,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Music } from "lucide-react";
import { Music, Calendar } from "lucide-react";
export default function LandingPage() {
return (
@@ -18,242 +18,125 @@ export default function LandingPage() {
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Events",
id: "#events",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Bahama Breeze Ke"
button={{
text: "Reserve Now",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Menu", id: "#menu" },
{ name: "Events", id: "#events" },
{ name: "Contact", id: "#contact" },
]}
brandName="Bahama Breeze Ke"
button={{ text: "Reserve Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
title="Taste the Tropics in Nairobi"
description="Bahama Breeze Ke where authentic reggae vibes meet world-class grilling. Join us at Woodvale Grove for an unforgettable culinary escape."
buttons={[
{
text: "Book Table",
href: "#contact",
},
{
text: "View Menu",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-landscape-with-palm-trees-green-sky_1232-1272.jpg?_wi=1"
imageAlt="tropical restaurant terrace sunset view"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{ variant: "gradient-bars" }}
title="Taste the Tropics in Nairobi"
description="Bahama Breeze Ke where authentic reggae vibes meet world-class grilling. Join us at Woodvale Grove for an unforgettable culinary escape."
buttons={[{ text: "Book Table", href: "#contact" }, { text: "View Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-landscape-with-palm-trees-green-sky_1232-1272.jpg"
imageAlt="tropical restaurant terrace sunset view"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Our Story"
title="Ambiance That Moves You"
description="Experience Nairobi's most vibrant tropical oasis. From the soothing reggae rhythms to our legendary atmosphere, we offer a sanctuary where the music is soulful, the grill is hot, and the vibes are unmatched."
subdescription="Affordable luxury for every grill enthusiast and music lover."
icon={Music}
imageSrc="http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3094.jpg?_wi=1"
mediaAnimation="slide-up"
imageAlt="cozy restaurant interior warm lighting"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Our Story"
title="Ambiance That Moves You"
description="Experience Nairobi's most vibrant tropical oasis. From the soothing reggae rhythms to our legendary atmosphere, we offer a sanctuary where the music is soulful, the grill is hot, and the vibes are unmatched."
subdescription="Affordable luxury for every grill enthusiast and music lover."
icon={Music}
imageSrc="http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3094.jpg"
mediaAnimation="slide-up"
imageAlt="cozy restaurant interior warm lighting"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Grilled Red Snapper",
price: "KES 1,800",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-shrimp-with-sauce-plate_141793-11283.jpg?_wi=1",
},
{
id: "2",
name: "Jerk Marinated Ribeye",
price: "KES 2,500",
imageSrc: "http://img.b2bpic.net/free-photo/close-front-view-grilled-meat-with-vegetables-lettuce-with-grated-cheese-plate_141793-2811.jpg",
},
{
id: "3",
name: "Tropical Sunset Cocktail",
price: "KES 900",
imageSrc: "http://img.b2bpic.net/free-photo/fruit-cocktail_74190-196.jpg",
},
{
id: "4",
name: "Ice Cold Lager",
price: "KES 400",
imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-front-blurred-background_23-2148098787.jpg",
},
{
id: "5",
name: "Island Jerk Chicken",
price: "KES 1,200",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-chicken-meat-with-cheese-grilled-potatoes-tomatoes_141793-1407.jpg",
},
{
id: "6",
name: "Spiced Prawn Platter",
price: "KES 1,600",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-close-up_23-2148517006.jpg",
},
]}
title="Our Signature Flavors"
description="Indulge in our carefully curated menu, prepared with fresh, premium ingredients and bold island spices."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{ id: "1", name: "Grilled Red Snapper", price: "KES 1,800", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-shrimp-with-sauce-plate_141793-11283.jpg" },
{ id: "2", name: "Jerk Marinated Ribeye", price: "KES 2,500", imageSrc: "http://img.b2bpic.net/free-photo/close-front-view-grilled-meat-with-vegetables-lettuce-with-grated-cheese-plate_141793-2811.jpg" },
{ id: "3", name: "Tropical Sunset Cocktail", price: "KES 900", imageSrc: "http://img.b2bpic.net/free-photo/fruit-cocktail_74190-196.jpg" },
{ id: "4", name: "Ice Cold Lager", price: "KES 400", imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-front-blurred-background_23-2148098787.jpg" },
{ id: "5", name: "Island Jerk Chicken", price: "KES 1,200", imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-chicken-meat-with-cheese-grilled-potatoes-tomatoes_141793-1407.jpg" },
{ id: "6", name: "Spiced Prawn Platter", price: "KES 1,600", imageSrc: "http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-close-up_23-2148517006.jpg" },
]}
title="Our Signature Flavors"
description="Indulge in our carefully curated menu, prepared with fresh, premium ingredients and bold island spices."
/>
</div>
<div id="events" data-section="events">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Rub A Dub Thursdays",
description: "Uptown vibes with the best reggae selectors in town.",
buttonIcon: "Calendar",
imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599561.jpg",
imageAlt: "Miami bayside marketplace",
},
{
title: "Friday Island Sets",
description: "Unwind with chilled tropical house and deep rhythms.",
buttonIcon: "Calendar",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-with-palm-trees-green-sky_1232-1272.jpg?_wi=2",
imageAlt: "Miami bayside marketplace",
},
{
title: "Sunday Grill Sessions",
description: "Family-friendly atmosphere with live acoustic sets.",
buttonIcon: "Calendar",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3094.jpg?_wi=2",
imageAlt: "Miami bayside marketplace",
},
{
title: "Happy Hour Specials",
description: "Daily 5pm - 7pm tropical cocktail specials.",
buttonIcon: "Calendar",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-shrimp-with-sauce-plate_141793-11283.jpg?_wi=2",
imageAlt: "Miami bayside marketplace",
},
]}
title="Join the Vibe"
description="Don't miss our weekly highlights and special community gatherings."
/>
</div>
<div id="events" data-section="events">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "Rub A Dub Thursdays", description: "Uptown vibes with the best reggae selectors in town.", buttonIcon: Calendar, imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599561.jpg", imageAlt: "Miami bayside marketplace" },
{ title: "Friday Island Sets", description: "Unwind with chilled tropical house and deep rhythms.", buttonIcon: Calendar, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-with-palm-trees-green-sky_1232-1272.jpg", imageAlt: "Miami bayside marketplace" },
{ title: "Sunday Grill Sessions", description: "Family-friendly atmosphere with live acoustic sets.", buttonIcon: Calendar, imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3094.jpg", imageAlt: "Miami bayside marketplace" },
{ title: "Happy Hour Specials", description: "Daily 5pm - 7pm tropical cocktail specials.", buttonIcon: Calendar, imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-shrimp-with-sauce-plate_141793-11283.jpg", imageAlt: "Miami bayside marketplace" },
]}
title="Join the Vibe"
description="Don't miss our weekly highlights and special community gatherings."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice M.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-tomato-slice-served-breakfast_140725-7144.jpg",
},
{
id: "2",
name: "Brian K.",
imageSrc: "http://img.b2bpic.net/free-photo/family-eating-together-table_23-2148972779.jpg",
},
{
id: "3",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-white-shirt-open-having-breakfast-cafe-with-vegetarian-burger-drinking-coffee-lifestyle-tropical-island-life-bali_1321-3941.jpg",
},
{
id: "4",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-smiling-bar_23-2147680982.jpg",
},
{
id: "5",
name: "Grace O.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-holding-cocktails_23-2150124806.jpg",
},
]}
cardTitle="Guest Experiences"
cardTag="Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-tomato-slice-served-breakfast_140725-7144.jpg" },
{ id: "2", name: "Brian K.", imageSrc: "http://img.b2bpic.net/free-photo/family-eating-together-table_23-2148972779.jpg" },
{ id: "3", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-white-shirt-open-having-breakfast-cafe-with-vegetarian-burger-drinking-coffee-lifestyle-tropical-island-life-bali_1321-3941.jpg" },
{ id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-smiling-bar_23-2147680982.jpg" },
{ id: "5", name: "Grace O.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-holding-cocktails_23-2150124806.jpg" },
]}
cardTitle="Guest Experiences"
cardTag="Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Find Your Oasis"
description="Located in Woodvale Grove, Nairobi. Call us on 0723 369162 for reservations and inquiries."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Reservation Request",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Find Your Oasis"
description="Located in Woodvale Grove, Nairobi. Call us on 0723 369162 for reservations and inquiries."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{ name: "message", placeholder: "Your Reservation Request", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Bahama Breeze Ke"
leftLink={{
text: "Call: 0723 369162",
href: "tel:0723369162",
}}
rightLink={{
text: "Directions: Woodvale Grove",
href: "https://maps.google.com",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Bahama Breeze Ke"
leftLink={{ text: "Call: 0723 369162", href: "tel:0723369162" }}
rightLink={{ text: "Directions: Woodvale Grove", href: "https://maps.google.com" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);