207 lines
9.7 KiB
TypeScript
207 lines
9.7 KiB
TypeScript
"use client";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { ChefHat, Sparkles } from "lucide-react";
|
|
import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
|
|
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
|
import MediaSplitTabsAbout from "@/components/sections/about/MediaSplitTabsAbout";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="noiseGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="neon-glow-border"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Bella Italia"
|
|
button={{
|
|
text: "Reserve Table", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Authentic Italian Dining"
|
|
description="Experience the essence of Italy with our carefully crafted cuisine, finest ingredients, and warm hospitality. Every dish tells a story of tradition and passion."
|
|
tag="Welcome to Bella Italia"
|
|
tagIcon={Sparkles}
|
|
imageSrc="https://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg"
|
|
imageAlt="Elegant Italian restaurant interior with warm lighting"
|
|
buttons={[
|
|
{
|
|
text: "Reserve Now", href: "#contact"
|
|
},
|
|
{
|
|
text: "View Menu", href: "#menu"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitTabsAbout
|
|
title="Our Story"
|
|
description="Rooted in authentic Italian tradition and refined culinary expertise"
|
|
tabs={[
|
|
{
|
|
id: "heritage", label: "Our Heritage", description: "For over 20 years, Bella Italia has been a beacon of authentic Italian cuisine. Our commitment to quality and tradition has made us the finest Italian restaurant in the city, beloved by locals and travelers alike."
|
|
},
|
|
{
|
|
id: "philosophy", label: "Our Philosophy", description: "We believe in the power of simplicity and quality. Using only the finest imported ingredients, local produce, and time-honored recipes passed down through generations, we create dining experiences that transport you to Italy."
|
|
},
|
|
{
|
|
id: "experience", label: "The Experience", description: "Every detail matters—from our warm ambiance to attentive service to perfectly paired wines. We create memories with every meal, ensuring each visit feels like coming home to family."
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081864.jpg"
|
|
imageAlt="Professional chef preparing authentic Italian cuisine"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardOne
|
|
title="Signature Dishes"
|
|
description="Discover our most celebrated creations, each prepared with passion and precision using authentic recipes and the finest ingredients."
|
|
tag="Menu Highlights"
|
|
tagIcon={ChefHat}
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Handmade Pappardelle", description: "Ribbon pasta with wild boar ragù, aged Pecorino Romano, and fresh herbs. A masterpiece of Tuscan tradition.", imageSrc: "https://img.b2bpic.net/free-photo/pasta-with-tomato-herbs_141793-331.jpg", imageAlt: "Handmade pappardelle with rich ragù sauce"
|
|
},
|
|
{
|
|
title: "Wood-Fired Pizza Margherita", description: "Traditional Neapolitan pizza with San Marzano tomatoes, fresh mozzarella, basil, and olive oil from our family's groves.", imageSrc: "https://img.b2bpic.net/free-photo/plate-with-delicious-italian-pasta-dish_23-2149460144.jpg", imageAlt: "Classic pizza margherita with melted cheese and fresh basil"
|
|
},
|
|
{
|
|
title: "Risotto ai Funghi", description: "Creamy Arborio rice with wild mushrooms, white truffle oil, and aged Parmesan. Pure elegance on a plate.", imageSrc: "https://img.b2bpic.net/free-photo/fettuccine-pasta-chicken-mushroom-parmesan-tomato-mint-sumakh-cocktail-side-view_141793-2363.jpg", imageAlt: "Luxurious mushroom risotto with truffle oil"
|
|
},
|
|
{
|
|
title: "Tiramisu Classico", description: "Our grandmother's legendary recipe: layers of espresso-soaked ladyfingers, mascarpone cream, and cocoa dust.", imageSrc: "https://img.b2bpic.net/free-photo/italian-pasta-puttanesca-with-tomato-sauce-capers-black-olives-wooden-table_123827-35806.jpg", imageAlt: "Authentic Italian tiramisu dessert"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Bella Italia transported us straight to Rome. The food was exquisite, the service impeccable, and the atmosphere magical. We've dined everywhere, and this is simply the best Italian restaurant we've ever experienced."
|
|
rating={5}
|
|
author="Marco Rossi, Food Critic"
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4gp0xq", alt: "Portrait of satisfied diner"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1xkcbf", alt: "Portrait of satisfied diner"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y739hu", alt: "Portrait of satisfied diner"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mx08eo", alt: "Portrait of satisfied diner"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="wine-experience" data-section="wine-experience">
|
|
<MetricCardFourteen
|
|
title="Curated wine selection from Italy's finest regions, expertly paired with our dishes to elevate every dining moment."
|
|
tag="Wine Collection"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "200+", description: "Premium Italian wines from Tuscany, Piedmont, and Veneto regions"
|
|
},
|
|
{
|
|
id: "2", value: "15+", description: "Years of sommelier expertise in perfect wine and food pairings"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience authentic Italian hospitality? Reserve your table at Bella Italia and let us create an unforgettable evening for you and your loved ones."
|
|
animationType="background-highlight"
|
|
buttons={[
|
|
{
|
|
text: "Reserve Your Table", href: "tel:+1-555-0123"
|
|
},
|
|
{
|
|
text: "Email Us", href: "mailto:reservations@bellaitalia.com"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Bella Italia"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "#hero"
|
|
},
|
|
{
|
|
label: "About", href: "#about"
|
|
},
|
|
{
|
|
label: "Menu", href: "#menu"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Reserve", href: "#contact"
|
|
},
|
|
{
|
|
label: "Wine Pairing", href: "#wine-experience"
|
|
},
|
|
{
|
|
label: "Contact", href: "#contact"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Monday - Thursday: 5PM - 11PM", href: "tel:+1-555-0123"
|
|
},
|
|
{
|
|
label: "Friday - Saturday: 5PM - Midnight", href: "tel:+1-555-0123"
|
|
},
|
|
{
|
|
label: "Sunday: 5PM - 10PM", href: "tel:+1-555-0123"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |