Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
348
src/app/page.tsx
348
src/app/page.tsx
@@ -16,258 +16,118 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
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: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gourmet Mobile"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Gourmet Mobile"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Dine Without the Wait"
|
||||
description="Experience effortless ordering directly from your phone. Scan, select, and savor your meal with our contactless service."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-breakfast-table-setting-with-coffee-cake_23-2151982918.jpg",
|
||||
imageAlt: "Elegant table setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dedicated-restaurant-chef-chopping-bell-pepper-stainless-steel-kitchen_482257-121174.jpg",
|
||||
imageAlt: "Chef preparing ingredients",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312227.jpg",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-blue-soup-served-white-plate_1304-4654.jpg",
|
||||
imageAlt: "Gourmet dish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89987.jpg",
|
||||
imageAlt: "Kitchen team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-assortment-with-plant_23-2148914889.jpg",
|
||||
imageAlt: "Elegant interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Dine Without the Wait"
|
||||
description="Experience effortless ordering directly from your phone. Scan, select, and savor your meal with our contactless service."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-breakfast-table-setting-with-coffee-cake_23-2151982918.jpg", imageAlt: "Elegant table setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dedicated-restaurant-chef-chopping-bell-pepper-stainless-steel-kitchen_482257-121174.jpg", imageAlt: "Chef preparing ingredients" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312227.jpg", imageAlt: "Restaurant ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/green-blue-soup-served-white-plate_1304-4654.jpg", imageAlt: "Gourmet dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89987.jpg", imageAlt: "Kitchen team" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/table-assortment-with-plant_23-2148914889.jpg", imageAlt: "Elegant interior" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A New Way to Dine"
|
||||
description="We believe technology should enhance the dining experience, not complicate it. By removing the wait for a waiter, we put the power of ordering directly in your hands for a smoother, faster meal."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Contactless Ordering",
|
||||
description: "Browse our full menu and order instantly from your own device.",
|
||||
},
|
||||
{
|
||||
title: "Real-time Updates",
|
||||
description: "Receive notifications when your order is ready or arriving at your table.",
|
||||
},
|
||||
{
|
||||
title: "Secure Payment",
|
||||
description: "Pay quickly and safely without waiting for a bill.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg"
|
||||
imageAlt="Our kitchen and technology"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A New Way to Dine"
|
||||
description="We believe technology should enhance the dining experience, not complicate it. By removing the wait for a waiter, we put the power of ordering directly in your hands for a smoother, faster meal."
|
||||
bulletPoints={[
|
||||
{ title: "Contactless Ordering", description: "Browse our full menu and order instantly from your own device." },
|
||||
{ title: "Real-time Updates", description: "Receive notifications when your order is ready or arriving at your table." },
|
||||
{ title: "Secure Payment", description: "Pay quickly and safely without waiting for a bill." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg"
|
||||
imageAlt="Our kitchen and technology"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gourmet Truffle Risotto",
|
||||
price: "$24.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-tenderloin-meat-with-vegetable_1203-9948.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Herb-Crusted Salmon",
|
||||
price: "$28.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-notebook-stuffed-cabbage-with-lemon-herbs-sauce-plate-white-notebook_140725-99216.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Roasted Vegetable Tart",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slices-meat-served-with-lettuce-sesame-seeds-sauce_141793-955.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Signature Chocolate Lava Cake",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-salted-chips-designed-with-strawberries-inside-plate-along-with-blackthorns-white-table-chips-snack-fruit-berry_140725-24516.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Quinoa Salad Bowl",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Handmade Basil Pesto Pasta",
|
||||
price: "$20.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/platter-cooked-pasta-ketchup-bowl-mixed-pickles-marble-surface_114579-54664.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our curated selection of dishes."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Gourmet Truffle Risotto", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-tenderloin-meat-with-vegetable_1203-9948.jpg" },
|
||||
{ id: "p2", name: "Herb-Crusted Salmon", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-notebook-stuffed-cabbage-with-lemon-herbs-sauce-plate-white-notebook_140725-99216.jpg" },
|
||||
{ id: "p3", name: "Roasted Vegetable Tart", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/slices-meat-served-with-lettuce-sesame-seeds-sauce_141793-955.jpg" },
|
||||
{ id: "p4", name: "Signature Chocolate Lava Cake", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salted-chips-designed-with-strawberries-inside-plate-along-with-blackthorns-white-table-chips-snack-fruit-berry_140725-24516.jpg" },
|
||||
{ id: "p5", name: "Quinoa Salad Bowl", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg" },
|
||||
{ id: "p6", name: "Handmade Basil Pesto Pasta", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/platter-cooked-pasta-ketchup-bowl-mixed-pickles-marble-surface_114579-54664.jpg" }
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our curated selection of dishes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Foodie",
|
||||
testimonial: "So fast and convenient! I love that I didn't have to wait for anyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-attractive-teenage-girl-has-positive-smile-face_273609-28724.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Park",
|
||||
role: "Professional",
|
||||
testimonial: "Ordering on my phone was incredibly intuitive. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
role: "Regular Guest",
|
||||
testimonial: "Technology done right! The experience was seamless and perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Thorne",
|
||||
role: "Food Critic",
|
||||
testimonial: "A refreshing change in how we interact with restaurant service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia Bennett",
|
||||
role: "Diner",
|
||||
testimonial: "It saved us so much time. Can't imagine going back to the old way!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Experiences"
|
||||
description="See why our guests love the contactless dining approach."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", role: "Foodie", testimonial: "So fast and convenient! I love that I didn't have to wait for anyone.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-attractive-teenage-girl-has-positive-smile-face_273609-28724.jpg" },
|
||||
{ id: "t2", name: "David Park", role: "Professional", testimonial: "Ordering on my phone was incredibly intuitive. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg" },
|
||||
{ id: "t3", name: "Elena Rossi", role: "Regular Guest", testimonial: "Technology done right! The experience was seamless and perfect.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg" },
|
||||
{ id: "t4", name: "Marcus Thorne", role: "Food Critic", testimonial: "A refreshing change in how we interact with restaurant service.", imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg" },
|
||||
{ id: "t5", name: "Julia Bennett", role: "Diner", testimonial: "It saved us so much time. Can't imagine going back to the old way!", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg" }
|
||||
]}
|
||||
title="Customer Experiences"
|
||||
description="See why our guests love the contactless dining approach."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Stay Updated"
|
||||
title="Have Questions?"
|
||||
description="Sign up for our newsletter to receive updates on new menu items and exclusive offers."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Have Questions?"
|
||||
description="Sign up for our newsletter to receive updates on new menu items and exclusive offers."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Gourmet Mobile"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Appetizers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mains",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Desserts",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Gourmet Mobile"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Appetizers", href: "#" }, { label: "Mains", href: "#" }, { label: "Desserts", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user