Merge version_1 into main #1
524
src/app/page.tsx
524
src/app/page.tsx
@@ -17,391 +17,169 @@ import { Clock, Star, Users } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "#events",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Makubenjalo Pub"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Makubenjalo Pub"
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Menu", id: "#products" },
|
||||
{ name: "Events", id: "#events" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Your Neighborhood's Best Night Out"
|
||||
description="Cold drinks, great food, and unforgettable vibes. Join us for live music, sports, and good company every night of the week."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-event-hall-interior-restaurant_114579-2079.jpg",
|
||||
imageAlt: "Atmospheric pub interior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meeting-with-best-friends-three-happy-young-men-casual-wear-talking-drinking-beer-while-sitting-bar-together_1157-44626.jpg",
|
||||
imageAlt: "Social crowd at pub bar",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-making-music_23-2151169679.jpg",
|
||||
imageAlt: "Live music performance",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hand-pours-larger-beer-glass-standing-vintage-table-blurred-counter-bar-jar-pickles_482257-19725.jpg",
|
||||
imageAlt: "Gourmet pub meal",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-table-setting-outdoor-wedding-reception_637285-5701.jpg",
|
||||
imageAlt: "Cozy corner seating",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-153337.jpg",
|
||||
imageAlt: "Pub entrance glowing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Your Neighborhood's Best Night Out"
|
||||
description="Cold drinks, great food, and unforgettable vibes. Join us for live music, sports, and good company every night of the week."
|
||||
buttons={[{ text: "Reserve Your Table", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/big-event-hall-interior-restaurant_114579-2079.jpg", imageAlt: "Atmospheric pub interior" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/meeting-with-best-friends-three-happy-young-men-casual-wear-talking-drinking-beer-while-sitting-bar-together_1157-44626.jpg", imageAlt: "Social crowd at pub bar" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-making-music_23-2151169679.jpg", imageAlt: "Live music performance" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-hand-pours-larger-beer-glass-standing-vintage-table-blurred-counter-bar-jar-pickles_482257-19725.jpg", imageAlt: "Gourmet pub meal" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/elegant-table-setting-outdoor-wedding-reception_637285-5701.jpg", imageAlt: "Cozy corner seating" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-153337.jpg", imageAlt: "Pub entrance glowing" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Craft Selection",
|
||||
description: "Local brews, signature cocktails, and carefully curated spirits.",
|
||||
tag: "Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-italian-soda_1339-6693.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Live Entertainment",
|
||||
description: "Weekly performances from local artists and nightly mood-setters.",
|
||||
tag: "Vibe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-girl-looking-her-boyfriend_23-2148311362.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Private Functions",
|
||||
description: "Celebrate life's big moments with our dedicated event space.",
|
||||
tag: "Private",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9391.jpg",
|
||||
},
|
||||
]}
|
||||
title="More Than Just A Drink"
|
||||
description="We blend the classic pub feel with community-driven entertainment, ensuring every night feels like a celebration."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="More Than Just A Drink"
|
||||
description="We blend the classic pub feel with community-driven entertainment, ensuring every night feels like a celebration."
|
||||
features={[
|
||||
{ id: "f1", title: "Premium Craft Selection", description: "Local brews, signature cocktails, and carefully curated spirits.", tag: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/colorful-italian-soda_1339-6693.jpg" },
|
||||
{ id: "f2", title: "Live Entertainment", description: "Weekly performances from local artists and nightly mood-setters.", tag: "Vibe", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-girl-looking-her-boyfriend_23-2148311362.jpg" },
|
||||
{ id: "f3", title: "Private Functions", description: "Celebrate life's big moments with our dedicated event space.", tag: "Private", imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9391.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Neighborhood Burger",
|
||||
price: "$18",
|
||||
variant: "Gourmet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-burger-meal_23-2152022815.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Fish & Chips",
|
||||
price: "$22",
|
||||
variant: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-cutlet-crispy-panco-chicken-breast-with-rice-garnish-cucumber-tomato-carrot-sauce-plate_141793-4821.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Local Craft Lager",
|
||||
price: "$8",
|
||||
variant: "Brew",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-marble-table-with-pine-branch-high-quality-photo_114579-67382.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Loaded Pub Nachos",
|
||||
price: "$15",
|
||||
variant: "Shareable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215849.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Buffalo Wings",
|
||||
price: "$14",
|
||||
variant: "Spicy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-salad-platter-with-butter-cheese_114579-70130.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Signature Steak",
|
||||
price: "$28",
|
||||
variant: "Hearty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-rib-o-wooden-board-side-view_140725-11270.jpg",
|
||||
},
|
||||
]}
|
||||
title="Pub Favorites"
|
||||
description="Hearty, authentic dishes made for good times."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Pub Favorites"
|
||||
description="Hearty, authentic dishes made for good times."
|
||||
products={[
|
||||
{ id: "p1", name: "The Neighborhood Burger", price: "$18", variant: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/close-up-burger-meal_23-2152022815.jpg" },
|
||||
{ id: "p2", name: "Classic Fish & Chips", price: "$22", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-cutlet-crispy-panco-chicken-breast-with-rice-garnish-cucumber-tomato-carrot-sauce-plate_141793-4821.jpg" },
|
||||
{ id: "p3", name: "Local Craft Lager", price: "$8", variant: "Brew", imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-marble-table-with-pine-branch-high-quality-photo_114579-67382.jpg" },
|
||||
{ id: "p4", name: "Loaded Pub Nachos", price: "$15", variant: "Shareable", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215849.jpg" },
|
||||
{ id: "p5", name: "Buffalo Wings", price: "$14", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/green-salad-platter-with-butter-cheese_114579-70130.jpg" },
|
||||
{ id: "p6", name: "Signature Steak", price: "$28", variant: "Hearty", imageSrc: "http://img.b2bpic.net/free-photo/grilled-rib-o-wooden-board-side-view_140725-11270.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="events" data-section="events">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
title="Upcoming Events"
|
||||
description="Don't miss out on what's happening at Makubenjalo this week."
|
||||
blogs={[
|
||||
{
|
||||
id: "e1",
|
||||
category: "Live Music",
|
||||
title: "Jazz Nights every Friday",
|
||||
excerpt: "Join us for smooth tunes and late-night drinks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-performing-concert_23-2149162946.jpg",
|
||||
authorName: "Pub Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16411.jpg",
|
||||
date: "Every Fri",
|
||||
},
|
||||
{
|
||||
id: "e2",
|
||||
category: "Sport",
|
||||
title: "League Finals Screening",
|
||||
excerpt: "Catch the match on our big screens with great deals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-booze-brew-alcohol-celebrate-refreshment_53876-46913.jpg",
|
||||
authorName: "Pub Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-bearded-man-cafe-street-with-glass-wine-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fassion-retro_1321-2025.jpg",
|
||||
date: "Weekend",
|
||||
},
|
||||
{
|
||||
id: "e3",
|
||||
category: "Social",
|
||||
title: "Happy Hour Specials",
|
||||
excerpt: "Half-price drinks on select local taps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holds-three-cold-refreshment-beverages-from-strawberry-orange-lime-mint-cucumber-ice-sparkling-water-rustic-jars-with-drinking-straws-inside_346278-750.jpg",
|
||||
authorName: "Pub Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/man-holding-beer-bar_23-2147681030.jpg",
|
||||
date: "Daily 4-7PM",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="events" data-section="events">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
title="Upcoming Events"
|
||||
description="Don't miss out on what's happening at Makubenjalo this week."
|
||||
blogs={[
|
||||
{ id: "e1", category: "Live Music", title: "Jazz Nights every Friday", excerpt: "Join us for smooth tunes and late-night drinks.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-performing-concert_23-2149162946.jpg", authorName: "Pub Team", authorAvatar: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16411.jpg", date: "Every Fri" },
|
||||
{ id: "e2", category: "Sport", title: "League Finals Screening", excerpt: "Catch the match on our big screens with great deals.", imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-booze-brew-alcohol-celebrate-refreshment_53876-46913.jpg", authorName: "Pub Team", authorAvatar: "http://img.b2bpic.net/free-photo/young-bearded-man-cafe-street-with-glass-wine-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fassion-retro_1321-2025.jpg", date: "Weekend" },
|
||||
{ id: "e3", category: "Social", title: "Happy Hour Specials", excerpt: "Half-price drinks on select local taps.", imageSrc: "http://img.b2bpic.net/free-photo/waiter-holds-three-cold-refreshment-beverages-from-strawberry-orange-lime-mint-cucumber-ice-sparkling-water-rustic-jars-with-drinking-straws-inside_346278-750.jpg", authorName: "Pub Team", authorAvatar: "http://img.b2bpic.net/free-photo/man-holding-beer-bar_23-2147681030.jpg", date: "Daily 4-7PM" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahmlr",
|
||||
testimonial: "The best atmosphere in town. Staff are friendly and the wings are unbeatable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-holding-glass-beer_107420-65360.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James O'Neill",
|
||||
handle: "@joneill",
|
||||
testimonial: "Great selection of craft beers and a solid local crowd.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-smiling-confident-wearing-glasses-isolated-white-background_839833-35235.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
handle: "@echen",
|
||||
testimonial: "Perfect place for Friday nights. Live music is always spot on.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-senior-friends-talking-restaurant-while-cheering-with-drinks_23-2149316755.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Ross",
|
||||
handle: "@mross",
|
||||
testimonial: "Casual, fun, and reliable. Definitely my favorite local watering hole.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Paul",
|
||||
handle: "@jpaul",
|
||||
testimonial: "Found my go-to spot for sport nights. Service is top tier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-model-plaid-shirt-biting-wire-from-lamps_114579-81039.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved By Locals"
|
||||
description="What our guests say about their nights out at Makubenjalo Pub."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Loved By Locals"
|
||||
description="What our guests say about their nights out at Makubenjalo Pub."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarahmlr", testimonial: "The best atmosphere in town. Staff are friendly and the wings are unbeatable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-holding-glass-beer_107420-65360.jpg" },
|
||||
{ id: "t2", name: "James O'Neill", handle: "@joneill", testimonial: "Great selection of craft beers and a solid local crowd.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-smiling-confident-wearing-glasses-isolated-white-background_839833-35235.jpg" },
|
||||
{ id: "t3", name: "Emily Chen", handle: "@echen", testimonial: "Perfect place for Friday nights. Live music is always spot on.", imageSrc: "http://img.b2bpic.net/free-photo/three-senior-friends-talking-restaurant-while-cheering-with-drinks_23-2149316755.jpg" },
|
||||
{ id: "t4", name: "Mark Ross", handle: "@mross", testimonial: "Casual, fun, and reliable. Definitely my favorite local watering hole.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg" },
|
||||
{ id: "t5", name: "Jessica Paul", handle: "@jpaul", testimonial: "Found my go-to spot for sport nights. Service is top tier.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-model-plaid-shirt-biting-wire-from-lamps_114579-81039.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12+",
|
||||
title: "Local Taps",
|
||||
description: "Craft beers on rotation",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Happy Guests",
|
||||
description: "Average weekend visitors",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "7",
|
||||
title: "Days A Week",
|
||||
description: "We are always ready to serve",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Proud to serve our community day in and day out."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="By The Numbers"
|
||||
description="Proud to serve our community day in and day out."
|
||||
metrics={[
|
||||
{ id: "m1", value: "12+", title: "Local Taps", description: "Craft beers on rotation", icon: Star },
|
||||
{ id: "m2", value: "150+", title: "Happy Guests", description: "Average weekend visitors", icon: Users },
|
||||
{ id: "m3", value: "7", title: "Days A Week", description: "We are always ready to serve", icon: Clock }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we highly recommend booking ahead for large groups or weekend peak times.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you family-friendly?",
|
||||
content: "We welcome families in our dining area until 8 PM.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there parking?",
|
||||
content: "Street parking is available nearby, and we are within walking distance of public transport.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
faqsAnimation="slide-up"
|
||||
sideTitle="Questions?"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking ahead for large groups or weekend peak times." },
|
||||
{ id: "q2", title: "Are you family-friendly?", content: "We welcome families in our dining area until 8 PM." },
|
||||
{ id: "q3", title: "Is there parking?", content: "Street parking is available nearby, and we are within walking distance of public transport." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Table"
|
||||
description="Ready for a great night? Send us a message and we'll secure your spot."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Number of Guests",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Any special requests or dates?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/food-bag-milk-bottle-mat_23-2148773427.jpg"
|
||||
buttonText="Reserve Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Book Your Table"
|
||||
description="Ready for a great night? Send us a message and we'll secure your spot."
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/food-bag-milk-bottle-mat_23-2148773427.jpg"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true }
|
||||
]}
|
||||
textarea={{ name: "notes", placeholder: "Any special requests or dates?" }}
|
||||
buttonText="Reserve Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Makubenjalo",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#events",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Makubenjalo Pub."
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Makubenjalo", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Links", items: [{ label: "Book Now", href: "#contact" }, { label: "Events", href: "#events" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Makubenjalo Pub."
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user