310 lines
12 KiB
TypeScript
310 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Utensils, Clock, Users, ChefHat, Star, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Big Eat"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Reserve Table",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Authentic Italian Cuisine in Every Bite"
|
|
description="Experience the true flavors of Italy at Big Eat. From classic risotto to handmade pasta, our chef-curated menu celebrates traditional Italian cooking with premium local ingredients."
|
|
tag="Est. 2010"
|
|
tagIcon={Utensils}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604317789-wh969pka.jpg"
|
|
imageAlt="Beautifully plated Italian pasta dish"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Reserve Now", href: "contact" },
|
|
{ text: "View Menu", href: "menu" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Big Eat represents a passion for authentic Italian culinary traditions, bringing generations of family recipes and techniques directly to your table with love and excellence"
|
|
useInvertedBackground="noInvert"
|
|
metrics={[
|
|
{ icon: Clock, label: "Years of Excellence", value: "14+" },
|
|
{ icon: Users, label: "Happy Guests", value: "50k+" },
|
|
{ icon: ChefHat, label: "Signature Dishes", value: "40+" },
|
|
{ icon: Star, label: "Rating", value: "4.9★" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
title="Our Culinary Experience"
|
|
description="Discover what makes Big Eat a destination for Italian food lovers"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "tradition",
|
|
label: "Tradition",
|
|
title: "Recipes passed down through generations",
|
|
items: [
|
|
"Family recipes since 1910",
|
|
"Authentic regional Italian cuisine",
|
|
"Traditional cooking methods honored"
|
|
]
|
|
},
|
|
{
|
|
id: "ingredients",
|
|
label: "Premium",
|
|
title: "Only the finest Italian ingredients",
|
|
items: [
|
|
"Imported from Italian suppliers",
|
|
"Fresh local produce daily",
|
|
"Artisanal specialty products"
|
|
]
|
|
},
|
|
{
|
|
id: "experience",
|
|
label: "Dining",
|
|
title: "Unforgettable Italian atmosphere",
|
|
items: [
|
|
"Warm, intimate ambiance",
|
|
"Attentive personalized service",
|
|
"Wine pairings expertly curated"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
title="Signature Menu Items"
|
|
description="Explore our most beloved dishes, crafted with precision and passion"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
gridVariant="two-columns-alternating-heights"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Pasta Classics",
|
|
name: "Spaghetti Carbonara",
|
|
price: "$18.50",
|
|
rating: 5,
|
|
reviewCount: "324",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604321558-b4wxo6c5.jpg",
|
|
imageAlt: "Creamy carbonara pasta with guanciale"
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Pizza Selection",
|
|
name: "Pizza Margherita",
|
|
price: "$16.00",
|
|
rating: 5,
|
|
reviewCount: "456",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604320823-a24nnfys.jpg",
|
|
imageAlt: "Traditional margherita pizza with fresh mozzarella"
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Main Courses",
|
|
name: "Osso Buco alla Milanese",
|
|
price: "$28.00",
|
|
rating: 5,
|
|
reviewCount: "287",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604323253-324a6qf5.jpg",
|
|
imageAlt: "Braised veal shanks in rich tomato sauce"
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "Pasta Specialties",
|
|
name: "Handmade Ravioli Ricotta",
|
|
price: "$20.50",
|
|
rating: 5,
|
|
reviewCount: "198",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604324029-fqmxwt17.jpg",
|
|
imageAlt: "Homemade ravioli filled with creamy ricotta"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardThirteen
|
|
title="What Our Guests Say"
|
|
description="Join thousands of satisfied diners who've experienced Big Eat's authentic Italian hospitality"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Maria Rossi",
|
|
handle: "@maria_rossi",
|
|
testimonial: "The most authentic Italian experience I've had outside of Italy. Every dish transported me back to my childhood in Rome. Absolutely incredible!",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604325246-xrty7vgk.jpg",
|
|
imageAlt: "Maria Rossi"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marco Colombo",
|
|
handle: "@marco_chef",
|
|
testimonial: "As a chef myself, I'm extremely impressed by the quality and authenticity. This is how Italian food should be prepared and served.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604325855-yc6zt4lm.jpg",
|
|
imageAlt: "Marco Colombo"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Isabella Russo",
|
|
handle: "@isabella_travels",
|
|
testimonial: "Best pasta I've ever had! The homemade ravioli was pure perfection. The staff made us feel like family. Will definitely return!",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604326456-bmcusilz.jpg",
|
|
imageAlt: "Isabella Russo"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Giovanni Moretti",
|
|
handle: "@giov_loves_food",
|
|
testimonial: "From the ambiance to the food to the wine selection, everything was flawless. This is my new favorite restaurant in the city!",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604327237-9u8p6kw2.jpg",
|
|
imageAlt: "Giovanni Moretti"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions"
|
|
description="Everything you need to know about Big Eat"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604327992-wu5rs8xi.jpg"
|
|
imageAlt="Elegant Big Eat dining room"
|
|
mediaPosition="left"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Do you accept reservations?",
|
|
content: "Yes, we highly recommend reservations, especially for weekends and special occasions. You can book online through our website or call us directly at (555) 123-4567."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "What are your hours of operation?",
|
|
content: "We're open Tuesday-Thursday 5:00 PM - 10:00 PM, Friday-Saturday 5:00 PM - 11:00 PM, and Sunday 5:00 PM - 9:00 PM. We're closed Mondays for staff training and menu preparation."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Do you offer private dining?",
|
|
content: "Absolutely! We have private dining spaces available for parties of 10-50 guests. Contact us for special pricing and menu customization options."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Are there dietary accommodations?",
|
|
content: "Yes, we can accommodate vegetarian, vegan, and gluten-free diets. Please inform us when making your reservation so our chef can prepare special selections."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Do you have a wine list?",
|
|
content: "We feature an extensive selection of Italian wines with over 150 labels. Our sommelier is available to recommend perfect pairings for your meal."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Stay Connected"
|
|
tagIcon={Mail}
|
|
title="Join Our Italian Food Community"
|
|
description="Subscribe to receive updates on seasonal specials, wine pairings, and exclusive dining events"
|
|
useInvertedBackground="noInvert"
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime. Your email will be used for updates and special offers only."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604317789-wh969pka.jpg"
|
|
imageAlt="Big Eat Italian Restaurant"
|
|
logoText="Big Eat"
|
|
copyrightText="© 2025 Big Eat Italian Restaurant. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Restaurant",
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Menu", href: "menu" },
|
|
{ label: "Reservations", href: "contact" },
|
|
{ label: "Private Events", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Visit Us",
|
|
items: [
|
|
{ label: "Hours: Tue-Thu 5-10pm" },
|
|
{ label: "Fri-Sat 5-11pm, Sun 5-9pm" },
|
|
{ label: "(555) 123-4567" },
|
|
{ label: "123 Italian Lane, Downtown" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Newsletter", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |