Initial commit
This commit is contained in:
279
src/app/page.tsx
Normal file
279
src/app/page.tsx
Normal file
@@ -0,0 +1,279 @@
|
||||
"use client"
|
||||
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroShowcaseSplitOverlay from '@/components/sections/hero/HeroShowcaseSplitOverlay';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Calendar, Users, ChefHat, Award } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="small"
|
||||
background="noise"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reservations", id: "contact" },
|
||||
{ name: "Contact", id: "footer" }
|
||||
]}
|
||||
brandName="Ristorante Italia"
|
||||
bottomLeftText="Authentic Italian Dining"
|
||||
bottomRightText="info@ristoranteitalia.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroShowcaseSplitOverlay
|
||||
title="Authentic Italian Cuisine Since 1998"
|
||||
description="Experience the flavors of Italy in every bite. Our chefs craft traditional recipes with locally-sourced ingredients, bringing warmth and tradition to your table."
|
||||
tags={["Authentic Italian", "Wood-Fired Oven", "Farm Fresh", "Family Recipes", "Award-Winning", "Mediterranean"]}
|
||||
buttons={[
|
||||
{ text: "Make a Reservation", href: "contact" },
|
||||
{ text: "View Menu", href: "menu" }
|
||||
]}
|
||||
showcaseImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237434264-kf7vqb4g.jpg"
|
||||
showcaseImageAlt="Signature carbonara pasta dish"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237433258-270lxdto.jpg"
|
||||
imageAlt="Italian pasta ingredients"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="A Slice of Italy in the Heart of the City"
|
||||
metrics={[
|
||||
{ icon: Calendar, label: "Years of Tradition", value: "26+" },
|
||||
{ icon: Users, label: "Happy Guests", value: "50,000+" },
|
||||
{ icon: ChefHat, label: "Signature Dishes", value: "40+" },
|
||||
{ icon: Award, label: "Years Chef Trained", value: "85" }
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
title="Our Signature Menu"
|
||||
description="Handcrafted Italian dishes prepared fresh daily using the finest ingredients. Each plate tells a story of tradition and passion."
|
||||
tag="Featured Dishes"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{
|
||||
id: "carbonara",
|
||||
name: "Spaghetti alla Carbonara",
|
||||
price: "18€",
|
||||
variant: "Creamy Guanciale Sauce",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237434264-kf7vqb4g.jpg",
|
||||
imageAlt: "Classic carbonara"
|
||||
},
|
||||
{
|
||||
id: "risotto",
|
||||
name: "Risotto ai Funghi Porcini",
|
||||
price: "22€",
|
||||
variant: "Wild Mushroom & Truffle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183832020-sqgzqvxa.jpg",
|
||||
imageAlt: "Mushroom risotto"
|
||||
},
|
||||
{
|
||||
id: "seafood-pasta",
|
||||
name: "Pasta ai Frutti di Mare",
|
||||
price: "26€",
|
||||
variant: "Fresh Catch of the Day",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829154-9c5vkkws.jpg",
|
||||
imageAlt: "Seafood pasta"
|
||||
},
|
||||
{
|
||||
id: "pizza-napoli",
|
||||
name: "Margherita Napoletana",
|
||||
price: "14€",
|
||||
variant: "Wood-Fired Oven Baked",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237435208-jhasrl4g.jpg",
|
||||
imageAlt: "Traditional Neapolitan pizza"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
containerStyle="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEleven
|
||||
title="The Italian Experience"
|
||||
description="Discover what makes our restaurant truly special"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Traditional Recipes",
|
||||
description: "Passed down through generations, our recipes honor authentic Italian cooking methods. Each dish reflects centuries of culinary tradition from different Italian regions.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183839130-uny71l1o.jpg"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Farm-to-Table Philosophy",
|
||||
description: "We partner with local farmers and suppliers to bring the freshest ingredients to your plate. Our commitment to sustainability ensures quality and supports our community.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Expert Preparation",
|
||||
description: "Our chefs trained in Italy bring decades of experience and passion to every dish. Watch as skilled hands transform simple ingredients into culinary masterpieces.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237433258-270lxdto.jpg"
|
||||
}
|
||||
]}
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
usePrimaryButtonImage={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="What Our Guests Say"
|
||||
description="Real stories from people who have experienced the warmth and flavors of our restaurant"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria Rossi",
|
||||
role: "Regular Guest",
|
||||
testimonial: "The most authentic Italian experience I've had outside of Rome. The carbonara is perfection, and the ambiance makes you feel like family.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237436575-0v4bladp.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Giovanni Marino",
|
||||
role: "Food Critic",
|
||||
testimonial: "Exceptional dishes that transport you straight to Italy. The attention to detail and quality ingredients shine through in every plate.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766152149165-8nddns07.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia Castellano",
|
||||
role: "Frequent Visitor",
|
||||
testimonial: "My favorite spot for special occasions. The service is warm, the wine selection is outstanding, and the food never disappoints.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marco Bellini",
|
||||
role: "Restaurant Owner",
|
||||
testimonial: "A true gem in our city. These chefs understand Italian cuisine with passion and respect for tradition. Highly recommended.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154634313-y5tjxwwi.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Viviani",
|
||||
role: "Culinary Student",
|
||||
testimonial: "Inspiring every time I visit. The way they prepare each dish teaches me something new about Italian cooking techniques.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154636179-coolkx53.jpg"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Antonio Ferrari",
|
||||
role: "Wine Enthusiast",
|
||||
testimonial: "The wine pairings are exceptional. The staff knows their selection intimately and truly cares about your dining experience.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140061652-x0v8jc88.jpg"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
containerStyle="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Italy's Best"
|
||||
description="Partnerships with prestigious organizations and local suppliers"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140107205-4bafhl5z.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109000-ndb7534s.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140110880-q16dspxs.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140108208-9jx2n5py.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140111672-sfjpgvql.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183580042-1z23mdom.jpg"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Reserve Your Table"
|
||||
title="Join Us for an Unforgettable Evening"
|
||||
description="Experience the warmth of Italian hospitality. Whether for a romantic dinner or family gathering, we look forward to welcoming you."
|
||||
useInvertedBackground="noInvert"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
|
||||
imageAlt="Elegant restaurant table setting"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Request Reservation"
|
||||
termsText="We'll send you a confirmation and our availability for your preferred date."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Ristorante Italia"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Menu", href: "menu" },
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Reservations", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Hours", href: "#" },
|
||||
{ label: "Location", href: "#" },
|
||||
{ label: "Contact", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Events", href: "#" },
|
||||
{ label: "Private Dining", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Follow Us", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user