Update src/app/page.tsx
This commit is contained in:
306
src/app/page.tsx
306
src/app/page.tsx
@@ -26,224 +26,106 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gourmet Bistro"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Gourmet Bistro"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlay
|
||||
title="Exquisite Dining Experiences"
|
||||
description="Indulge in flavors crafted with passion and local ingredients, designed to create unforgettable moments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/food-styling-steak-white-plate_53876-42888.jpg"
|
||||
imageAlt="Restaurant dining experience"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlay
|
||||
title="Exquisite Dining Experiences"
|
||||
description="Indulge in flavors crafted with passion and local ingredients, designed to create unforgettable moments."
|
||||
buttons={[{ text: "Reserve Now", href: "#contact" }, { text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/food-styling-steak-white-plate_53876-42888.jpg"
|
||||
imageAlt="Restaurant dining experience"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Culinary Heritage"
|
||||
metrics={[
|
||||
{
|
||||
label: "Years of Tradition",
|
||||
value: "25+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Local Farms Partners",
|
||||
value: "40+",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
label: "Unique Recipes",
|
||||
value: "120+",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Culinary Heritage"
|
||||
metrics={[
|
||||
{ label: "Years of Tradition", value: "25+", icon: Award },
|
||||
{ label: "Local Farms Partners", value: "40+", icon: Leaf },
|
||||
{ label: "Unique Recipes", value: "120+", icon: Star },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Truffle Pasta",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-salad-with-boiled-eggs_140725-6856.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Wagyu Steak",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-presentation_23-2151914042.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Organic Garden Salad",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-with-vegetables-table_140725-355.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Grilled Sea Bass",
|
||||
price: "$42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-sushi_1203-697.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dark Chocolate Fondue",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-dark-surface-biscuit-cake-sweet-pie-sugar-cookie_140725-118183.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Artisan Sourdough",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-cheese-plate-with-olives-tomatoes-seen-from_1220-578.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Discover our carefully curated selection of seasonal delicacies and classic favorites."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Truffle Pasta", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/tuna-salad-with-boiled-eggs_140725-6856.jpg" },
|
||||
{ id: "2", name: "Wagyu Steak", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-presentation_23-2151914042.jpg" },
|
||||
{ id: "3", name: "Organic Garden Salad", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-with-vegetables-table_140725-355.jpg" },
|
||||
{ id: "4", name: "Grilled Sea Bass", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-sushi_1203-697.jpg" },
|
||||
{ id: "5", name: "Dark Chocolate Fondue", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-dark-surface-biscuit-cake-sweet-pie-sugar-cookie_140725-118183.jpg" },
|
||||
{ id: "6", name: "Artisan Sourdough", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/piece-cheese-plate-with-olives-tomatoes-seen-from_1220-578.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Discover our carefully curated selection of seasonal delicacies and classic favorites."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sophia Miller",
|
||||
handle: "@sophia",
|
||||
testimonial: "An absolute gem! The flavors were truly transcendent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Anderson",
|
||||
handle: "@janderson",
|
||||
testimonial: "Best dining experience in the city. Incredible service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Martinez",
|
||||
handle: "@emartinez",
|
||||
testimonial: "The atmosphere and food perfectly complemented each other.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wilson",
|
||||
handle: "@dwilson",
|
||||
testimonial: "Every bite was a masterclass in taste and texture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Claire Jordan",
|
||||
handle: "@cjordan",
|
||||
testimonial: "Highly recommended for any special occasion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Diners Love Us"
|
||||
description="Read what our cherished guests have to say about their dining experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sophia Miller", handle: "@sophia", testimonial: "An absolute gem! The flavors were truly transcendent.", imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg" },
|
||||
{ id: "2", name: "James Anderson", handle: "@janderson", testimonial: "Best dining experience in the city. Incredible service.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg" },
|
||||
{ id: "3", name: "Elena Martinez", handle: "@emartinez", testimonial: "The atmosphere and food perfectly complemented each other.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg" },
|
||||
{ id: "4", name: "David Wilson", handle: "@dwilson", testimonial: "Every bite was a masterclass in taste and texture.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg" },
|
||||
{ id: "5", name: "Claire Jordan", handle: "@cjordan", testimonial: "Highly recommended for any special occasion.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg" },
|
||||
]}
|
||||
title="Diners Love Us"
|
||||
description="Read what our cherished guests have to say about their dining experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Reserve Your Table"
|
||||
description="Join us for an unforgettable evening. Reach out for reservations or inquiries."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157791.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Reserve Your Table"
|
||||
description="Join us for an unforgettable evening. Reach out for reservations or inquiries."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157791.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Gourmet Bistro"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Gourmet Bistro"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user