Initial commit
This commit is contained in:
208
src/app/page.tsx
Normal file
208
src/app/page.tsx
Normal file
@@ -0,0 +1,208 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
|
||||
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeExtraLargeSpacing"
|
||||
background="none"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Trattoria"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Welcome to Trattoria"
|
||||
description="Authentic Italian cuisine crafted with passion and the finest ingredients. Experience the taste of Italy in every bite."
|
||||
tag="Est. 2015"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766409192131-b1h5qkdv.jpg"
|
||||
imageAlt="Beautiful Italian pasta dishes at Trattoria"
|
||||
textPosition="bottom-left"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{ text: "Reserve a Table", href: "contact" },
|
||||
{ text: "View Menu", href: "menu" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TagMediaSplitAbout
|
||||
variant="card"
|
||||
title="Our Story"
|
||||
description="Trattoria brings the heart of Italy to your table with authentic recipes passed down through generations."
|
||||
tag="About Us"
|
||||
textboxLayout="default"
|
||||
contentTag="ITALIAN HERITAGE"
|
||||
contentTitle="Where tradition meets flavor"
|
||||
contentDescription="Since 2015, Trattoria has been committed to delivering genuine Italian dining experiences. Our chefs source the finest ingredients from Italy and prepare every dish with time-honored techniques and genuine passion for authentic cuisine."
|
||||
contentButtons={[
|
||||
{ text: "Learn More", href: "#" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
|
||||
imageAlt="Warm and inviting Trattoria dining space"
|
||||
imagePosition="right"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardSeven
|
||||
title="Our Signature Menu"
|
||||
description="Explore our carefully curated selection of Italian classics and house specialties"
|
||||
tag="Menu"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carbonara Classico",
|
||||
price: "$18",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183835554-u0l6uy1i.jpg",
|
||||
imageAlt: "Creamy carbonara pasta dish"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Risotto ai Funghi",
|
||||
price: "$22",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766409193138-h4i14vjk.jpg",
|
||||
imageAlt: "Creamy mushroom risotto"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tiramisu Dolce",
|
||||
price: "$9",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766409194037-f9umach4.jpg",
|
||||
imageAlt: "Traditional tiramisu dessert"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
containerStyle="default"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="What Our Guests Say"
|
||||
description="Real experiences from people who have dined at Trattoria"
|
||||
tag="Reviews"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria Rossi",
|
||||
role: "Food Critic",
|
||||
company: "Culinary Times",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dh6fxe",
|
||||
imageAlt: "Portrait of Maria Rossi"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Giovanni Martini",
|
||||
role: "Regular Guest",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347538216-4winqq63.jpg",
|
||||
imageAlt: "Portrait of Giovanni Martini"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Angela Ferrari",
|
||||
role: "Restaurant Owner",
|
||||
company: "Downtown District",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766169051267-ppfbkzsh.jpg",
|
||||
imageAlt: "Portrait of Angela Ferrari"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marco Bianchi",
|
||||
role: "Event Planner",
|
||||
company: "Celebration Events",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=abggki",
|
||||
imageAlt: "Portrait of Marco Bianchi"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
containerStyle="default"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get In Touch"
|
||||
title="Reserve Your Table Today"
|
||||
description="Join us for an unforgettable Italian dining experience. Subscribe for exclusive offers and updates."
|
||||
useInvertedBackground="noInvert"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Your email will only be used for reservations and special offers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSocial
|
||||
logoText="Trattoria"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{ label: "Pasta", href: "#menu" },
|
||||
{ label: "Risotto", href: "#menu" },
|
||||
{ label: "Desserts", href: "#menu" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Reservations", href: "#contact" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© Trattoria, 2025. All rights reserved. Authentic Italian dining since 2015."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user