Compare commits
8 Commits
version_10
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 3eead3a5f1 | |||
| 75e36a35aa | |||
| 1627049cc4 | |||
| f429acdec2 | |||
| 2cad0ac7c4 | |||
| 9ae5a4807e | |||
| f41204c309 | |||
| 44b26dd043 |
@@ -1276,4 +1276,4 @@ export default function RootLayout({
|
|||||||
</ServiceWrapper>
|
</ServiceWrapper>
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
455
src/app/page.tsx
455
src/app/page.tsx
@@ -1,6 +1,15 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
|
import { Award, Calendar, Heart, Sparkles, Star } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -17,211 +26,289 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<div className="p-8">
|
<NavbarStyleMinimal
|
||||||
<h1 className="text-3xl font-bold text-center">Trattoria</h1>
|
brandName="Trattoria"
|
||||||
<p className="text-center mt-4">Authentic Italian Cuisine</p>
|
button={{
|
||||||
</div>
|
text: "Reserve Table",
|
||||||
|
href: "#contact"
|
||||||
|
}}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<div className="min-h-screen flex items-center justify-center p-8">
|
<HeroBillboardRotatedCarousel
|
||||||
<div className="text-center max-w-4xl">
|
title="Experience Authentic Italian Cuisine"
|
||||||
<h2 className="text-5xl font-bold mb-6">Experience Authentic Italian Cuisine</h2>
|
description="Welcome to Trattoria, where tradition meets flavor. Discover the heart of Italy through our carefully curated dishes, warm hospitality, and unforgettable dining moments."
|
||||||
<p className="text-xl mb-8">Welcome to Trattoria, where tradition meets flavor. Discover the heart of Italy through our carefully curated dishes, warm hospitality, and unforgettable dining moments.</p>
|
tag="Fine Dining"
|
||||||
<div className="flex gap-4 justify-center">
|
tagIcon={Sparkles}
|
||||||
<a href="#contact" className="px-6 py-3 bg-primary text-white rounded-lg hover:opacity-90 transition-opacity">Reserve Now</a>
|
buttons={[
|
||||||
<a href="#features" className="px-6 py-3 border border-primary text-primary rounded-lg hover:bg-primary hover:text-white transition-colors">View Menu</a>
|
{
|
||||||
</div>
|
text: "Reserve Now",
|
||||||
</div>
|
href: "#contact"
|
||||||
</div>
|
},
|
||||||
|
{
|
||||||
|
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>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<div className="py-16 px-8">
|
<TagMediaSplitAbout
|
||||||
<div className="max-w-6xl mx-auto grid md:grid-cols-2 gap-12 items-center">
|
title="Our Story"
|
||||||
<div>
|
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."
|
||||||
<h3 className="text-3xl font-bold mb-6">Our Story</h3>
|
textboxLayout="default"
|
||||||
<p className="text-lg mb-8">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>
|
contentTag="TRADITION"
|
||||||
<div className="space-y-4">
|
contentTagIcon={Heart}
|
||||||
<span className="inline-block px-3 py-1 bg-primary/10 text-primary text-sm rounded-full">TRADITION</span>
|
contentTitle="Where Heritage Meets Modern Excellence"
|
||||||
<h4 className="text-xl font-semibold">Where Heritage Meets Modern Excellence</h4>
|
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."
|
||||||
<p className="text-gray-600">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>
|
contentButtons={[
|
||||||
<a href="#features" className="inline-block px-6 py-3 bg-primary text-white rounded-lg hover:opacity-90 transition-opacity">Learn More</a>
|
{
|
||||||
</div>
|
text: "Learn More",
|
||||||
</div>
|
href: "#features"
|
||||||
<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="rounded-lg shadow-lg w-full h-auto" />
|
]}
|
||||||
</div>
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760343844-saadrs9m.jpg"
|
||||||
</div>
|
imageAlt="Warm and inviting Trattoria dining room"
|
||||||
</div>
|
imagePosition="right"
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
rating={5}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<div className="py-16 px-8 bg-gray-50">
|
<FeatureCardTwelve
|
||||||
<div className="max-w-6xl mx-auto text-center">
|
features={[
|
||||||
<span className="inline-block px-3 py-1 bg-primary/10 text-primary text-sm rounded-full mb-4">Dining Excellence</span>
|
{
|
||||||
<h3 className="text-3xl font-bold mb-6">Why Choose Trattoria</h3>
|
id: "quality",
|
||||||
<p className="text-lg mb-12">Discover what makes our restaurant a beloved destination for food lovers and those seeking authentic Italian hospitality.</p>
|
label: "Quality",
|
||||||
<div className="grid md:grid-cols-2 gap-8">
|
title: "Finest Ingredients, Greatest Care",
|
||||||
<div className="bg-white p-8 rounded-lg shadow-lg">
|
items: [
|
||||||
<h4 className="text-xl font-semibold mb-4">Finest Ingredients, Greatest Care</h4>
|
"Fresh daily sourcing from trusted suppliers",
|
||||||
<ul className="space-y-2 text-left">
|
"Organic vegetables and heritage grains",
|
||||||
<li>Fresh daily sourcing from trusted suppliers</li>
|
"Hand-selected meats and fresh seafood",
|
||||||
<li>Organic vegetables and heritage grains</li>
|
"Premium imported Italian products"
|
||||||
<li>Hand-selected meats and fresh seafood</li>
|
]
|
||||||
<li>Premium imported Italian products</li>
|
},
|
||||||
</ul>
|
{
|
||||||
</div>
|
id: "ambiance",
|
||||||
<div className="bg-white p-8 rounded-lg shadow-lg">
|
label: "Ambiance",
|
||||||
<h4 className="text-xl font-semibold mb-4">A Warm Embrace of Italian Elegance</h4>
|
title: "A Warm Embrace of Italian Elegance",
|
||||||
<ul className="space-y-2 text-left">
|
items: [
|
||||||
<li>Intimate lighting for romantic evenings</li>
|
"Intimate lighting for romantic evenings",
|
||||||
<li>Thoughtfully curated decor and music</li>
|
"Thoughtfully curated decor and music",
|
||||||
<li>Private dining spaces available</li>
|
"Private dining spaces available",
|
||||||
<li>Outdoor terrace with garden views</li>
|
"Outdoor terrace with garden views"
|
||||||
</ul>
|
]
|
||||||
</div>
|
}
|
||||||
</div>
|
]}
|
||||||
</div>
|
animationType="slide-up"
|
||||||
</div>
|
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}
|
||||||
|
mediaItems={[
|
||||||
|
{
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760339172-wtq2r8qq.jpg",
|
||||||
|
imageAlt: "Quality ingredients selection"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766416780858-eeoell34.jpg",
|
||||||
|
imageAlt: "Elegant Trattoria ambiance"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<div className="py-16 px-8">
|
<ProductCardTwo
|
||||||
<div className="max-w-6xl mx-auto text-center">
|
products={[
|
||||||
<span className="inline-block px-3 py-1 bg-primary/10 text-primary text-sm rounded-full mb-4">Menu</span>
|
{
|
||||||
<h3 className="text-3xl font-bold mb-6">Our Menu Specialties</h3>
|
id: "1",
|
||||||
<p className="text-lg mb-12">Explore our signature dishes and carefully curated selections that showcase authentic Italian flavors.</p>
|
brand: "Trattoria",
|
||||||
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
name: "Handmade Pasta Selection",
|
||||||
<div className="bg-white rounded-lg shadow-lg overflow-hidden">
|
price: "$18.95",
|
||||||
<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" />
|
rating: 5,
|
||||||
<div className="p-4">
|
reviewCount: "2.4k",
|
||||||
<h4 className="font-semibold">Handmade Pasta Selection</h4>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760339172-wtq2r8qq.jpg",
|
||||||
<p className="text-primary font-bold">$18.95</p>
|
imageAlt: "Handmade pasta selection"
|
||||||
</div>
|
},
|
||||||
</div>
|
{
|
||||||
<div className="bg-white rounded-lg shadow-lg overflow-hidden">
|
id: "2",
|
||||||
<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" />
|
brand: "Trattoria",
|
||||||
<div className="p-4">
|
name: "Fresh Seafood Risotto",
|
||||||
<h4 className="font-semibold">Fresh Seafood Risotto</h4>
|
price: "$24.95",
|
||||||
<p className="text-primary font-bold">$24.95</p>
|
rating: 5,
|
||||||
</div>
|
reviewCount: "1.8k",
|
||||||
</div>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760340157-xnafc0cw.jpg",
|
||||||
<div className="bg-white rounded-lg shadow-lg overflow-hidden">
|
imageAlt: "Fresh seafood risotto"
|
||||||
<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">
|
{
|
||||||
<h4 className="font-semibold">Premium Italian Wine Pairing</h4>
|
id: "3",
|
||||||
<p className="text-primary font-bold">$45.00</p>
|
brand: "Trattoria",
|
||||||
</div>
|
name: "Premium Italian Wine Pairing",
|
||||||
</div>
|
price: "$45.00",
|
||||||
<div className="bg-white rounded-lg shadow-lg overflow-hidden">
|
rating: 5,
|
||||||
<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" />
|
reviewCount: "892",
|
||||||
<div className="p-4">
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760342753-3muw0pvy.jpg",
|
||||||
<h4 className="font-semibold">Homemade Tiramisu Dessert</h4>
|
imageAlt: "Premium Italian wine selection"
|
||||||
<p className="text-primary font-bold">$12.95</p>
|
},
|
||||||
</div>
|
{
|
||||||
</div>
|
id: "4",
|
||||||
</div>
|
brand: "Trattoria",
|
||||||
</div>
|
name: "Homemade Tiramisu Dessert",
|
||||||
</div>
|
price: "$12.95",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "1.2k",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766760341776-od1mgbjg.jpg",
|
||||||
|
imageAlt: "Homemade tiramisu dessert"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
title="Our Menu Specialties"
|
||||||
|
description="Explore our signature dishes and carefully curated selections that showcase authentic Italian flavors."
|
||||||
|
tag="Menu"
|
||||||
|
textboxLayout="default"
|
||||||
|
animationType="slide-up"
|
||||||
|
gridVariant="uniform-all-items-equal"
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<div className="py-16 px-8 bg-gray-50">
|
<TestimonialCardNine
|
||||||
<div className="max-w-6xl mx-auto text-center">
|
testimonials={[
|
||||||
<span className="inline-block px-3 py-1 bg-primary/10 text-primary text-sm rounded-full mb-4">Guest Reviews</span>
|
{
|
||||||
<h3 className="text-3xl font-bold mb-6">Loved by Our Guests</h3>
|
id: "1",
|
||||||
<p className="text-lg mb-12">Experience what our diners have discovered about Trattoria's commitment to excellence and authentic Italian hospitality.</p>
|
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.",
|
||||||
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
name: "Sarah Mitchell",
|
||||||
<div className="bg-white p-6 rounded-lg shadow-lg">
|
role: "Food Critic",
|
||||||
<p className="text-sm mb-4">"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>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
|
||||||
<div className="flex items-center space-x-3">
|
imageAlt: "Sarah Mitchell"
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg" alt="Sarah Mitchell" className="w-10 h-10 rounded-full object-cover" />
|
},
|
||||||
<div className="text-left">
|
{
|
||||||
<p className="font-semibold text-sm">Sarah Mitchell</p>
|
id: "2",
|
||||||
<p className="text-xs text-gray-500">Food Critic</p>
|
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.",
|
||||||
</div>
|
name: "Emma Johnson",
|
||||||
</div>
|
role: "Wedding Planning Professional",
|
||||||
</div>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
|
||||||
<div className="bg-white p-6 rounded-lg shadow-lg">
|
imageAlt: "Emma Johnson"
|
||||||
<p className="text-sm mb-4">"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 className="flex items-center space-x-3">
|
{
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg" alt="Emma Johnson" className="w-10 h-10 rounded-full object-cover" />
|
id: "3",
|
||||||
<div className="text-left">
|
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.",
|
||||||
<p className="font-semibold text-sm">Emma Johnson</p>
|
name: "Marco Benedetti",
|
||||||
<p className="text-xs text-gray-500">Wedding Planning Professional</p>
|
role: "Travel Consultant",
|
||||||
</div>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502911819-f5rnce5q.jpg",
|
||||||
</div>
|
imageAlt: "Marco Benedetti"
|
||||||
</div>
|
},
|
||||||
<div className="bg-white p-6 rounded-lg shadow-lg">
|
{
|
||||||
<p className="text-sm mb-4">"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>
|
id: "4",
|
||||||
<div className="flex items-center space-x-3">
|
quote: "We host our monthly team dinners here. The private room, the wine selection, and the incredible food make every gathering memorable. Highly recommended.",
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502911819-f5rnce5q.jpg" alt="Marco Benedetti" className="w-10 h-10 rounded-full object-cover" />
|
name: "Jennifer Chen",
|
||||||
<div className="text-left">
|
role: "Business Owner",
|
||||||
<p className="font-semibold text-sm">Marco Benedetti</p>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502912600-84fr3x4z.jpg",
|
||||||
<p className="text-xs text-gray-500">Travel Consultant</p>
|
imageAlt: "Jennifer Chen"
|
||||||
</div>
|
}
|
||||||
</div>
|
]}
|
||||||
</div>
|
title="Loved by Our Guests"
|
||||||
<div className="bg-white p-6 rounded-lg shadow-lg">
|
description="Experience what our diners have discovered about Trattoria's commitment to excellence and authentic Italian hospitality."
|
||||||
<p className="text-sm mb-4">"We host our monthly team dinners here. The private room, the wine selection, and the incredible food make every gathering memorable. Highly recommended."</p>
|
textboxLayout="default"
|
||||||
<div className="flex items-center space-x-3">
|
useInvertedBackground="noInvert"
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502912600-84fr3x4z.jpg" alt="Jennifer Chen" className="w-10 h-10 rounded-full object-cover" />
|
tag="Guest Reviews"
|
||||||
<div className="text-left">
|
tagIcon={Star}
|
||||||
<p className="font-semibold text-sm">Jennifer Chen</p>
|
/>
|
||||||
<p className="text-xs text-gray-500">Business Owner</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<div className="py-16 px-8">
|
<ContactFaq
|
||||||
<div className="max-w-4xl mx-auto">
|
faqs={[
|
||||||
<div className="text-center mb-12">
|
{
|
||||||
<h3 className="text-3xl font-bold mb-6">Ready to Dine With Us?</h3>
|
id: "1",
|
||||||
<p className="text-lg mb-8">Reserve your table today and experience authentic Italian cuisine in an unforgettable setting.</p>
|
title: "How do I make a reservation?",
|
||||||
<a href="https://reservations.example.com" className="px-8 py-4 bg-primary text-white rounded-lg hover:opacity-90 transition-opacity">Send</a>
|
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."
|
||||||
</div>
|
},
|
||||||
<div className="space-y-6">
|
{
|
||||||
<details className="bg-white p-6 rounded-lg shadow-lg">
|
id: "2",
|
||||||
<summary className="font-semibold cursor-pointer">How do I make a reservation?</summary>
|
title: "What are your hours of operation?",
|
||||||
<p className="mt-4 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>
|
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."
|
||||||
</details>
|
},
|
||||||
<details className="bg-white p-6 rounded-lg shadow-lg">
|
{
|
||||||
<summary className="font-semibold cursor-pointer">What are your hours of operation?</summary>
|
id: "3",
|
||||||
<p className="mt-4 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>
|
title: "Do you accommodate dietary restrictions?",
|
||||||
</details>
|
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."
|
||||||
<details className="bg-white p-6 rounded-lg shadow-lg">
|
},
|
||||||
<summary className="font-semibold cursor-pointer">Do you accommodate dietary restrictions?</summary>
|
{
|
||||||
<p className="mt-4 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>
|
id: "4",
|
||||||
</details>
|
title: "Can we host private events?",
|
||||||
<details className="bg-white p-6 rounded-lg shadow-lg">
|
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."
|
||||||
<summary className="font-semibold cursor-pointer">Can we host private events?</summary>
|
},
|
||||||
<p className="mt-4 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>
|
{
|
||||||
</details>
|
id: "5",
|
||||||
<details className="bg-white p-6 rounded-lg shadow-lg">
|
title: "What is your dress code?",
|
||||||
<summary className="font-semibold cursor-pointer">What is your dress code?</summary>
|
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."
|
||||||
<p className="mt-4 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>
|
},
|
||||||
</details>
|
{
|
||||||
<details className="bg-white p-6 rounded-lg shadow-lg">
|
id: "6",
|
||||||
<summary className="font-semibold cursor-pointer">Do you have a wine list?</summary>
|
title: "Do you have a wine list?",
|
||||||
<p className="mt-4 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>
|
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."
|
||||||
</details>
|
}
|
||||||
</div>
|
]}
|
||||||
</div>
|
ctaTitle="Ready to Dine With Us?"
|
||||||
</div>
|
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>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<div className="py-16 px-8 bg-gray-900 text-white text-center">
|
<FooterLogoReveal
|
||||||
<h4 className="text-2xl font-bold mb-4">Trattoria</h4>
|
logoText="Trattoria"
|
||||||
<p className="text-gray-400">© 2024 Trattoria. All rights reserved.</p>
|
/>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user