244 lines
11 KiB
TypeScript
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>
|
|
);
|
|
} |