216 lines
12 KiB
TypeScript
216 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Calendar, ChefHat, Clock, Leaf, Smile, Sparkles, Star, Users, Wine } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Osteria del Museo"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Experience", id: "experience" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Reserve", id: "reservation" }
|
|
]}
|
|
button={{ text: "Reserve Table", href: "#reservation" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Authentic Italian Dining at Osteria del Museo"
|
|
description="Where tradition, flavor, and hospitality meet. Experience exquisite handmade pasta, carefully selected wines, and the warmth of a true Italian neighborhood restaurant."
|
|
tag="Welcome"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
leftCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-thanksgiving-meal_23-2148629543.jpg?_wi=1", imageAlt: "Beautiful Italian dishes and wine" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/tomato-cheese-salad-with-pesto-sauce_140725-5951.jpg", imageAlt: "Traditional Italian appetizers" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-wine-carafe-table_23-2149631798.jpg", imageAlt: "Premium Italian wine selection" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-top-view_23-2148966218.jpg?_wi=1", imageAlt: "Cozy restaurant interior" }
|
|
]}
|
|
rightCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-dough-slices-with-flour-wooden-desk_140725-91103.jpg", imageAlt: "Handmade fresh pasta" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-caesar-salad-with-crackers-cheese-grater-white-plate_176474-3024.jpg", imageAlt: "Seasonal specialty dishes" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg?_wi=1", imageAlt: "Friendly and welcoming staff" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/old-concrete-cathedral-with-statue_250224-66.jpg?_wi=1", imageAlt: "Museum cultural area location" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Reserve a Table", href: "#reservation" },
|
|
{ text: "View Menu", href: "#menu" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Osteria del Museo represents authentic Italian dining at its finest. We honor traditional recipes passed down through generations, using only the finest fresh ingredients and a carefully curated wine selection. Our warm, neighborhood atmosphere welcomes both locals and travelers seeking an unforgettable culinary experience near the cultural heart of the city."
|
|
metricsAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ icon: Clock, label: "Years of Tradition", value: "20+" },
|
|
{ icon: Users, label: "Happy Guests", value: "10K+" },
|
|
{ icon: Wine, label: "Curated Wines", value: "150+" },
|
|
{ icon: ChefHat, label: "Handmade Dishes", value: "100+" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardTwelve
|
|
title="Menu Highlights"
|
|
description="Discover our signature offerings crafted with passion and the finest ingredients"
|
|
tag="Specialties"
|
|
tagIcon={Leaf}
|
|
tagAnimation="blur-reveal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "handmade-pasta", label: "Handmade Pasta", title: "Artisan Fresh Pasta", items: ["Tagliatelle al Ragù Bolognese", "Pappardelle with Wild Boar", "Homemade Ravioli with Ricotta", "Fresh Egg Noodles Daily"]
|
|
},
|
|
{
|
|
id: "starters", label: "Starters", title: "Traditional Italian Antipasti", items: ["Prosciutto di Parma with Burrata", "Bruschetta al Pomodoro", "Carpaccio di Vitello", "Mixed Cured Meats & Cheeses"]
|
|
},
|
|
{
|
|
id: "seasonal", label: "Seasonal", title: "Chef's Specialties", items: ["Market-Fresh Seasonal Risotto", "Wild Mushroom & Truffle Dishes", "Fresh Seafood Preparations", "Rotating Weekly Specials"]
|
|
},
|
|
{
|
|
id: "wines", label: "Wines", title: "Carefully Selected Collection", items: ["Tuscan Chianti & Brunello", "Piedmont Barolo & Barbaresco", "Premium Pinot Grigio Selections", "Dessert Wines & Prosecco"]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<MetricCardEleven
|
|
title="The Osteria del Museo Experience"
|
|
description="A warm, welcoming neighborhood restaurant perfect for dinner after visiting the museum or a casual night out with friends and family"
|
|
tag="Atmosphere"
|
|
tagIcon={Smile}
|
|
tagAnimation="blur-reveal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "cozy-interior", value: "Intimate", title: "Cozy Interior", description: "Warm lighting and inviting ambiance create the perfect setting", imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-top-view_23-2148966218.jpg?_wi=2", imageAlt: "Cozy restaurant interior with warm lighting"
|
|
},
|
|
{
|
|
id: "friendly-staff", value: "Genuine", title: "Friendly Staff", description: "Our team treats every guest like family", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg?_wi=2", imageAlt: "Welcoming restaurant staff serving guests"
|
|
},
|
|
{
|
|
id: "museum-location", value: "Perfect", title: "Cultural District", description: "Located near the museum for an enriching evening", imageSrc: "http://img.b2bpic.net/free-photo/old-concrete-cathedral-with-statue_250224-66.jpg?_wi=2", imageAlt: "Museum cultural area location"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Our Guests Say"
|
|
description="Real reviews from locals and travelers who love dining at Osteria del Museo"
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="blur-reveal"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marco Rossi", role: "Local Resident", testimonial: "Lovely food and wines. This is exactly what authentic Italian dining should be. We've recommended Osteria del Museo to all our friends.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-work-medium-shot_23-2149308464.jpg", imageAlt: "Marco Rossi"
|
|
},
|
|
{
|
|
id: "2", name: "Sofia Benedetti", role: "Frequent Guest", testimonial: "Very friendly staff and really good quality food. Every visit feels like coming home. The attention to detail is remarkable.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", imageAlt: "Sofia Benedetti"
|
|
},
|
|
{
|
|
id: "3", name: "Andrea Villa", role: "Museum Visitor", testimonial: "Nice neighborhood restaurant recommended by locals. Perfect spot for dinner after visiting the museum. Outstanding experience!", imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-crossed-eyes_1187-3266.jpg", imageAlt: "Andrea Villa"
|
|
},
|
|
{
|
|
id: "4", name: "Giulia Romano", role: "Restaurant Regular", testimonial: "The handmade pasta is exceptional and the wine selection is carefully curated. We come here regularly and never have a bad meal.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg", imageAlt: "Giulia Romano"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reservation" data-section="reservation">
|
|
<ContactSplit
|
|
tag="Booking"
|
|
tagIcon={Calendar}
|
|
tagAnimation="blur-reveal"
|
|
title="Book Your Table"
|
|
description="Reserve your table at Osteria del Museo and prepare for an unforgettable evening of authentic Italian cuisine and warm hospitality."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-thanksgiving-meal_23-2148629543.jpg?_wi=2"
|
|
imageAlt="Beautiful Italian dining experience"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Reserve Now"
|
|
termsText="We'll contact you to confirm your reservation. Check your email for booking details."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Restaurant", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "Experience", href: "#experience" },
|
|
{ label: "Reserve", href: "#reservation" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: +39 06 1234 5678", href: "tel:+390612345678" },
|
|
{ label: "Email: info@osteriamuseo.it", href: "mailto:info@osteriamuseo.it" },
|
|
{ label: "Via della Cultura 42, Roma", href: "https://maps.google.com" },
|
|
{ label: "Hours: Tue-Sun 18:00-23:00", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Follow Us", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "TripAdvisor", href: "https://tripadvisor.com" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Osteria del Museo. Authentic Italian Dining Since 2005. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|