221 lines
12 KiB
TypeScript
221 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Coffee, Heart, Info, Smile, Star, ThumbsUp, Utensils } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Order", id: "https://www.google.com/maps/place/Busy+Beans+Betul" }
|
|
]}
|
|
brandName="Busy Beans"
|
|
bottomLeftText="Chakkar Rd, Betul"
|
|
bottomRightText="070674 67858"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Betul's Favorite Café for Pizza, Pasta & Hangouts"
|
|
description="Delicious food, great vibes, and affordable prices at Busy Beans Betul. Open until 11 PM with dine-in, pickup, and delivery options."
|
|
tag="Rated 4.7★ - 85+ Reviews"
|
|
tagIcon={Star}
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:07067467858" },
|
|
{ text: "Order Online", href: "https://www.google.com/maps/place/Busy+Beans+Betul" }
|
|
]}
|
|
mediaItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i7me6m&_wi=1", imageAlt: "Fresh Italian pizza with melted cheese" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tqhrpv&_wi=1", imageAlt: "Paneer Makhni Pizza signature dish" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nv9xqb&_wi=1", imageAlt: "Creamy Maggi Pasta" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=daglru&_wi=1", imageAlt: "Delicious White Sauce Pasta" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfvanx&_wi=1", imageAlt: "Double Cheese Pizza with gooey cheese" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="popular-dishes" data-section="popular-dishes">
|
|
<ProductCardThree
|
|
title="Our Popular Dishes"
|
|
description="Try our signature favorites loved by thousands of customers in Betul"
|
|
tag="Best Sellers"
|
|
products={[
|
|
{ id: "1", name: "Paneer Makhni Pizza", price: "₹280", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tqhrpv&_wi=2", imageAlt: "Paneer Makhni Pizza" },
|
|
{ id: "2", name: "Maggi Pasta", price: "₹150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nv9xqb&_wi=2", imageAlt: "Maggi Pasta" },
|
|
{ id: "3", name: "White Sauce Pasta", price: "₹180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=daglru&_wi=2", imageAlt: "White Sauce Pasta" },
|
|
{ id: "4", name: "Double Cheese Pizza", price: "₹250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfvanx&_wi=2", imageAlt: "Double Cheese Pizza" }
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Why People Love Busy Beans"
|
|
description="Read what our customers have to say about their experience"
|
|
tag="Customer Reviews"
|
|
testimonials={[
|
|
{ id: "1", name: "Priya Sharma", role: "Student", testimonial: "Amazing taste, delicious white sauce pasta. The perfect hangout spot for me and my friends. Affordable prices too!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fnzhoa", imageAlt: "Priya Sharma", icon: Heart },
|
|
{ id: "2", name: "Rajesh Kumar", role: "Professional", testimonial: "Nice place, good food, affordable rate. Perfect for quick lunch breaks and meetings. Great service!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbs0at", imageAlt: "Rajesh Kumar", icon: ThumbsUp },
|
|
{ id: "3", name: "Ananya Verma", role: "Family", testimonial: "Taste, service and ambience everything is perfect. My family visits every weekend. Kids love the pizza!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1mp80d", imageAlt: "Ananya Verma", icon: Smile },
|
|
{ id: "4", name: "Vikram Singh", role: "Couple", testimonial: "Best café in Betul for couples looking for a cozy dinner spot. Romantic ambience and delicious food!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6jghfl", imageAlt: "Vikram Singh", icon: Star }
|
|
]}
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Us"
|
|
tagIcon={Info}
|
|
title="Busy Beans Betul - Your Favorite Local Café"
|
|
description="Cozy Italian-Style Café"
|
|
subdescription="Loved by Students, Professionals & Families"
|
|
icon={Coffee}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02h8ow&_wi=1"
|
|
imageAlt="Busy Beans Betul café interior with warm lighting"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardSeven
|
|
title="Our Menu Categories"
|
|
description="Explore our diverse selection of Italian and café favorites"
|
|
tag="Full Menu Available"
|
|
features={[
|
|
{ id: 1, title: "Pizza", description: "Fresh, wood-fired pizzas with premium toppings and authentic Italian recipes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i7me6m&_wi=2", imageAlt: "Fresh Italian Pizza" },
|
|
{ id: 2, title: "Pasta", description: "Creamy pastas and maggi specials prepared with love and quality ingredients.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=daglru&_wi=3", imageAlt: "Delicious Pasta Dishes" },
|
|
{ id: 3, title: "Rolls & Snacks", description: "Veg cheese rolls, wraps, and quick bites perfect for on-the-go meals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bmv7k9&_wi=1", imageAlt: "Rolls and Snacks" },
|
|
{ id: 4, title: "Cold Beverages", description: "Refreshing cold drinks, smoothies, and coffee to complement your meal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zffhhe", imageAlt: "Cold Beverages" }
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "View Full Menu", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<MetricCardEleven
|
|
title="Gallery"
|
|
description="Experience the warm ambience and delicious food at Busy Beans Betul"
|
|
tag="Photo Gallery"
|
|
metrics={[
|
|
{ id: "1", value: "Fresh", title: "Daily Ingredients", description: "Quality food prepared fresh every day", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bmv7k9&_wi=2", imageAlt: "Fresh food preparation" },
|
|
{ id: "2", value: "Cozy", title: "Café Vibes", description: "Perfect ambience for hanging out", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02h8ow&_wi=2", imageAlt: "Comfortable café interior" },
|
|
{ id: "3", value: "Happy", title: "Moments", description: "Create memories with friends and family", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sjg05s", imageAlt: "Friends enjoying together" }
|
|
]}
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactCTA
|
|
tag="Craving Something Delicious?"
|
|
tagIcon={Utensils}
|
|
title="Order Now or Reserve Your Table"
|
|
description="Get your favorite food delivered, pick it up, or dine with us today. Open until 11 PM every day."
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:07067467858" },
|
|
{ text: "Get Directions", href: "https://www.google.com/maps/place/Busy+Beans+Betul" }
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<TeamCardEleven
|
|
title="Location & Contact"
|
|
description="Visit us at our cozy location in Betul"
|
|
tag="Find Us"
|
|
groups={[
|
|
{
|
|
id: "location", groupTitle: "Busy Beans Betul", members: [
|
|
{ id: "1", title: "📍 Address", subtitle: "Chakkar Rd, opposite Ankur Construction", detail: "Sunita Colony, Betul, MP 460001", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q9nv9c&_wi=1", imageAlt: "Location" },
|
|
{ id: "2", title: "📞 Phone", subtitle: "Call us anytime", detail: "070674 67858", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q9nv9c&_wi=2", imageAlt: "Phone" },
|
|
{ id: "3", title: "🕐 Hours", subtitle: "Open Daily", detail: "Until 11:00 PM", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q9nv9c&_wi=3", imageAlt: "Hours" }
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "#" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "Gallery", href: "#gallery" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Dine-in", href: "#" },
|
|
{ label: "Pickup", href: "#" },
|
|
{ label: "Delivery", href: "#" },
|
|
{ label: "Reservations", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Call Us", href: "tel:07067467858" },
|
|
{ label: "Google Maps", href: "https://www.google.com/maps/place/Busy+Beans+Betul" },
|
|
{ label: "Reviews", href: "https://www.google.com/maps/place/Busy+Beans+Betul" },
|
|
{ label: "WhatsApp", href: "https://wa.me/07067467858" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Busy Beans Betul. All rights reserved. | Chakkar Rd, Betul, MP"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|