215 lines
9.4 KiB
TypeScript
215 lines
9.4 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Star, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Bella Notte"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Experience", id: "ambiance" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Reserve Now", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Bella Notte"
|
|
description="Experience authentic Italian cuisine in an elegant setting that captures the warmth and tradition of Italy"
|
|
tag="Fine Dining"
|
|
tagIcon={Utensils}
|
|
buttons={[
|
|
{ text: "Reserve a 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 room"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Our Story"
|
|
description={[
|
|
"Bella Notte was born from a passion for bringing authentic Italian culinary traditions to discerning diners. Our founder, Chef Marco Rossi, spent decades perfecting his craft in the heart of Tuscany before establishing this sanctuary for Italian gastronomy.",
|
|
"Every dish tells a story of heritage, quality ingredients sourced directly from Italy, and meticulous preparation. We believe dining is not just about food—it's about creating memories, celebrating connections, and experiencing the soul of Italian hospitality."
|
|
]}
|
|
buttons={[{ text: "Learn More" }]}
|
|
showBorder={true}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
title="Signature Dishes"
|
|
description="Discover our most beloved creations, crafted with passion and the finest Italian ingredients"
|
|
tag="Chef Selections"
|
|
tagIcon={Star}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Handmade Tagliatelle al Ragù",
|
|
price: "From $28",
|
|
variant: "Fresh egg pasta with slow-cooked meat sauce",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183832020-sqgzqvxa.jpg",
|
|
imageAlt: "Tagliatelle al Ragù"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Risotto ai Funghi Porcini",
|
|
price: "From $32",
|
|
variant: "Creamy risotto with wild mushrooms and truffle oil",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767194365242-gwpiggvg.jpg",
|
|
imageAlt: "Risotto ai Funghi Porcini"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Branzino al Forno",
|
|
price: "From $36",
|
|
variant: "Mediterranean sea bass with fresh herbs and lemon",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767265948957-b3crhk67.jpg",
|
|
imageAlt: "Branzino al Forno"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="ambiance" data-section="ambiance">
|
|
<FeatureCardThirteen
|
|
title="Experience Bella Notte"
|
|
description="Immerse yourself in the essence of Italian dining across our carefully curated spaces"
|
|
features={[
|
|
{
|
|
id: "01",
|
|
title: "Indoor Elegance",
|
|
description: "Sophisticated dining room with warm lighting, Italian artwork, and intimate booths perfect for special occasions"
|
|
},
|
|
{
|
|
id: "02",
|
|
title: "Garden Seating",
|
|
description: "Enchanting outdoor terrace surrounded by fragrant gardens, ideal for romantic evenings under the stars"
|
|
},
|
|
{
|
|
id: "03",
|
|
title: "Wine Selection",
|
|
description: "Curated collection of premium Italian wines personally selected to complement our menu offerings"
|
|
},
|
|
{
|
|
id: "04",
|
|
title: "Private Events",
|
|
description: "Dedicated spaces for celebrations, corporate dinners, and intimate gatherings with personalized service"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Guests Say"
|
|
description="Discover why food lovers keep returning to Bella Notte for unforgettable dining experiences"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Angela Mitchell",
|
|
handle: "@angelam_food",
|
|
testimonial: "Absolutely magical evening. The pasta was divine, and the service made us feel like family. This is authentic Italian dining done right.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278832486-x5i5x871.jpg",
|
|
imageAlt: "Angela Mitchell"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Rodriguez",
|
|
handle: "@james_travels",
|
|
testimonial: "I've dined in Rome and Milan, and this restaurant captures the true spirit of Italian hospitality. Exceptional from start to finish.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183872185-r63000od.jpg",
|
|
imageAlt: "James Rodriguez"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sofia Castellano",
|
|
handle: "@sofia_kitchen",
|
|
testimonial: "The attention to detail in every plate is remarkable. Chef Marco's passion for authentic Italian cuisine truly shines through.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278833750-0np7gm3z.jpg",
|
|
imageAlt: "Sofia Castellano"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Michael Chen",
|
|
handle: "@foodie_adventures",
|
|
testimonial: "Best risotto I've ever had outside of Italy. The ambiance, the wine selection, everything is perfect. A true gem.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183840246-543e8kk4.jpg",
|
|
imageAlt: "Michael Chen"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Reserve Your Table"
|
|
description="Book an unforgettable evening at Bella Notte. Secure your reservation or inquire about our private event spaces."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
|
{ name: "date", type: "date", placeholder: "Preferred Date", required: true }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Special requests or occasions", rows: 4, required: false }}
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184305846-8js4eyi9.jpg"
|
|
imageAlt="Elegant dining ambiance"
|
|
mediaPosition="right"
|
|
buttonText="Book Reservation"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal logoText="Bella Notte" />
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |