276 lines
12 KiB
TypeScript
276 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactInline from '@/components/sections/contact/ContactInline';
|
|
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Instagram, Facebook, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<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="Osteria"
|
|
bottomLeftText="Fine Italian Cuisine"
|
|
bottomRightText="hello@osteria.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitLarge
|
|
title="Experience Authentic Italian Cuisine"
|
|
description="Savor the flavors of Italy in an elegant setting. From traditional recipes to modern interpretations, every dish tells a story of passion and craftsmanship."
|
|
tag="Fine Dining"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
|
|
imageAlt="Elegant Italian restaurant interior"
|
|
buttons={[
|
|
{"text": "Reserve a Table", "href": "contact"},
|
|
{"text": "View Menu", "href": "menu"}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Our Story"
|
|
description="At Osteria, we celebrate the rich culinary traditions of Italy while embracing contemporary techniques. Founded by Chef Marco in 2015, our restaurant has become a beloved destination for those seeking authentic Italian flavors and warm hospitality."
|
|
tag="Est. 2015"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg"
|
|
imageAlt="Chef preparing dishes in the kitchen"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{"text": "Learn More", "href": "about"}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardSeven
|
|
title="Signature Dishes"
|
|
description="Discover our most beloved creations, crafted with the finest Italian ingredients and generations of tradition."
|
|
tag="Must Try"
|
|
products={[
|
|
{
|
|
"id": "1",
|
|
"name": "Handmade Pappardelle",
|
|
"price": "$24",
|
|
"imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766237433258-270lxdto.jpg",
|
|
"imageAlt": "Fresh pappardelle pasta with wild boar ragù"
|
|
},
|
|
{
|
|
"id": "2",
|
|
"name": "Risotto ai Funghi",
|
|
"price": "$22",
|
|
"imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829154-9c5vkkws.jpg",
|
|
"imageAlt": "Creamy mushroom risotto with truffle oil"
|
|
},
|
|
{
|
|
"id": "3",
|
|
"name": "Tiramisu",
|
|
"price": "$12",
|
|
"imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183834735-9ooktc3n.jpg",
|
|
"imageAlt": "Traditional homemade tiramisu"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Guests Say"
|
|
description="Join hundreds of satisfied diners who have experienced the magic of authentic Italian cuisine at Osteria."
|
|
testimonials={[
|
|
{
|
|
"id": "1",
|
|
"name": "Isabella Rossi",
|
|
"handle": "@isabellaeats",
|
|
"testimonial": "Absolutely divine! The handmade pasta melts in your mouth. This is authentic Italian dining at its finest.",
|
|
"rating": 5,
|
|
"imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278832486-x5i5x871.jpg",
|
|
"imageAlt": "Isabella Rossi"
|
|
},
|
|
{
|
|
"id": "2",
|
|
"name": "Marco Gallo",
|
|
"handle": "@marcotravel",
|
|
"testimonial": "I've dined in Rome and Milan, but the flavors here transported me right back. Chef Marco is a master.",
|
|
"rating": 5,
|
|
"imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183872185-r63000od.jpg",
|
|
"imageAlt": "Marco Gallo"
|
|
},
|
|
{
|
|
"id": "3",
|
|
"name": "Sophie Laurent",
|
|
"handle": "@sophiefoodies",
|
|
"testimonial": "The ambiance, the service, the food - everything is perfect. My favorite restaurant in the city.",
|
|
"rating": 5,
|
|
"imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766278833750-0np7gm3z.jpg",
|
|
"imageAlt": "Sophie Laurent"
|
|
},
|
|
{
|
|
"id": "4",
|
|
"name": "David Chen",
|
|
"handle": "@davidchef",
|
|
"testimonial": "As a chef myself, I'm impressed by their technique and ingredient quality. Highly recommended.",
|
|
"rating": 5,
|
|
"imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183840246-543e8kk4.jpg",
|
|
"imageAlt": "David Chen"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
title="Meet Our Team"
|
|
description="The passionate professionals behind every exceptional meal at Osteria."
|
|
members={[
|
|
{
|
|
"id": "1",
|
|
"name": "Chef Marco Rossini",
|
|
"role": "Head Chef & Founder",
|
|
"imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183830869-g93nmh02.jpg",
|
|
"imageAlt": "Chef Marco Rossini"
|
|
},
|
|
{
|
|
"id": "2",
|
|
"name": "Giovanni Martini",
|
|
"role": "Sous Chef",
|
|
"imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767286647549-76nhpqrq.jpg",
|
|
"imageAlt": "Giovanni Martini"
|
|
},
|
|
{
|
|
"id": "3",
|
|
"name": "Lucia Benedetti",
|
|
"role": "Wine Sommelier",
|
|
"imageSrc": "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766245919968-9vhvqd14.jpg",
|
|
"imageAlt": "Lucia Benedetti"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about dining at Osteria."
|
|
faqs={[
|
|
{
|
|
"id": "1",
|
|
"title": "How far in advance should I make a reservation?",
|
|
"content": "We recommend reserving at least 2-3 days in advance, especially for weekends. However, we always try to accommodate walk-ins when tables are available."
|
|
},
|
|
{
|
|
"id": "2",
|
|
"title": "Do you accommodate dietary restrictions?",
|
|
"content": "Absolutely! We can accommodate vegetarian, vegan, and gluten-free diets. Please mention any dietary restrictions when making your reservation so we can prepare accordingly."
|
|
},
|
|
{
|
|
"id": "3",
|
|
"title": "What is your dress code?",
|
|
"content": "We recommend smart casual attire. Jackets are appreciated but not required. We want our guests to feel comfortable while maintaining an elegant atmosphere."
|
|
},
|
|
{
|
|
"id": "4",
|
|
"title": "Do you have a wine list?",
|
|
"content": "Yes! Our sommelier Lucia curates a carefully selected wine list featuring Italian wines and other world-class selections. She's happy to recommend pairings for your meal."
|
|
},
|
|
{
|
|
"id": "5",
|
|
"title": "Can I host a private event?",
|
|
"content": "We offer private dining experiences for special occasions. Please contact us directly to discuss your event and customize a menu that suits your needs."
|
|
}
|
|
]}
|
|
textPosition="left"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactInline
|
|
text="Ready to experience authentic Italian cuisine?"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Reserve Now"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseSocial
|
|
logoText="Osteria"
|
|
description="Fine Italian cuisine crafted with passion and tradition. Experience authentic flavors in an elegant setting."
|
|
columns={[
|
|
{
|
|
"title": "Dining",
|
|
"items": [
|
|
{"label": "Reserve a Table", "href": "contact"},
|
|
{"label": "Menu", "href": "menu"},
|
|
{"label": "Private Events", "href": "contact"}
|
|
]
|
|
},
|
|
{
|
|
"title": "About",
|
|
"items": [
|
|
{"label": "Our Story", "href": "about"},
|
|
{"label": "Meet the Team", "href": "team"},
|
|
{"label": "Contact Us", "href": "footer"}
|
|
]
|
|
},
|
|
{
|
|
"title": "Information",
|
|
"items": [
|
|
{"label": "Hours & Location", "href": "footer"},
|
|
{"label": "FAQ", "href": "faq"},
|
|
{"label": "Gift Cards", "href": "contact"}
|
|
]
|
|
}
|
|
]}
|
|
socialLinks={[
|
|
{"icon": Instagram, "href": "https://instagram.com", "ariaLabel": "Follow us on Instagram"},
|
|
{"icon": Facebook, "href": "https://facebook.com", "ariaLabel": "Follow us on Facebook"},
|
|
{"icon": Mail, "href": "mailto:hello@osteria.com", "ariaLabel": "Email us"}
|
|
]}
|
|
copyrightText="© 2025 Osteria. Fine Italian Cuisine. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |