Merge version_1 into main #1
299
src/app/page.tsx
299
src/app/page.tsx
@@ -17,217 +17,110 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Culinary Atelier"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reservations", id: "contact" },
|
||||
]}
|
||||
brandName="Culinary Atelier"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="The Culinary Atelier"
|
||||
description="Crafting unforgettable dining experiences through passion, precision, and the finest seasonal ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flute-with-two-white-black-porcelain-plates-different-size-served-table-with-natural-fir-branch_132075-6157.jpg"
|
||||
imageAlt="Luxurious restaurant dining experience"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="The Culinary Atelier"
|
||||
description="Crafting unforgettable dining experiences through passion, precision, and the finest seasonal ingredients."
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flute-with-two-white-black-porcelain-plates-different-size-served-table-with-natural-fir-branch_132075-6157.jpg"
|
||||
imageAlt="Luxurious restaurant dining experience"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="A Legacy of Culinary Excellence"
|
||||
description="Founded with the belief that food is the ultimate language of connection, our kitchen brings together traditional techniques and contemporary creativity to plate magic every evening."
|
||||
subdescription="Experience a curated journey of flavor in an environment designed for savoring moments."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-setting-terrace-bar-outside_1203-4630.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="A Legacy of Culinary Excellence"
|
||||
description="Founded with the belief that food is the ultimate language of connection, our kitchen brings together traditional techniques and contemporary creativity to plate magic every evening."
|
||||
subdescription="Experience a curated journey of flavor in an environment designed for savoring moments."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-setting-terrace-bar-outside_1203-4630.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Atlantic Sea Scallops",
|
||||
price: "$28",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-bell-peppers-lunch-inside-plate-dark-surface_140725-61860.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Wild-Caught Salmon",
|
||||
price: "$42",
|
||||
variant: "Main Course",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggplant-rolls-served-with-greens-tomatoes-walnuts-sesame-seeds_141793-605.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Aged Wagyu Tenderloin",
|
||||
price: "$65",
|
||||
variant: "Main Course",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-juicy-piece-kebab-with-cranberry-puree_651396-1445.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Heirloom Garden Salad",
|
||||
price: "$18",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-salad-with-lettuce-avocado-arugula-parmesan-cheese_141793-286.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hand-Cut Pappardelle",
|
||||
price: "$34",
|
||||
variant: "Pasta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-pasta-meal-with-tomato-meat-green-blue-plate-ice-background_140725-143666.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Dark Chocolate Ganache",
|
||||
price: "$16",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bisquits-with-sliced-fruits-chocolate-syrup_141793-29.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Tasting Menu"
|
||||
description="Discover a selection of our most celebrated dishes, meticulously prepared to awaken your senses."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Atlantic Sea Scallops", price: "$28", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-bell-peppers-lunch-inside-plate-dark-surface_140725-61860.jpg" },
|
||||
{ id: "2", name: "Wild-Caught Salmon", price: "$42", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-rolls-served-with-greens-tomatoes-walnuts-sesame-seeds_141793-605.jpg" },
|
||||
{ id: "3", name: "Aged Wagyu Tenderloin", price: "$65", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/closeup-juicy-piece-kebab-with-cranberry-puree_651396-1445.jpg" },
|
||||
{ id: "4", name: "Heirloom Garden Salad", price: "$18", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/green-salad-with-lettuce-avocado-arugula-parmesan-cheese_141793-286.jpg" },
|
||||
{ id: "5", name: "Hand-Cut Pappardelle", price: "$34", variant: "Pasta", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-pasta-meal-with-tomato-meat-green-blue-plate-ice-background_140725-143666.jpg" },
|
||||
{ id: "6", name: "Dark Chocolate Ganache", price: "$16", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/bisquits-with-sliced-fruits-chocolate-syrup_141793-29.jpg" }
|
||||
]}
|
||||
title="The Tasting Menu"
|
||||
description="Discover a selection of our most celebrated dishes, meticulously prepared to awaken your senses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The atmosphere, the service, and the food were nothing short of legendary. This is the place for special occasions."
|
||||
rating={5}
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-kissing-man-forehead-restaurant_23-2148014524.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The atmosphere, the service, and the food were nothing short of legendary. This is the place for special occasions."
|
||||
rating={5}
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-kissing-man-forehead-restaurant_23-2148014524.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg", alt: "Diner 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reservations"
|
||||
title="Secure Your Experience"
|
||||
description="Book your table and let us curate an evening of culinary delight specifically for you."
|
||||
inputPlaceholder="Enter your email for reservation updates"
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Secure Your Experience"
|
||||
description="Book your table and let us curate an evening of culinary delight specifically for you."
|
||||
inputPlaceholder="Enter your email for reservation updates"
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Culinary Atelier"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "123 Gastronomy St",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "info@atelier.com",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(555) 123-4567",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Culinary Atelier"
|
||||
columns={[
|
||||
{ title: "Contact", items: [{ label: "123 Gastronomy St", href: "#" }, { label: "info@atelier.com", href: "#" }, { label: "(555) 123-4567", href: "#" }] },
|
||||
{ title: "Explore", items: [{ label: "Our Menu", href: "#menu" }, { label: "Our Story", href: "#about" }, { label: "Reservations", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user