176 lines
11 KiB
TypeScript
176 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import ReactLenis from "lenis/react";
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||
import TextAbout from "@/components/sections/about/TextAbout";
|
||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||
import ContactText from "@/components/sections/contact/ContactText";
|
||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||
import { Sparkles } from "lucide-react";
|
||
|
||
export default function ItalianRestaurantPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="mediumLarge"
|
||
background="floatingGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
brandName="Bella Italia"
|
||
navItems={[
|
||
{ name: "Menu", id: "menu" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Reservations", id: "contact" },
|
||
{ name: "Reviews", id: "testimonials" }
|
||
]}
|
||
button={{
|
||
text: "Book a Table", href: "contact"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboard
|
||
title="Welcome to Bella Italia"
|
||
description="Authentic Italian cuisine crafted with passion and tradition. Experience the flavors of Italy in every dish."
|
||
background={{ variant: "sparkles-gradient" }}
|
||
tag="Fine Dining"
|
||
tagIcon={Sparkles}
|
||
imageSrc="https://img.b2bpic.net/premium-photo/tasted-famous-italian-food_119101-260.jpg?id=6608694"
|
||
imageAlt="Elegant Italian restaurant dining room"
|
||
buttons={[
|
||
{ text: "Reserve Now", href: "contact" },
|
||
{ text: "View Menu", href: "menu" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
title="Authentic Italian Heritage"
|
||
buttons={[
|
||
{ text: "Learn More", href: "#" }
|
||
]}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardOne
|
||
title="Featured Dishes"
|
||
description="Discover our signature dishes, carefully crafted using authentic Italian recipes and premium ingredients."
|
||
products={[
|
||
{
|
||
id: "1", name: "Tagliatelle al Ragù", price: "$28", imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan-inside-blue-plate-top-view_114579-1556.jpg", imageAlt: "Tagliatelle al Ragù with meat sauce"
|
||
},
|
||
{
|
||
id: "2", name: "Risotto ai Funghi", price: "$26", imageSrc: "https://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-chopped-parmesan-tomato-basilic_114579-919.jpg", imageAlt: "Creamy mushroom risotto"
|
||
},
|
||
{
|
||
id: "3", name: "Tiramisu Tradizionale", price: "$12", imageSrc: "https://img.b2bpic.net/free-photo/top-view-chicken-spaghetti-with-bell-peppers-parsley_140725-312.jpg", imageAlt: "Classic tiramisu dessert"
|
||
}
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="impact" data-section="impact">
|
||
<MetricCardFourteen
|
||
title="Celebrating Our Success"
|
||
tag="By The Numbers"
|
||
metrics={[
|
||
{
|
||
id: "1", value: "25+", description: "Years of excellence in authentic Italian cuisine and hospitality"
|
||
},
|
||
{
|
||
id: "2", value: "50,000+", description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
|
||
}
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
title="What Our Guests Say"
|
||
description="Experience the warmth and authenticity that our visitors cherish about Bella Italia."
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "An Unforgettable Evening", quote: "The pasta was absolutely divine! Every bite transported me straight to Italy. The ambiance, the service, everything was perfect. We'll definitely be back.", name: "Maria Rossi", role: "Food Critic", imageSrc: "https://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg", imageAlt: "Maria Rossi"
|
||
},
|
||
{
|
||
id: "2", title: "Authentic Italian Magic", quote: "This is the most authentic Italian restaurant I've found in the city. The chef clearly knows his craft, and it shows in every plate. A true gem!", name: "Giovanni Ferrari", role: "Restaurant Enthusiast", imageSrc: "https://img.b2bpic.net/free-photo/chef-white-uniform-garnishes-plated-dish-with-herbs-spices_482257-121123.jpg", imageAlt: "Giovanni Ferrari"
|
||
},
|
||
{
|
||
id: "3", title: "Perfect for Special Occasions", quote: "We celebrated our anniversary here and it was spectacular. The attention to detail, the wine pairings, the warmth of the staff – simply extraordinary.", name: "Elena Marchetti", role: "Couple", imageSrc: "https://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16131.jpg", imageAlt: "Elena Marchetti"
|
||
},
|
||
{
|
||
id: "4", title: "Worth Every Visit", quote: "I've been coming to Bella Italia for three years now. The consistency, quality, and passion never wavers. It's become my second home.", name: "Antonio Bianchi", role: "Regular Guest", imageSrc: "https://img.b2bpic.net/free-photo/chef-workg-together-professional-kitchen_23-2149727992.jpg", imageAlt: "Antonio Bianchi"
|
||
}
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="comparison" data-section="comparison">
|
||
<FeatureCardSixteen
|
||
title="What Sets Us Apart"
|
||
description="Traditional Italian dining elevated with modern hospitality and exceptional service."
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
negativeCard={{
|
||
items: [
|
||
"Standard Dining Experience", "Generic Menu Offerings", "Hasty Restaurant Service", "Limited Beverage Selection"
|
||
]
|
||
}}
|
||
positiveCard={{
|
||
items: [
|
||
"Fresh ingredients sourced daily from Italy", "Consistent excellence in every dish", "Attentive, unhurried service", "Curated selection of Italian wines"
|
||
]
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
text="Ready to experience authentic Italian cuisine? Reserve your table at Bella Italia and join us for an evening of culinary excellence."
|
||
background={{ variant: "plain" }}
|
||
buttons={[
|
||
{ text: "Make a Reservation", href: "https://example.com/reservations" },
|
||
{ text: "Contact Us", href: "mailto:info@bellaitalia.com" }
|
||
]}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Bella Italia"
|
||
leftLink={{ text: "Privacy Policy", href: "#privacy" }}
|
||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |