Update src/app/page.tsx
This commit is contained in:
339
src/app/page.tsx
339
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user