Merge version_1 into main #2
284
src/app/page.tsx
284
src/app/page.tsx
@@ -25,207 +25,101 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "reservation",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="L'Elegante"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reservations", id: "reservation" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="L'Elegante"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Authentic Italian Elegance, Timeless Flavors"
|
||||
description="Experience genuine Italian hospitality in our intimate dining space. Savor handcrafted dishes inspired by regional traditions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#reservation",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-glasses-champagne-sparkling-wine-standing-table_7502-10070.jpg"
|
||||
imageAlt="Luxurious dining atmosphere at L'Elegante"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Authentic Italian Elegance, Timeless Flavors"
|
||||
description="Experience genuine Italian hospitality in our intimate dining space. Savor handcrafted dishes inspired by regional traditions."
|
||||
buttons={[{ text: "Reserve Your Table", href: "#reservation" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-glasses-champagne-sparkling-wine-standing-table_7502-10070.jpg"
|
||||
imageAlt="Luxurious dining atmosphere at L'Elegante"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Burrata",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Osso Buco",
|
||||
price: "$38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-salmon-fish-brown-wooden-cutting-board-with-green-pepper-fir-branches-cutlery-set-fallen-oil-bottle-tomato-salt-pepper-dark-table_140725-143816.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tiramisu Tradizionale",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-italian-dessert-tiramisu-decorated-with-strawberries-cherries-mint-white-background_127032-3068.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Curated selection of our signature dishes."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Classic Burrata", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg" },
|
||||
{ id: "2", name: "Osso Buco", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-salmon-fish-brown-wooden-cutting-board-with-green-pepper-fir-branches-cutlery-set-fallen-oil-bottle-tomato-salt-pepper-dark-table_140725-143816.jpg" },
|
||||
{ id: "3", name: "Tiramisu Tradizionale", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/classic-italian-dessert-tiramisu-decorated-with-strawberries-cherries-mint-white-background_127032-3068.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Curated selection of our signature dishes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardSeven
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Intimate Dining",
|
||||
description: "Soft lighting and warm, velvet decor create the perfect environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-tasting-wine_23-2149428830.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Exquisite Bar",
|
||||
description: "Enjoy a curated selection of fine wines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157776.jpg",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Traditional Charm",
|
||||
description: "Every detail reflects the rich heritage of Italy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-tasting-wine_23-2149428830.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Atmosphere"
|
||||
description="A glimpse into our world."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Intimate Dining", description: "Soft lighting and warm, velvet decor create the perfect environment.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-tasting-wine_23-2149428830.jpg" },
|
||||
{ id: 2, title: "Exquisite Bar", description: "Enjoy a curated selection of fine wines.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157776.jpg" },
|
||||
{ id: 3, title: "Traditional Charm", description: "Every detail reflects the rich heritage of Italy.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-tasting-wine_23-2149428830.jpg" },
|
||||
]}
|
||||
title="Atmosphere"
|
||||
description="A glimpse into our world."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book a Table"
|
||||
description="Secure your spot for an unforgettable evening."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Date",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "time",
|
||||
type: "time",
|
||||
placeholder: "Time",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Number of Guests",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-black-rough-concrete-wall_181624-15392.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book a Table"
|
||||
description="Secure your spot for an unforgettable evening."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Date", required: true },
|
||||
{ name: "time", type: "time", placeholder: "Time", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-black-rough-concrete-wall_181624-15392.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "123 Via Roma, Florence",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Tue-Sun: 5PM - 11PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "+39 055 123 4567",
|
||||
href: "tel:+390551234567",
|
||||
},
|
||||
{
|
||||
label: "info@lelegante.it",
|
||||
href: "mailto:info@lelegante.it",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 L'Elegante Ristorante"
|
||||
bottomRightText="Crafted with Tradition"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "123 Via Roma, Florence", href: "#" }] },
|
||||
{ title: "Hours", items: [{ label: "Tue-Sun: 5PM - 11PM", href: "#" }] },
|
||||
{ title: "Contact", items: [
|
||||
{ label: "+39 055 123 4567", href: "tel:+390551234567" },
|
||||
{ label: "info@lelegante.it", href: "mailto:info@lelegante.it" }
|
||||
] },
|
||||
]}
|
||||
bottomLeftText="© 2024 L'Elegante Ristorante"
|
||||
bottomRightText="Crafted with Tradition"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user