bender/6e3ccd46-f053-44fa-948e-2cee33ebfb5a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 17:47:13 +00:00
parent 0be10a06ec
commit 38144bb37f
1 changed files with 50 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/app/page.tsx
View File

@@ -31,27 +31,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Menu", name: "Menu", id: "menu"},
id: "menu",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Manga Bistro" brandName="Manga Bistro"
button={{ button={{
text: "Order Online", text: "Order Online", href: "#menu"}}
href: "#menu",
}}
/> />
</div> </div>
@@ -61,69 +51,37 @@ export default function LandingPage() {
description="Experience the perfect balance of traditional Japanese culinary techniques and modern Montreal flair at Manga Bistro." description="Experience the perfect balance of traditional Japanese culinary techniques and modern Montreal flair at Manga Bistro."
testimonials={[ testimonials={[
{ {
name: "Sarah L.", name: "Sarah L.", handle: "@sarahlmtl", testimonial: "The best sushi I have had in Montreal! Absolutely incredible flavors.", rating: 5,
handle: "@sarahlmtl", imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50-s-cafe-pink-color-sitting-table_285396-10361.jpg?_wi=1"},
testimonial: "The best sushi I have had in Montreal! Absolutely incredible flavors.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50-s-cafe-pink-color-sitting-table_285396-10361.jpg?_wi=1",
},
{ {
name: "Marc T.", name: "Marc T.", handle: "@marct", testimonial: "Authentic, fresh, and such a great vibe. Will be back.", rating: 5,
handle: "@marct", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-pink-jacket-spending-time-cafe_1157-32554.jpg"},
testimonial: "Authentic, fresh, and such a great vibe. Will be back.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-pink-jacket-spending-time-cafe_1157-32554.jpg",
},
{ {
name: "Chloe B.", name: "Chloe B.", handle: "@chloeb", testimonial: "Hidden gem in the city. The fusion rolls are unique and delicious.", rating: 5,
handle: "@chloeb", imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg"},
testimonial: "Hidden gem in the city. The fusion rolls are unique and delicious.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg",
},
{ {
name: "Alex R.", name: "Alex R.", handle: "@alexr", testimonial: "Staff was welcoming and the food was presented beautifully.", rating: 5,
handle: "@alexr", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-taking-selfie_23-2149212129.jpg"},
testimonial: "Staff was welcoming and the food was presented beautifully.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-taking-selfie_23-2149212129.jpg",
},
{ {
name: "Julia M.", name: "Julia M.", handle: "@juliamtl", testimonial: "The perfect spot for a date night. Everything was exceptional.", rating: 5,
handle: "@juliamtl", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg"},
testimonial: "The perfect spot for a date night. Everything was exceptional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
},
]} ]}
buttons={[ buttons={[
{ {
text: "View Menu", text: "View Menu", href: "#menu"},
href: "#menu",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-eating-japanese-street-food-restaurant_23-2149410155.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-eating-japanese-street-food-restaurant_23-2149410155.jpg?_wi=1"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-posing_23-2149069164.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-posing_23-2149069164.jpg", alt: "Medium shot senior woman posing"},
alt: "Medium shot senior woman posing",
},
{ {
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg", src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg", alt: "Beautiful woman with trendy hairstyle"},
alt: "Beautiful woman with trendy hairstyle",
},
{ {
src: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg", src: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg", alt: "Beauty woman's with a blue eyes portrait"},
alt: "Beauty woman's with a blue eyes portrait",
},
{ {
src: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1466.jpg", src: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1466.jpg", alt: "Attractive girl portrait in a white shirt"},
alt: "Attractive girl portrait in a white shirt",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-model-posing_23-2149154619.jpg", src: "http://img.b2bpic.net/free-photo/close-up-model-posing_23-2149154619.jpg", alt: "Close up model posing"},
alt: "Close up model posing",
},
]} ]}
avatarText="Join 10,000+ satisfied diners" avatarText="Join 10,000+ satisfied diners"
/> />
@@ -146,41 +104,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Dragon Roll", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/asian-ramen-noodle-soup-copy-space_23-2148494834.jpg?_wi=1"},
name: "Dragon Roll",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/asian-ramen-noodle-soup-copy-space_23-2148494834.jpg?_wi=1",
},
{ {
id: "p2", id: "p2", name: "Spicy Salmon Nigiri", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-salmon-eggs_74190-5960.jpg?_wi=1"},
name: "Spicy Salmon Nigiri",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-salmon-eggs_74190-5960.jpg?_wi=1",
},
{ {
id: "p3", id: "p3", name: "Miso Soup", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-dessert-cup-black-tea_140725-3381.jpg?_wi=1"},
name: "Miso Soup",
price: "$6",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-dessert-cup-black-tea_140725-3381.jpg?_wi=1",
},
{ {
id: "p4", id: "p4", name: "Tempura Shrimp", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/kumquats-piled-ornate-platter-marble-background-high-quality-photo_114579-53299.jpg"},
name: "Tempura Shrimp",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/kumquats-piled-ornate-platter-marble-background-high-quality-photo_114579-53299.jpg",
},
{ {
id: "p5", id: "p5", name: "Wakame Salad", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/tempura_74190-7415.jpg"},
name: "Wakame Salad",
price: "$8",
imageSrc: "http://img.b2bpic.net/free-photo/tempura_74190-7415.jpg",
},
{ {
id: "p6", id: "p6", name: "Matcha Mochi", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/cups-bottle-with-sake-drink_23-2149869779.jpg"},
name: "Matcha Mochi",
price: "$7",
imageSrc: "http://img.b2bpic.net/free-photo/cups-bottle-with-sake-drink_23-2149869779.jpg",
},
]} ]}
title="Signature Menu" title="Signature Menu"
description="Discover our collection of handcrafted rolls, appetizers, and warm dishes, all available for order." description="Discover our collection of handcrafted rolls, appetizers, and warm dishes, all available for order."
@@ -194,26 +128,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "500+", title: "Daily Orders", description: "Crafted fresh every day.", imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad_1203-8815.jpg"},
value: "500+",
title: "Daily Orders",
description: "Crafted fresh every day.",
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad_1203-8815.jpg",
},
{ {
id: "m2", id: "m2", value: "15+", title: "Local Suppliers", description: "Fresh, local ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sushi-with-caviar-ginger-vasabi-wooden-plate_114579-31736.jpg"},
value: "15+",
title: "Local Suppliers",
description: "Fresh, local ingredients.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sushi-with-caviar-ginger-vasabi-wooden-plate_114579-31736.jpg",
},
{ {
id: "m3", id: "m3", value: "4.9", title: "Customer Rating", description: "Based on 1,000+ reviews.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50-s-cafe-pink-color-sitting-table_285396-10361.jpg?_wi=2"},
value: "4.9",
title: "Customer Rating",
description: "Based on 1,000+ reviews.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50-s-cafe-pink-color-sitting-table_285396-10361.jpg?_wi=2",
},
]} ]}
title="Our Culinary Commitment" title="Our Culinary Commitment"
description="We prioritize quality, speed, and freshness in every single plate." description="We prioritize quality, speed, and freshness in every single plate."
@@ -226,60 +145,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Johnson", date: "Jan 2025", title: "Frequent Guest", quote: "The quality is unmatched. I love the atmosphere!", tag: "Favorite", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5220.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-eating-japanese-street-food-restaurant_23-2149410155.jpg?_wi=2", imageAlt: "happy diner restaurant interior"},
name: "Sarah Johnson",
date: "Jan 2025",
title: "Frequent Guest",
quote: "The quality is unmatched. I love the atmosphere!",
tag: "Favorite",
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5220.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-eating-japanese-street-food-restaurant_23-2149410155.jpg?_wi=2",
imageAlt: "happy diner restaurant interior",
},
{ {
id: "2", id: "2", name: "Michael Chen", date: "Dec 2024", title: "Foodie", quote: "The fusion rolls are inventive and delicious.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-woman-pink-jacket-spending-time-cafe_1157-32554.jpg", imageSrc: "http://img.b2bpic.net/free-photo/rice-sushi-with-crab-sticks_140725-1069.jpg?_wi=2", imageAlt: "happy diner restaurant interior"},
name: "Michael Chen",
date: "Dec 2024",
title: "Foodie",
quote: "The fusion rolls are inventive and delicious.",
tag: "Recommended",
avatarSrc: "http://img.b2bpic.net/free-photo/elegant-woman-pink-jacket-spending-time-cafe_1157-32554.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/rice-sushi-with-crab-sticks_140725-1069.jpg?_wi=2",
imageAlt: "happy diner restaurant interior",
},
{ {
id: "3", id: "3", name: "Emily Rodriguez", date: "Nov 2024", title: "Regular", quote: "Great service and even better sushi. Always reliable.", tag: "Great Service", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg", imageSrc: "http://img.b2bpic.net/free-photo/asian-ramen-noodle-soup-copy-space_23-2148494834.jpg?_wi=2", imageAlt: "happy diner restaurant interior"},
name: "Emily Rodriguez",
date: "Nov 2024",
title: "Regular",
quote: "Great service and even better sushi. Always reliable.",
tag: "Great Service",
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/asian-ramen-noodle-soup-copy-space_23-2148494834.jpg?_wi=2",
imageAlt: "happy diner restaurant interior",
},
{ {
id: "4", id: "4", name: "David Kim", date: "Oct 2024", title: "First Timer", quote: "My go-to spot for sushi nights now.", tag: "New Fan", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-taking-selfie_23-2149212129.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-salmon-eggs_74190-5960.jpg?_wi=2", imageAlt: "happy diner restaurant interior"},
name: "David Kim",
date: "Oct 2024",
title: "First Timer",
quote: "My go-to spot for sushi nights now.",
tag: "New Fan",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-taking-selfie_23-2149212129.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-salmon-eggs_74190-5960.jpg?_wi=2",
imageAlt: "happy diner restaurant interior",
},
{ {
id: "5", id: "5", name: "Laura Smith", date: "Sep 2024", title: "Local", quote: "Authentic flavors with a lovely Montreal touch.", tag: "Authentic", avatarSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-30888.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-dessert-cup-black-tea_140725-3381.jpg?_wi=2", imageAlt: "happy diner restaurant interior"},
name: "Laura Smith",
date: "Sep 2024",
title: "Local",
quote: "Authentic flavors with a lovely Montreal touch.",
tag: "Authentic",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-30888.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-dessert-cup-black-tea_140725-3381.jpg?_wi=2",
imageAlt: "happy diner restaurant interior",
},
]} ]}
title="Voices of Manga Bistro" title="Voices of Manga Bistro"
description="Hear what our loyal community says about their experience." description="Hear what our loyal community says about their experience."
@@ -292,20 +166,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "What are your opening hours?", content: "We are open Tuesday through Sunday from 11:30 AM to 10:00 PM."},
title: "What are your opening hours?",
content: "We are open Tuesday through Sunday from 11:30 AM to 10:00 PM.",
},
{ {
id: "f2", id: "f2", title: "Where are you located?", content: "We are located at 123 Sushi Lane, Montreal, QC."},
title: "Where are you located?",
content: "We are located at 123 Sushi Lane, Montreal, QC.",
},
{ {
id: "f3", id: "f3", title: "Can I order online?", content: "Yes! You can order directly through our <a href=\"#menu\" style=\"text-decoration: underline;\">website menu section</a>."},
title: "Can I order online?",
content: "Yes! You can order directly through our website menu section.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/happy-waiter-giving-beer-his-customers-while-serving-them-bar_637285-4028.jpg" imageSrc="http://img.b2bpic.net/free-photo/happy-waiter-giving-beer-his-customers-while-serving-them-bar_637285-4028.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -319,14 +184,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
text="Have questions or need to reserve a table? Get in touch with us at Manga Bistro Montreal." text="Have questions or need to reserve a table? Get in touch with us at Manga Bistro Montreal."
buttons={[ buttons={[
{ {
text: "Contact Us", text: "Contact Us", href: "mailto:hello@mangabistro.com"},
href: "mailto:hello@mangabistro.com",
},
]} ]}
/> />
</div> </div>
@@ -336,42 +198,27 @@ export default function LandingPage() {
logoText="Manga Bistro" logoText="Manga Bistro"
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Menu", label: "Menu", href: "#menu"},
href: "#menu",
},
], ],
}, },
{ {
title: "Contact", title: "Contact", items: [
items: [
{ {
label: "123 Sushi Lane, Montreal", label: "123 Sushi Lane, Montreal", href: "#"},
href: "#",
},
{ {
label: "hello@mangabistro.com", label: "hello@mangabistro.com", href: "mailto:hello@mangabistro.com"},
href: "mailto:hello@mangabistro.com",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -380,4 +227,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }