|
|
|
|
@@ -1,14 +1,6 @@
|
|
|
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
|
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
|
|
|
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
|
|
|
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
|
|
|
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
|
|
|
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
|
import { Award, Calendar, Heart, Sparkles, Star } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -25,224 +17,433 @@ export default function LandingPage() {
|
|
|
|
|
headingFontWeight="normal"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleMinimal
|
|
|
|
|
brandName="Trattoria"
|
|
|
|
|
button={{
|
|
|
|
|
text: "Reserve Table",
|
|
|
|
|
href: "#contact"
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
<div className="w-full bg-white/80 backdrop-blur-md border-b border-gray-200">
|
|
|
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
|
|
<div className="flex justify-between items-center py-4">
|
|
|
|
|
<div className="text-xl font-semibold text-gray-900">
|
|
|
|
|
Trattoria
|
|
|
|
|
</div>
|
|
|
|
|
<a
|
|
|
|
|
href="#contact"
|
|
|
|
|
className="inline-flex items-center px-4 py-2 rounded-md bg-green-600 text-white hover:bg-green-700 transition-colors"
|
|
|
|
|
>
|
|
|
|
|
Reserve Table
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardRotatedCarousel
|
|
|
|
|
title="Experience Authentic Italian Cuisine"
|
|
|
|
|
description="Welcome to Trattoria, where tradition meets flavor. Discover the heart of Italy through our carefully curated dishes, warm hospitality, and unforgettable dining moments."
|
|
|
|
|
tag="Fine Dining"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Reserve Now",
|
|
|
|
|
href: "#contact"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
text: "View Menu",
|
|
|
|
|
href: "#features"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
carouselItems={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760339172-wtq2r8qq.jpg",
|
|
|
|
|
imageAlt: "Signature pasta dish at Trattoria"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760340157-xnafc0cw.jpg",
|
|
|
|
|
imageAlt: "Creamy risotto preparation"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760340957-0222m1sm.jpg",
|
|
|
|
|
imageAlt: "Fresh seafood specialties"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760341776-od1mgbjg.jpg",
|
|
|
|
|
imageAlt: "Homemade desserts and tiramisu"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760342753-3muw0pvy.jpg",
|
|
|
|
|
imageAlt: "Premium Italian wine selection"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416780858-eeoell34.jpg",
|
|
|
|
|
imageAlt: "Elegant dining atmosphere"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
autoPlay={true}
|
|
|
|
|
autoPlayInterval={4000}
|
|
|
|
|
/>
|
|
|
|
|
<div className="relative min-h-screen bg-gradient-to-br from-green-50 to-green-100 flex items-center justify-center">
|
|
|
|
|
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
|
|
|
|
<div className="inline-flex items-center px-3 py-1 rounded-full bg-green-100 text-green-800 text-sm font-medium mb-6">
|
|
|
|
|
<span className="mr-1">✨</span>
|
|
|
|
|
Fine Dining
|
|
|
|
|
</div>
|
|
|
|
|
<h1 className="text-4xl md:text-6xl font-bold text-gray-900 mb-6">
|
|
|
|
|
Experience Authentic Italian Cuisine
|
|
|
|
|
</h1>
|
|
|
|
|
<p className="text-lg text-gray-600 mb-8 max-w-2xl mx-auto">
|
|
|
|
|
Welcome to Trattoria, where tradition meets flavor. Discover the heart of Italy through our carefully curated dishes, warm hospitality, and unforgettable dining moments.
|
|
|
|
|
</p>
|
|
|
|
|
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
|
|
|
|
<a
|
|
|
|
|
href="#contact"
|
|
|
|
|
className="inline-flex items-center px-6 py-3 rounded-md bg-green-600 text-white hover:bg-green-700 transition-colors"
|
|
|
|
|
>
|
|
|
|
|
Reserve Now
|
|
|
|
|
</a>
|
|
|
|
|
<a
|
|
|
|
|
href="#features"
|
|
|
|
|
className="inline-flex items-center px-6 py-3 rounded-md border border-gray-300 text-gray-700 hover:bg-gray-50 transition-colors"
|
|
|
|
|
>
|
|
|
|
|
View Menu
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TagMediaSplitAbout
|
|
|
|
|
title="Our Story"
|
|
|
|
|
description="Trattoria was born from a passion for authentic Italian cuisine and the art of bringing people together around exceptional food. Since our opening, we've been dedicated to recreating the warmth and flavors of Italy in every dish."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
contentTag="TRADITION"
|
|
|
|
|
contentTagIcon={Heart}
|
|
|
|
|
contentTitle="Where Heritage Meets Modern Excellence"
|
|
|
|
|
contentDescription="Every recipe in our kitchen honors time-tested Italian traditions while celebrating fresh, locally-sourced ingredients. Our chefs combine passion with precision, creating dishes that transport you to the countryside of Tuscany with every bite."
|
|
|
|
|
contentButtons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Learn More",
|
|
|
|
|
href: "#features"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760343844-saadrs9m.jpg"
|
|
|
|
|
imageAlt="Warm and inviting Trattoria dining room"
|
|
|
|
|
imagePosition="right"
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
/>
|
|
|
|
|
<div className="py-16 bg-white">
|
|
|
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
|
|
|
|
|
<div>
|
|
|
|
|
<h2 className="text-3xl font-bold text-gray-900 mb-6">
|
|
|
|
|
Our Story
|
|
|
|
|
</h2>
|
|
|
|
|
<p className="text-gray-600 mb-6">
|
|
|
|
|
Trattoria was born from a passion for authentic Italian cuisine and the art of bringing people together around exceptional food. Since our opening, we've been dedicated to recreating the warmth and flavors of Italy in every dish.
|
|
|
|
|
</p>
|
|
|
|
|
<div className="bg-green-50 p-6 rounded-lg">
|
|
|
|
|
<div className="inline-flex items-center px-3 py-1 rounded-full bg-green-100 text-green-800 text-sm font-medium mb-4">
|
|
|
|
|
<span className="mr-1">❤️</span>
|
|
|
|
|
TRADITION
|
|
|
|
|
</div>
|
|
|
|
|
<h3 className="text-xl font-semibold text-gray-900 mb-3">
|
|
|
|
|
Where Heritage Meets Modern Excellence
|
|
|
|
|
</h3>
|
|
|
|
|
<p className="text-gray-600 mb-4">
|
|
|
|
|
Every recipe in our kitchen honors time-tested Italian traditions while celebrating fresh, locally-sourced ingredients. Our chefs combine passion with precision, creating dishes that transport you to the countryside of Tuscany with every bite.
|
|
|
|
|
</p>
|
|
|
|
|
<a
|
|
|
|
|
href="#features"
|
|
|
|
|
className="inline-flex items-center px-4 py-2 rounded-md bg-green-600 text-white hover:bg-green-700 transition-colors"
|
|
|
|
|
>
|
|
|
|
|
Learn More
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760343844-saadrs9m.jpg"
|
|
|
|
|
alt="Warm and inviting Trattoria dining room"
|
|
|
|
|
className="w-full h-full object-cover rounded-lg shadow-lg"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardTwelve
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: "quality",
|
|
|
|
|
label: "Quality",
|
|
|
|
|
title: "Finest Ingredients, Greatest Care",
|
|
|
|
|
items: [
|
|
|
|
|
"Fresh daily sourcing from trusted suppliers",
|
|
|
|
|
"Organic vegetables and heritage grains",
|
|
|
|
|
"Hand-selected meats and fresh seafood",
|
|
|
|
|
"Premium imported Italian products"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "ambiance",
|
|
|
|
|
label: "Ambiance",
|
|
|
|
|
title: "A Warm Embrace of Italian Elegance",
|
|
|
|
|
items: [
|
|
|
|
|
"Intimate lighting for romantic evenings",
|
|
|
|
|
"Thoughtfully curated decor and music",
|
|
|
|
|
"Private dining spaces available",
|
|
|
|
|
"Outdoor terrace with garden views"
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
title="Why Choose Trattoria"
|
|
|
|
|
description="Discover what makes our restaurant a beloved destination for food lovers and those seeking authentic Italian hospitality."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
tag="Dining Excellence"
|
|
|
|
|
tagIcon={Award}
|
|
|
|
|
/>
|
|
|
|
|
<div className="py-16 bg-gray-50">
|
|
|
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
|
|
<div className="text-center mb-12">
|
|
|
|
|
<div className="inline-flex items-center px-3 py-1 rounded-full bg-green-100 text-green-800 text-sm font-medium mb-4">
|
|
|
|
|
<span className="mr-1">🏆</span>
|
|
|
|
|
Dining Excellence
|
|
|
|
|
</div>
|
|
|
|
|
<h2 className="text-3xl font-bold text-gray-900 mb-4">
|
|
|
|
|
Why Choose Trattoria
|
|
|
|
|
</h2>
|
|
|
|
|
<p className="text-gray-600 max-w-2xl mx-auto">
|
|
|
|
|
Discover what makes our restaurant a beloved destination for food lovers and those seeking authentic Italian hospitality.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
|
|
|
|
<div className="bg-white p-6 rounded-lg shadow-lg">
|
|
|
|
|
<h3 className="text-xl font-semibold text-gray-900 mb-4">
|
|
|
|
|
Finest Ingredients, Greatest Care
|
|
|
|
|
</h3>
|
|
|
|
|
<ul className="space-y-2 text-gray-600">
|
|
|
|
|
<li>Fresh daily sourcing from trusted suppliers</li>
|
|
|
|
|
<li>Organic vegetables and heritage grains</li>
|
|
|
|
|
<li>Hand-selected meats and fresh seafood</li>
|
|
|
|
|
<li>Premium imported Italian products</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="bg-white p-6 rounded-lg shadow-lg">
|
|
|
|
|
<h3 className="text-xl font-semibold text-gray-900 mb-4">
|
|
|
|
|
A Warm Embrace of Italian Elegance
|
|
|
|
|
</h3>
|
|
|
|
|
<ul className="space-y-2 text-gray-600">
|
|
|
|
|
<li>Intimate lighting for romantic evenings</li>
|
|
|
|
|
<li>Thoughtfully curated decor and music</li>
|
|
|
|
|
<li>Private dining spaces available</li>
|
|
|
|
|
<li>Outdoor terrace with garden views</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
|
<div className="py-16 bg-white">
|
|
|
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
|
|
<div className="text-center mb-12">
|
|
|
|
|
<div className="inline-flex items-center px-3 py-1 rounded-full bg-green-100 text-green-800 text-sm font-medium mb-4">
|
|
|
|
|
Menu
|
|
|
|
|
</div>
|
|
|
|
|
<h2 className="text-3xl font-bold text-gray-900 mb-4">
|
|
|
|
|
Our Menu Specialties
|
|
|
|
|
</h2>
|
|
|
|
|
<p className="text-gray-600 max-w-2xl mx-auto">
|
|
|
|
|
Explore our signature dishes and carefully curated selections that showcase authentic Italian flavors.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
|
|
|
<div className="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760339172-wtq2r8qq.jpg"
|
|
|
|
|
alt="Handmade pasta selection"
|
|
|
|
|
className="w-full h-48 object-cover"
|
|
|
|
|
/>
|
|
|
|
|
<div className="p-4">
|
|
|
|
|
<div className="text-sm text-gray-500 mb-1">Trattoria</div>
|
|
|
|
|
<h3 className="font-semibold text-gray-900 mb-2">Handmade Pasta Selection</h3>
|
|
|
|
|
<div className="flex items-center justify-between">
|
|
|
|
|
<span className="text-xl font-bold text-gray-900">$18.95</span>
|
|
|
|
|
<div className="flex items-center">
|
|
|
|
|
<span className="text-yellow-400">★★★★★</span>
|
|
|
|
|
<span className="text-sm text-gray-500 ml-1">(2.4k)</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760340157-xnafc0cw.jpg"
|
|
|
|
|
alt="Fresh seafood risotto"
|
|
|
|
|
className="w-full h-48 object-cover"
|
|
|
|
|
/>
|
|
|
|
|
<div className="p-4">
|
|
|
|
|
<div className="text-sm text-gray-500 mb-1">Trattoria</div>
|
|
|
|
|
<h3 className="font-semibold text-gray-900 mb-2">Fresh Seafood Risotto</h3>
|
|
|
|
|
<div className="flex items-center justify-between">
|
|
|
|
|
<span className="text-xl font-bold text-gray-900">$24.95</span>
|
|
|
|
|
<div className="flex items-center">
|
|
|
|
|
<span className="text-yellow-400">★★★★★</span>
|
|
|
|
|
<span className="text-sm text-gray-500 ml-1">(1.8k)</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760342753-3muw0pvy.jpg"
|
|
|
|
|
alt="Premium Italian wine selection"
|
|
|
|
|
className="w-full h-48 object-cover"
|
|
|
|
|
/>
|
|
|
|
|
<div className="p-4">
|
|
|
|
|
<div className="text-sm text-gray-500 mb-1">Trattoria</div>
|
|
|
|
|
<h3 className="font-semibold text-gray-900 mb-2">Premium Italian Wine Pairing</h3>
|
|
|
|
|
<div className="flex items-center justify-between">
|
|
|
|
|
<span className="text-xl font-bold text-gray-900">$45.00</span>
|
|
|
|
|
<div className="flex items-center">
|
|
|
|
|
<span className="text-yellow-400">★★★★★</span>
|
|
|
|
|
<span className="text-sm text-gray-500 ml-1">(892)</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden">
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760341776-od1mgbjg.jpg"
|
|
|
|
|
alt="Homemade tiramisu dessert"
|
|
|
|
|
className="w-full h-48 object-cover"
|
|
|
|
|
/>
|
|
|
|
|
<div className="p-4">
|
|
|
|
|
<div className="text-sm text-gray-500 mb-1">Trattoria</div>
|
|
|
|
|
<h3 className="font-semibold text-gray-900 mb-2">Homemade Tiramisu Dessert</h3>
|
|
|
|
|
<div className="flex items-center justify-between">
|
|
|
|
|
<span className="text-xl font-bold text-gray-900">$12.95</span>
|
|
|
|
|
<div className="flex items-center">
|
|
|
|
|
<span className="text-yellow-400">★★★★★</span>
|
|
|
|
|
<span className="text-sm text-gray-500 ml-1">(1.2k)</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardNine
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
quote: "An absolutely unforgettable evening. The pasta was divine, the service impeccable, and the atmosphere transported us straight to Italy. We've been back three times already.",
|
|
|
|
|
name: "Sarah Mitchell",
|
|
|
|
|
role: "Food Critic",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
|
|
|
|
|
imageAlt: "Sarah Mitchell"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
quote: "My husband proposed here last month, and Trattoria made it extra special. The chef even created a custom dessert with our initials. Pure magic.",
|
|
|
|
|
name: "Emma Johnson",
|
|
|
|
|
role: "Wedding Planning Professional",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
|
|
|
|
|
imageAlt: "Emma Johnson"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
quote: "As someone who lived in Italy for five years, I can confidently say this is the most authentic Italian food I've found in the city. Exceptional quality.",
|
|
|
|
|
name: "Marco Benedetti",
|
|
|
|
|
role: "Travel Consultant",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502911819-f5rnce5q.jpg",
|
|
|
|
|
imageAlt: "Marco Benedetti"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
quote: "We host our monthly team dinners here. The private room, the wine selection, and the incredible food make every gathering memorable. Highly recommended.",
|
|
|
|
|
name: "Jennifer Chen",
|
|
|
|
|
role: "Business Owner",
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502912600-84fr3x4z.jpg",
|
|
|
|
|
imageAlt: "Jennifer Chen"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="Loved by Our Guests"
|
|
|
|
|
description="Experience what our diners have discovered about Trattoria's commitment to excellence and authentic Italian hospitality."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
tag="Guest Reviews"
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
/>
|
|
|
|
|
<div className="py-16 bg-gray-50">
|
|
|
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
|
|
<div className="text-center mb-12">
|
|
|
|
|
<div className="inline-flex items-center px-3 py-1 rounded-full bg-green-100 text-green-800 text-sm font-medium mb-4">
|
|
|
|
|
<span className="mr-1">⭐</span>
|
|
|
|
|
Guest Reviews
|
|
|
|
|
</div>
|
|
|
|
|
<h2 className="text-3xl font-bold text-gray-900 mb-4">
|
|
|
|
|
Loved by Our Guests
|
|
|
|
|
</h2>
|
|
|
|
|
<p className="text-gray-600 max-w-2xl mx-auto">
|
|
|
|
|
Experience what our diners have discovered about Trattoria's commitment to excellence and authentic Italian hospitality.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
|
|
|
<div className="bg-white p-6 rounded-lg shadow-sm">
|
|
|
|
|
<div className="flex items-center mb-4">
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg"
|
|
|
|
|
alt="Sarah Mitchell"
|
|
|
|
|
className="w-12 h-12 rounded-full object-cover mr-3"
|
|
|
|
|
/>
|
|
|
|
|
<div>
|
|
|
|
|
<div className="font-semibold text-gray-900">Sarah Mitchell</div>
|
|
|
|
|
<div className="text-sm text-gray-600">Food Critic</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p className="text-gray-600 text-sm">
|
|
|
|
|
"An absolutely unforgettable evening. The pasta was divine, the service impeccable, and the atmosphere transported us straight to Italy. We've been back three times already."
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="bg-white p-6 rounded-lg shadow-sm">
|
|
|
|
|
<div className="flex items-center mb-4">
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg"
|
|
|
|
|
alt="Emma Johnson"
|
|
|
|
|
className="w-12 h-12 rounded-full object-cover mr-3"
|
|
|
|
|
/>
|
|
|
|
|
<div>
|
|
|
|
|
<div className="font-semibold text-gray-900">Emma Johnson</div>
|
|
|
|
|
<div className="text-sm text-gray-600">Wedding Planning Professional</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p className="text-gray-600 text-sm">
|
|
|
|
|
"My husband proposed here last month, and Trattoria made it extra special. The chef even created a custom dessert with our initials. Pure magic."
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="bg-white p-6 rounded-lg shadow-sm">
|
|
|
|
|
<div className="flex items-center mb-4">
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502911819-f5rnce5q.jpg"
|
|
|
|
|
alt="Marco Benedetti"
|
|
|
|
|
className="w-12 h-12 rounded-full object-cover mr-3"
|
|
|
|
|
/>
|
|
|
|
|
<div>
|
|
|
|
|
<div className="font-semibold text-gray-900">Marco Benedetti</div>
|
|
|
|
|
<div className="text-sm text-gray-600">Travel Consultant</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p className="text-gray-600 text-sm">
|
|
|
|
|
"As someone who lived in Italy for five years, I can confidently say this is the most authentic Italian food I've found in the city. Exceptional quality."
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="bg-white p-6 rounded-lg shadow-sm">
|
|
|
|
|
<div className="flex items-center mb-4">
|
|
|
|
|
<img
|
|
|
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502912600-84fr3x4z.jpg"
|
|
|
|
|
alt="Jennifer Chen"
|
|
|
|
|
className="w-12 h-12 rounded-full object-cover mr-3"
|
|
|
|
|
/>
|
|
|
|
|
<div>
|
|
|
|
|
<div className="font-semibold text-gray-900">Jennifer Chen</div>
|
|
|
|
|
<div className="text-sm text-gray-600">Business Owner</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p className="text-gray-600 text-sm">
|
|
|
|
|
"We host our monthly team dinners here. The private room, the wine selection, and the incredible food make every gathering memorable. Highly recommended."
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
title: "How do I make a reservation?",
|
|
|
|
|
content: "You can reserve a table through our website reservation system or by calling us directly at (555) 123-4567. We accept reservations up to 60 days in advance. Walk-ins are welcome based on availability."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
title: "What are your hours of operation?",
|
|
|
|
|
content: "Trattoria is open Tuesday through Sunday from 5:00 PM to 10:00 PM. We are closed Mondays. Holiday hours may vary, and special event bookings are available by request."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
title: "Do you accommodate dietary restrictions?",
|
|
|
|
|
content: "Absolutely. We're happy to accommodate vegetarian, vegan, gluten-free, and other dietary needs. Please mention any restrictions when making your reservation or inform your server upon arrival."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
title: "Can we host private events?",
|
|
|
|
|
content: "Yes, we offer private dining spaces for special occasions, corporate events, and celebrations. Our team works with you to create a memorable experience. Contact us at events@trattoria.com for inquiries."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
title: "What is your dress code?",
|
|
|
|
|
content: "We recommend smart casual attire. Jeans are acceptable, but please avoid athletic wear. We want all our guests to feel comfortable while maintaining an elegant dining atmosphere."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6",
|
|
|
|
|
title: "Do you have a wine list?",
|
|
|
|
|
content: "We feature a curated selection of Italian wines, as well as international wines carefully chosen by our sommelier. We also offer wine pairing recommendations with our tasting menus."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
ctaTitle="Ready to Dine With Us?"
|
|
|
|
|
ctaDescription="Reserve your table today and experience authentic Italian cuisine in an unforgettable setting."
|
|
|
|
|
ctaButton={{
|
|
|
|
|
text: "Make a Reservation",
|
|
|
|
|
href: "https://reservations.example.com"
|
|
|
|
|
}}
|
|
|
|
|
ctaIcon={Calendar}
|
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
accordionAnimationType="smooth"
|
|
|
|
|
showCard={true}
|
|
|
|
|
/>
|
|
|
|
|
<div className="py-16 bg-white">
|
|
|
|
|
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
|
|
<div className="text-center mb-12">
|
|
|
|
|
<h2 className="text-3xl font-bold text-gray-900 mb-4">
|
|
|
|
|
Frequently Asked Questions
|
|
|
|
|
</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="space-y-6">
|
|
|
|
|
<div className="border border-gray-200 rounded-lg p-6">
|
|
|
|
|
<h3 className="font-semibold text-gray-900 mb-2">
|
|
|
|
|
How do I make a reservation?
|
|
|
|
|
</h3>
|
|
|
|
|
<p className="text-gray-600">
|
|
|
|
|
You can reserve a table through our website reservation system or by calling us directly at (555) 123-4567. We accept reservations up to 60 days in advance. Walk-ins are welcome based on availability.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="border border-gray-200 rounded-lg p-6">
|
|
|
|
|
<h3 className="font-semibold text-gray-900 mb-2">
|
|
|
|
|
What are your hours of operation?
|
|
|
|
|
</h3>
|
|
|
|
|
<p className="text-gray-600">
|
|
|
|
|
Trattoria is open Tuesday through Sunday from 5:00 PM to 10:00 PM. We are closed Mondays. Holiday hours may vary, and special event bookings are available by request.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="border border-gray-200 rounded-lg p-6">
|
|
|
|
|
<h3 className="font-semibold text-gray-900 mb-2">
|
|
|
|
|
Do you accommodate dietary restrictions?
|
|
|
|
|
</h3>
|
|
|
|
|
<p className="text-gray-600">
|
|
|
|
|
Absolutely. We're happy to accommodate vegetarian, vegan, gluten-free, and other dietary needs. Please mention any restrictions when making your reservation or inform your server upon arrival.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="border border-gray-200 rounded-lg p-6">
|
|
|
|
|
<h3 className="font-semibold text-gray-900 mb-2">
|
|
|
|
|
Can we host private events?
|
|
|
|
|
</h3>
|
|
|
|
|
<p className="text-gray-600">
|
|
|
|
|
Yes, we offer private dining spaces for special occasions, corporate events, and celebrations. Our team works with you to create a memorable experience. Contact us at events@trattoria.com for inquiries.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="border border-gray-200 rounded-lg p-6">
|
|
|
|
|
<h3 className="font-semibold text-gray-900 mb-2">
|
|
|
|
|
What is your dress code?
|
|
|
|
|
</h3>
|
|
|
|
|
<p className="text-gray-600">
|
|
|
|
|
We recommend smart casual attire. Jeans are acceptable, but please avoid athletic wear. We want all our guests to feel comfortable while maintaining an elegant dining atmosphere.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="border border-gray-200 rounded-lg p-6">
|
|
|
|
|
<h3 className="font-semibent text-gray-900 mb-2">
|
|
|
|
|
Do you have a wine list?
|
|
|
|
|
</h3>
|
|
|
|
|
<p className="text-gray-600">
|
|
|
|
|
We feature a curated selection of Italian wines, as well as international wines carefully chosen by our sommelier. We also offer wine pairing recommendations with our tasting menus.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="text-center mt-12 p-8 bg-green-50 rounded-lg">
|
|
|
|
|
<div className="mb-4">
|
|
|
|
|
<span className="text-2xl">📅</span>
|
|
|
|
|
</div>
|
|
|
|
|
<h3 className="text-2xl font-bold text-gray-900 mb-4">
|
|
|
|
|
Ready to Dine With Us?
|
|
|
|
|
</h3>
|
|
|
|
|
<p className="text-gray-600 mb-6">
|
|
|
|
|
Reserve your table today and experience authentic Italian cuisine in an unforgettable setting.
|
|
|
|
|
</p>
|
|
|
|
|
<a
|
|
|
|
|
href="https://reservations.example.com"
|
|
|
|
|
className="inline-flex items-center px-6 py-3 rounded-md bg-green-600 text-white hover:bg-green-700 transition-colors"
|
|
|
|
|
>
|
|
|
|
|
Make a Reservation
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
logoText="Trattoria"
|
|
|
|
|
/>
|
|
|
|
|
<div className="bg-gray-900 text-white py-16">
|
|
|
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
|
|
|
|
<div className="text-3xl font-bold mb-8">
|
|
|
|
|
Trattoria
|
|
|
|
|
</div>
|
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
|
|
|
<div>
|
|
|
|
|
<h4 className="font-semibold mb-4">Contact</h4>
|
|
|
|
|
<p className="text-gray-400">
|
|
|
|
|
123 Italian Street<br/>
|
|
|
|
|
City, State 12345<br/>
|
|
|
|
|
(555) 123-4567
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h4 className="font-semibold mb-4">Hours</h4>
|
|
|
|
|
<p className="text-gray-400">
|
|
|
|
|
Tuesday - Sunday<br/>
|
|
|
|
|
5:00 PM - 10:00 PM<br/>
|
|
|
|
|
Closed Mondays
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h4 className="font-semibold mb-4">Follow Us</h4>
|
|
|
|
|
<p className="text-gray-400">
|
|
|
|
|
@TratitoriaRestaurant
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="border-t border-gray-700 mt-12 pt-8">
|
|
|
|
|
<p className="text-gray-400">
|
|
|
|
|
© 2024 Trattoria. All rights reserved.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
