|
|
|
|
@@ -10,49 +10,49 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen
|
|
|
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import { Sparkles, Heart, ChefHat, Star } from "lucide-react";
|
|
|
|
|
import { Phone, Wine, Users, Award } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="icon-arrow"
|
|
|
|
|
defaultTextAnimation="background-highlight"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="mediumLarge"
|
|
|
|
|
background="floatingGradient"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="glass-depth"
|
|
|
|
|
primaryButtonStyle="shadow"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
brandName="Bella Italia"
|
|
|
|
|
brandName="Oma Osteria Moderna"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Menu", id: "product" },
|
|
|
|
|
{ name: "Experience", id: "testimonial" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
{ name: "Chi Siamo", id: "about" },
|
|
|
|
|
{ name: "Menu", id: "menu" },
|
|
|
|
|
{ name: "Recensioni", id: "testimonial" },
|
|
|
|
|
{ name: "Eventi", id: "feature" },
|
|
|
|
|
{ name: "Contatti", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
button={{ text: "Reserve Table", href: "contact" }}
|
|
|
|
|
button={{ text: "Chiama Ora", href: "contact" }}
|
|
|
|
|
animateOnLoad={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboard
|
|
|
|
|
title="Experience Authentic Italian Cuisine"
|
|
|
|
|
description="Welcome to Bella Italia, where tradition meets passion. Discover the flavors of Italy crafted with the finest ingredients and served with genuine warmth."
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
tag="Est. 2010"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
title="La tradizione romana, reinterpretata con eleganza."
|
|
|
|
|
description="Benvenuti a Oma Osteria Moderna. Dove la cucina romana incontra la raffinatezza contemporanea, in un ambiente accogliente che raconta storie di passione e competenza gastronomica."
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
tag="Rating 4,8★ • Oltre 100 recensioni"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-fried-chicken-with-baked-potatoes-wooden-board-glass-red-wine-table_140725-12806.jpg"
|
|
|
|
|
imageAlt="Elegant Italian restaurant dining ambiance"
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1517248135467-4d71bcdd2167?w=1200&h=800&fit=crop"
|
|
|
|
|
imageAlt="Oma Osteria Moderna - Ambiente elegante e accogliente"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Reserve Now", href: "contact" },
|
|
|
|
|
{ text: "View Menu", href: "product" },
|
|
|
|
|
{ text: "📞 Chiama per Prenotare", href: "contact" },
|
|
|
|
|
{ text: "Prenota un Tavolo", href: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
@@ -60,103 +60,109 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextAbout
|
|
|
|
|
tag="Our Story"
|
|
|
|
|
tagIcon={Heart}
|
|
|
|
|
tag="La Nostra Storia"
|
|
|
|
|
tagAnimation="opacity"
|
|
|
|
|
title="For over a decade, Bella Italia has been the heart of authentic Italian dining in our community. Our chefs bring generations of family recipes to life, using only the finest imported ingredients and locally sourced produce."
|
|
|
|
|
title="Oma non è solo un ristorante. È la tradizione romana raccontata con eleganza, passione e modernità. I nostri chef reinterpretano piatti iconici della cucina laziale con ingredienti di qualità superiore, creando esperienze gastronomiche memorabili in un'atmosfera raffinata ma genuinamente accogliente."
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[{ text: "Learn More", href: "#" }]}
|
|
|
|
|
buttons={[{ text: "Scopri di Più", href: "#" }]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="product" data-section="product">
|
|
|
|
|
<div id="menu" data-section="menu">
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
title="Our Signature Dishes"
|
|
|
|
|
description="Explore our carefully curated menu featuring classic Italian favorites and seasonal specialties."
|
|
|
|
|
tag="Culinary Excellence"
|
|
|
|
|
tagIcon={ChefHat}
|
|
|
|
|
title="I Piatti Iconici di Oma"
|
|
|
|
|
description="Scopri le nostre specialità: piatti che raccontano la storia della cucina romana rivisitata con competenza e passione."
|
|
|
|
|
tag="Specialità"
|
|
|
|
|
tagIcon={Wine}
|
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Fresh Pasta Carbonara", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-pasta-white-plate_181624-42231.jpg", imageAlt: "Classic carbonara with creamy sauce"},
|
|
|
|
|
id: "1", name: "Spaghetti alla Carbonara", price: "€18", imageSrc: "https://images.unsplash.com/photo-1621996346565-e3dbc646d9a9?w=500&h=500&fit=crop", imageAlt: "Spaghetti alla Carbonara - Ricetta romana autentica"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Risotto ai Funghi", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/bowl-creamy-risotto-topped-with-parmesan-cheese-parsley_9975-124916.jpg", imageAlt: "Creamy mushroom risotto"},
|
|
|
|
|
id: "2", name: "Tiramisu Classico", price: "€8", imageSrc: "https://images.unsplash.com/photo-1571115764595-644a12c7b757?w=500&h=500&fit=crop", imageAlt: "Tiramisu - Dolce tradizionale italiano"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Tiramisu Classico", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-piece-tiramisu_23-2147772015.jpg", imageAlt: "Traditional tiramisu dessert"},
|
|
|
|
|
id: "3", name: "Crostatina Ricotta e Fichi", price: "€9", imageSrc: "https://images.unsplash.com/photo-1565958011457-ce63c08b11ad?w=500&h=500&fit=crop", imageAlt: "Crostatina con ricotta e fichi - Dolce di stagione"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metric" data-section="metric">
|
|
|
|
|
<MetricCardFourteen
|
|
|
|
|
title="Celebrating Our Success"
|
|
|
|
|
tag="Since 2010"
|
|
|
|
|
tagAnimation="opacity"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "1", value: "15K+", description: "Happy guests served annually" },
|
|
|
|
|
{ id: "2", value: "100%", description: "Authentic Italian recipes" },
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
|
|
|
<TestimonialCardTen
|
|
|
|
|
title="Guest Experiences"
|
|
|
|
|
description="Hear from our valued guests about their unforgettable dining experiences at Bella Italia."
|
|
|
|
|
title="Le Esperienze dei Nostri Ospiti"
|
|
|
|
|
description="Scopri cosa dicono di noi i nostri clienti. Un rating di 4,8 stelle che riflette il nostro impegno quotidiano verso l'eccellenza."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
tag="Reviews"
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
tag="Voti e Recensioni"
|
|
|
|
|
tagIcon={Award}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "A Slice of Italy", quote: "Every visit feels like stepping into a warm Italian kitchen. The food is exceptional, and the hospitality is genuine. Bella Italia is our family's favorite restaurant.", name: "Maria Rossi", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1", imageAlt: "Maria Rossi"},
|
|
|
|
|
id: "1", title: "Cucina romana perfetta", quote: "Staff simpatico e competente. La cucina romana con un tocco di raffinatezza che la rende ancora più speciale. Ambiente elegante e accogliente.", name: "Marco Rossi", role: "Cliente regolare", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", imageAlt: "Marco Rossi"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Authentic Excellence", quote: "The pasta here is absolutely divine. You can taste the passion in every dish. This is authentic Italian cuisine at its finest.", name: "Antonio Bellini", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2", imageAlt: "Antonio Bellini"},
|
|
|
|
|
id: "2", title: "Competenza e passione", quote: "Lo chef racconta ogni piatto con una passione che si sente nel gusto. Questo è ciò che rende Oma un'esperienza gastronomica memorabile.", name: "Elena Monti", role: "Food blogger", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop", imageAlt: "Elena Monti"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Perfect Celebrations", quote: "We celebrated our anniversary here last month. The ambiance, the service, and the food were all perfect. Highly recommended!", name: "Elena Monti", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3", imageAlt: "Elena Monti"},
|
|
|
|
|
id: "3", title: "Qualità a prezzo accessibile", quote: "Non è facile trovare questa qualità a questi prezzi. Oma è diventato il nostro ristorante preferito per cene speciali e uscite informali.", name: "Antonio Bellini", role: "Frequentatore abituale", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop", imageAlt: "Antonio Bellini"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "Worth Every Visit", quote: "The attention to detail is remarkable. From the wine selection to the presentation, everything reflects a commitment to excellence.", name: "Marco Cappuccini", role: "Frequent Guest", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=4", imageAlt: "Marco Cappuccini"},
|
|
|
|
|
id: "4", title: "Ambiente raffinato e genuino", quote: "La perfetta combinazione di eleganza e calore. Ci sentiamo accolti come ospiti in casa, pur godendo di un servizio professionale di altissimo livello.", name: "Giulia De Luca", role: "Cliente speciale", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop", imageAlt: "Giulia De Luca"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="feature" data-section="feature">
|
|
|
|
|
<FeatureCardSixteen
|
|
|
|
|
title="Why Choose Bella Italia"
|
|
|
|
|
description="Experience the difference quality and authenticity make in every dish."
|
|
|
|
|
title="Eventi e Gruppi da Oma"
|
|
|
|
|
description="Che si tratti di una cena aziendale, un compleanno indimenticabile, o un evento privato speciale, Oma è il luogo perfetto. Menù personalizzati, spazi accoglienti, e il nostro impegno verso l'eccellenza."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
negativeCard={{ items: ["Spazi anonimi e impersonali", "Menu fissi e senza personalizzazione", "Servizio generico e distratto"] }}
|
|
|
|
|
positiveCard={{ items: ["Ambiente elegante e versatile", "Menù personalizzati per ogni evento", "Staff dedito e attento ad ogni dettaglio"] }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metric" data-section="metric">
|
|
|
|
|
<MetricCardFourteen
|
|
|
|
|
title="Numeri che Parlano"
|
|
|
|
|
tag="Il Nostro Successo"
|
|
|
|
|
tagAnimation="opacity"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "1", value: "4,8", description: "Valutazione media • Oltre 100 recensioni" },
|
|
|
|
|
{ id: "2", value: "20-30€", description: "Prezzo medio a persona • Qualità superiore" },
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
negativeCard={{ items: ["Mass-produced ingredients", "Rushed preparation", "Generic dining experience"] }}
|
|
|
|
|
positiveCard={{ items: ["Premium imported Italian ingredients", "Slow-food preparation philosophy", "Personalized hospitality"] }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactText
|
|
|
|
|
text="Ready to join us for an unforgettable Italian dining experience? Reserve your table today and taste the difference genuine Italian cuisine makes."
|
|
|
|
|
animationType="background-highlight"
|
|
|
|
|
text="Pronto a scoprire la magia della cucina romana reinterpretata? Contattaci oggi per una prenotazione e vivi un'esperienza gastronomica che non dimenticherai. Chiama direttamente o usa il nostro modulo di prenotazione online."
|
|
|
|
|
animationType="entrance-slide"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Reserve Table", href: "contact" },
|
|
|
|
|
{ text: "Call Us", href: "#" },
|
|
|
|
|
{ text: "📞 Chiama Subito", href: "tel:+39061234567" },
|
|
|
|
|
{ text: "Prenota Online", href: "#" },
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
logoText="Bella Italia"
|
|
|
|
|
logoText="Oma Osteria Moderna"
|
|
|
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
|
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
|
|
|
rightLink={{ text: "Termini di Servizio", href: "#" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|
