Files
d583aee2-7755-45e1-9d13-c84…/src/app/page.tsx
2025-12-31 15:00:06 +00:00

244 lines
11 KiB
TypeScript

"use client";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="noise"
cardStyle="inset"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Amore"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "About", id: "about" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
button={{
text: "Reserve Table",
href: "contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardSplit
tag="Fine Italian Dining"
title="Experience Authentic Italian Cuisine"
description="Discover the flavors of Italy at Amore. From handmade pasta to fresh seafood, every dish tells a story of tradition and passion."
buttons={[
{ text: "Reserve Table", href: "contact" },
{ text: "View Menu", href: "menu" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
imageAlt="Elegant Italian restaurant dining"
frameStyle="browser"
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardEleven
title="Our Menu"
description="Crafted by our master chefs using the finest ingredients imported from Italy and sourced locally."
tag="Signature Dishes"
features={[
{
id: 1,
title: "Handmade Pasta",
description: "Fresh tagliatelle, pappardelle, and ravioli made daily using traditional methods. Served with authentic sauces like carbonara, bolognese, and pesto.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829154-9c5vkkws.jpg"
},
{
id: 2,
title: "Risotto & Seafood",
description: "Creamy risotto paired with the finest seafood selections. Try our signature risotto ai frutti di mare with fresh mussels, clams, and shrimp.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829918-12xa97ao.jpg"
},
{
id: 3,
title: "Fresh Catch",
description: "Daily specials featuring Mediterranean fish and seafood. Grilled whole branzino, fresh scallops, and traditional Italian fish stews.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183832020-sqgzqvxa.jpg"
},
{
id: 4,
title: "Authentic Desserts",
description: "Traditional Italian dolci including tiramisu, panna cotta, and cannoli. Each dessert handcrafted to perfection with premium ingredients.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183830869-g93nmh02.jpg"
}
]}
animationType="opacity"
textboxLayout="default"
useInvertedBackground="noInvert"
usePrimaryButtonImage={false}
/>
</div>
<div id="about" data-section="about">
<SplitAboutCards
title="Our Story"
description="At Amore, we believe in honoring Italian culinary traditions while embracing modern elegance. Founded in 2015, our restaurant has become a destination for those seeking authentic Italian flavors."
tag="Heritage & Quality"
features={[
{
id: "1",
title: "Traditional Recipes",
description: "Every dish is prepared using recipes passed down through generations. Our chefs trained in Italy bring authentic techniques to your table.",
label: "20+ Years Experience"
},
{
id: "2",
title: "Premium Ingredients",
description: "We import fresh ingredients directly from Italy and partner with local suppliers for the finest seasonal produce and meats.",
label: "Farm to Table"
}
]}
buttons={[
{ text: "Learn More", href: "#" }
]}
useInvertedBackground="noInvert"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="What Our Guests Say"
description="Experience the warmth and authenticity that keeps our guests coming back."
tag="Testimonials"
testimonials={[
{
id: "1",
name: "Maria Rossi, Food Critic",
date: "Date: 15 December 2024",
title: "An unforgettable Italian experience",
quote: "Amore captures the essence of authentic Italian dining. Every plate is a masterpiece, from the perfectly cooked pasta to the impeccable service. This is where memories are made.",
tag: "Critic's Choice",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184308554-4dbq1jfa.jpg"
},
{
id: "2",
name: "Giovanni Bianchi, Regular Guest",
date: "Date: 8 December 2024",
title: "Simply the best in town",
quote: "I have been dining at Amore for over two years now. The consistency, quality, and warmth of the team make it my favorite restaurant. The risotto is incomparable.",
tag: "Loyal Guest",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163145146-fsataaws.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183838335-fiejzcxf.jpg"
},
{
id: "3",
name: "Sophie Martin, Traveler",
date: "Date: 20 November 2024",
title: "Brought Italy to my heart",
quote: "During my travels, Amore was a highlight. The food transported me to the streets of Rome. Every bite was authentic, every moment was special.",
tag: "Visitor",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163146349-ine3yxut.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829154-9c5vkkws.jpg"
},
{
id: "4",
name: "Marco Colombo, Chef",
date: "Date: 5 November 2024",
title: "Respect for the craft",
quote: "As a fellow chef, I deeply respect what the team at Amore achieves daily. Their dedication to traditional Italian techniques while maintaining excellence is remarkable.",
tag: "Professional",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184305846-8js4eyi9.jpg"
},
{
id: "5",
name: "Elena Moretti, Wedding Guest",
date: "Date: 28 October 2024",
title: "Perfect for special occasions",
quote: "Our anniversary dinner at Amore was magical. The ambiance, the food, and the attentive service made it truly unforgettable. We cannot wait to return.",
tag: "Special Occasion",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006072827-2l88jkq4.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183830869-g93nmh02.jpg"
}
]}
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenterForm
title="Reserve Your Table"
description="Join us for an evening of authentic Italian cuisine. Fill out the form below and our team will confirm your reservation."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true }
]}
textarea={{
name: "message",
placeholder: "Special requests or dietary preferences",
rows: 4,
required: false
}}
buttonText="Reserve Now"
useInvertedBackground="noInvert"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
logoWidth={40}
logoHeight={40}
copyrightText="© 2025 Amore Italian Restaurant. All rights reserved."
columns={[
{
title: "Restaurant",
items: [
{ label: "Hours", href: "#" },
{ label: "Location", href: "#" },
{ label: "Reservations", href: "contact" },
{ label: "Private Events", href: "#" }
]
},
{
title: "Menu",
items: [
{ label: "Pasta Dishes", href: "menu" },
{ label: "Seafood", href: "menu" },
{ label: "Desserts", href: "menu" },
{ label: "Wine Selection", href: "#" }
]
},
{
title: "Company",
items: [
{ label: "About Us", href: "about" },
{ label: "Contact", href: "contact" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Privacy Policy", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}