510 lines
18 KiB
TypeScript
510 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Clock, Heart, Leaf, MapPin, Pizza, Salad, Sparkles, Star, Truck, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "#menu",
|
|
},
|
|
{
|
|
name: "Why Us",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="Bedford Bunny"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Bedford Bunny: Fresh Flavors Delivered to Your Door"
|
|
description="Experience the joy of home-cooked meals without the hassle. Bedford Bunny brings you delicious, high-quality food, made with love and care, right here in Mondeor."
|
|
kpis={[
|
|
{
|
|
value: "500+",
|
|
label: "Happy Customers",
|
|
},
|
|
{
|
|
value: "10+",
|
|
label: "Years Experience",
|
|
},
|
|
{
|
|
value: "Fresh",
|
|
label: "Ingredients Daily",
|
|
},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Order Now",
|
|
href: "#menu",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-with-her-arms-crossed-looking-camera_23-2148122741.jpg",
|
|
alt: "Happy Customer 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-man-leaning-table-with-fresh-variety-vegetables-domestic-kitchen_23-2148075945.jpg",
|
|
alt: "Happy Customer 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/colleagues-work-eating-pizza_23-2148894071.jpg",
|
|
alt: "Happy Customer 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/creative-personality-works-creation-new-novel-writes-personal-diary-tries-choose-best-plot-strategy_273609-43841.jpg",
|
|
alt: "Happy Customer 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-prepares-salad-slices-tomatoes-kitchen-daylight-vibe_169016-71201.jpg",
|
|
alt: "Woman prepares salad and slices tomatoes in kitchen daylight vibe",
|
|
},
|
|
]}
|
|
avatarText="Join our growing family of food lovers!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-white-notebook-tomatoes-garlic-lemon-oil-fork-pilaf-tablecloth_140725-78468.jpg"
|
|
imageAlt="Delicious spread of Bedford Bunny dishes"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/view-delicious-cuisine-dish_23-2149460211.jpg",
|
|
alt: "View of delicious cuisine dish",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/azeri-national-cuisine-dyushbar-gyurza-piti-pickles_141793-428.jpg",
|
|
alt: "Azeri national cuisine of dyushbar, gyurza, piti and pickles",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/overhead-view-traditional-meal-spread_141793-16.jpg",
|
|
alt: "Overhead View of a Traditional Meal Spread",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509050.jpg",
|
|
alt: "Delicious floral feast still life",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Quality Guaranteed",
|
|
},
|
|
]}
|
|
marqueeSpeed={40}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Our Story"
|
|
title="Taste the Tradition of Mondeor"
|
|
description="Bedford Bunny isn't just a food business; it's a family passion. For over a decade, we've been serving up mouth-watering dishes that bring smiles to homes across Mondeor."
|
|
subdescription="From our kitchen to your table, every meal is prepared with the freshest local ingredients and a touch of homemade magic. We believe in good food, good company, and great service."
|
|
icon={Utensils}
|
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-cut-chili-peppers-metal-tray_53876-23105.jpg"
|
|
imageAlt="Traditional kitchen with cooking pot"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Swift Delivery",
|
|
description: "Hot & Fresh, Always. Get your favorite meals delivered quickly and efficiently, ensuring they arrive piping hot and ready to enjoy.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-delivering-coffee-cups_23-2149663649.jpg",
|
|
imageAlt: "Food delivery on a scooter",
|
|
},
|
|
items: [
|
|
{
|
|
icon: Truck,
|
|
text: "Fast & Reliable",
|
|
},
|
|
{
|
|
icon: Clock,
|
|
text: "On-Time Service",
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
text: "Local Coverage",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-white-notebook-tomatoes-garlic-lemon-oil-fork-pilaf-tablecloth_140725-78468.jpg",
|
|
imageAlt: "food delivery person on bike",
|
|
},
|
|
{
|
|
title: "Quality Ingredients",
|
|
description: "Farm-to-Table Goodness. We source the finest local produce and premium ingredients to guarantee exceptional taste and freshness in every bite.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-stall-market-sanarysurmer_268835-3781.jpg",
|
|
imageAlt: "Basket of fresh organic vegetables",
|
|
},
|
|
items: [
|
|
{
|
|
icon: Leaf,
|
|
text: "Organic Produce",
|
|
},
|
|
{
|
|
icon: Carrot,
|
|
text: "Freshly Sourced",
|
|
},
|
|
{
|
|
icon: Seedling,
|
|
text: "Sustainable Choices",
|
|
},
|
|
],
|
|
reverse: true,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-with-her-arms-crossed-looking-camera_23-2148122741.jpg",
|
|
imageAlt: "food delivery person on bike",
|
|
},
|
|
{
|
|
title: "Diverse Menu",
|
|
description: "Something for Everyone. Explore our extensive menu featuring classic comfort food, exciting new flavors, and options for every dietary preference.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-delicious-food-composition_23-2149141349.jpg",
|
|
imageAlt: "Variety of food dishes",
|
|
},
|
|
items: [
|
|
{
|
|
icon: ScrollText,
|
|
text: "Extensive Options",
|
|
},
|
|
{
|
|
icon: Pizza,
|
|
text: "Classic & New",
|
|
},
|
|
{
|
|
icon: Salad,
|
|
text: "Dietary Friendly",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-leaning-table-with-fresh-variety-vegetables-domestic-kitchen_23-2148075945.jpg",
|
|
imageAlt: "food delivery person on bike",
|
|
},
|
|
]}
|
|
title="Why Choose Bedford Bunny?"
|
|
description="We make your meal times effortless and delicious."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Classic Bunny Chow",
|
|
price: "R75.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-yummy-shakh-plov-cooked-rice-dish-with-raisins-white-space_140725-97265.jpg",
|
|
imageAlt: "Classic South African Bunny Chow",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Succulent Lamb Curry",
|
|
price: "R120.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-meat-potatoes-inside-plate-dark-blue-desk-food-meat-vegetable-dinner-calorie_140725-31024.jpg",
|
|
imageAlt: "Bowl of succulent lamb curry with rice",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Creamy Chicken Korma",
|
|
price: "R110.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/indian-curry-with-chicken-breast-tomato-sauce-served-with-lavash_114579-248.jpg",
|
|
imageAlt: "Creamy chicken korma with naan bread",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Aromatic Vegetable Biryani",
|
|
price: "R90.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-vegan-salad-various-vegetables_140725-135335.jpg",
|
|
imageAlt: "Colorful aromatic vegetable biryani",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Hearty Beef Stew",
|
|
price: "R95.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-ready-dinner_23-2149370839.jpg",
|
|
imageAlt: "Hearty beef stew with vegetables",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Spicy Peri-Peri Chicken",
|
|
price: "R105.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holds-tray-with-grilled-chicken-thighs-pita-with-onions-herbs_141793-4671.jpg",
|
|
imageAlt: "Grilled spicy Peri-Peri Chicken",
|
|
},
|
|
]}
|
|
title="Our Irresistible Menu"
|
|
description="Explore our culinary delights, crafted to satisfy every craving."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "plan-1",
|
|
badge: "Popular",
|
|
badgeIcon: Sparkles,
|
|
price: "R89.00",
|
|
name: "Lunch Express",
|
|
buttons: [
|
|
{
|
|
text: "Order Now",
|
|
href: "#menu",
|
|
},
|
|
],
|
|
features: [
|
|
"Classic Bunny Chow",
|
|
"Choice of soft drink",
|
|
"Quick & convenient",
|
|
],
|
|
},
|
|
{
|
|
id: "plan-2",
|
|
badge: "Best Value",
|
|
badgeIcon: Star,
|
|
price: "R299.00",
|
|
name: "Family Feast",
|
|
buttons: [
|
|
{
|
|
text: "Order Now",
|
|
href: "#menu",
|
|
},
|
|
],
|
|
features: [
|
|
"Large Lamb Curry",
|
|
"Basmati Rice (large)",
|
|
"4x Naan Bread",
|
|
"Family-sized Salad",
|
|
],
|
|
},
|
|
{
|
|
id: "plan-3",
|
|
badge: "Couple's Choice",
|
|
badgeIcon: Heart,
|
|
price: "R199.00",
|
|
name: "Dinner Delight",
|
|
buttons: [
|
|
{
|
|
text: "Order Now",
|
|
href: "#menu",
|
|
},
|
|
],
|
|
features: [
|
|
"2 Main Courses (any)",
|
|
"2 Sides of choice",
|
|
"2 Desserts",
|
|
"Romantic meal for two",
|
|
],
|
|
},
|
|
]}
|
|
title="Great Value Meal Deals"
|
|
description="Enjoy more for less with our specially curated bundles."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Sarah M.",
|
|
handle: "@SarahMondeor",
|
|
testimonial: "Bedford Bunny is my go-to for delicious, authentic food. Always fresh and flavorful!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-excited-surprised_1194-413834.jpg",
|
|
imageAlt: "Sarah M. - Happy Customer",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Thabo N.",
|
|
handle: "@ThaboFoodie",
|
|
testimonial: "The best Bunny Chow in town, hands down! Tastes just like home-cooked.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-gardener-girl-uniform-wearing-gardening-hat-holding-camera-putting-pumpkin-shoulder-isolated-pink_141793-95366.jpg",
|
|
imageAlt: "Thabo N. - Satisfied Customer",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Emily R.",
|
|
handle: "@EmilyEats",
|
|
testimonial: "Their service is as amazing as their food. Fast delivery and always friendly.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/world-health-day-celebration-with-nutritious-food_23-2151359001.jpg",
|
|
imageAlt: "Emily R. - Food Lover",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "David K.",
|
|
handle: "@ChefDavidK",
|
|
testimonial: "I've tried almost everything on the menu, and I've never been disappointed. Pure comfort food!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
|
|
imageAlt: "David K. - Chef",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Jessica L.",
|
|
handle: "@JessicaFamily",
|
|
testimonial: "Perfect for family dinners. Everyone loves Bedford Bunny. Highly recommend!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-shopping-organic-products_23-2148672820.jpg",
|
|
imageAlt: "Jessica L. - Happy Parent",
|
|
},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Real stories from our happy diners in Mondeor."
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Mondeor Community Centre",
|
|
"Local Food Markets",
|
|
"South Hills Events",
|
|
"The Glen Shopping Centre",
|
|
"Kliprivier Business Forum",
|
|
"Johannesburg Foodies Group",
|
|
"Private Catering Clients",
|
|
]}
|
|
title="Proudly Serving Our Community"
|
|
description="Trusted for quality food and service in Mondeor and beyond."
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1",
|
|
title: "What are your delivery hours?",
|
|
content: "Our delivery service operates from 11:00 AM to 8:00 PM, Monday to Saturday. Orders placed outside these hours will be scheduled for the next delivery window.",
|
|
},
|
|
{
|
|
id: "faq2",
|
|
title: "Do you offer vegetarian/vegan options?",
|
|
content: "Yes, we have a dedicated selection of delicious vegetarian and vegan dishes on our menu. Look for the green leaf icon next to the item descriptions.",
|
|
},
|
|
{
|
|
id: "faq3",
|
|
title: "Can I place a catering order?",
|
|
content: "Absolutely! We offer catering services for events of all sizes. Please contact us directly via phone or email to discuss your specific needs and get a customized quote.",
|
|
},
|
|
]}
|
|
sideTitle="Your Questions Answered"
|
|
sideDescription="Find quick answers to common questions about our food, delivery, and services."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Get in Touch"
|
|
title="Ready to Taste the Difference?"
|
|
description="Place your order, ask about catering, or just say hello! We're here to serve you."
|
|
buttons={[
|
|
{
|
|
text: "Call Us Now",
|
|
href: "tel:+27111234567",
|
|
},
|
|
{
|
|
text: "Send a Message",
|
|
href: "mailto:info@bedfordbunny.co.za",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Bedford Bunny"
|
|
leftLink={{
|
|
text: "About Us",
|
|
href: "#about",
|
|
}}
|
|
rightLink={{
|
|
text: "Order Now",
|
|
href: "#menu",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|