Files
fef6e10e-e915-472c-91eb-90e…/src/app/page.tsx
2026-03-13 07:15:40 +00:00

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>
);
}