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

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-05-12 17:50:57 +00:00
parent 9faf12bdd9 5fd53ba3ac
commit 5038af0598
1 changed files with 56 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

187
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { CalendarDays, Armchair, Users } from "lucide-react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
@@ -11,6 +12,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FeatureBento from '@/components/sections/feature/FeatureBento';
export default function LandingPage() {
return (
@@ -30,18 +32,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "hero"},
{
name: "Menu", id: "menu"},
{
name: "About", id: "about"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "About", id: "about" },
{ name: "Reservation", id: "reservation" },
{ name: "Contact", id: "contact" },
]}
brandName="Manga Bistro"
button={{
text: "Order Online", href: "#menu"}}
button={{ text: "Order Online", href: "#menu" }}
/>
</div>
@@ -50,39 +48,14 @@ export default function LandingPage() {
title="Authentic Japanese Fusion in the Heart of Montreal"
description="Experience the perfect balance of traditional Japanese culinary techniques and modern Montreal flair at Manga Bistro."
testimonials={[
{
name: "Sarah L.", handle: "@sarahlmtl", 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.", handle: "@marct", 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.", handle: "@chloeb", 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.", handle: "@alexr", 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.", handle: "@juliamtl", 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={[
{
text: "View Menu", href: "#menu"},
{ name: "Sarah L.", handle: "@sarahlmtl", 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.", handle: "@marct", 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.", handle: "@chloeb", 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.", handle: "@alexr", 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.", handle: "@juliamtl", 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={[{ text: "View Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-eating-japanese-street-food-restaurant_23-2149410155.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-posing_23-2149069164.jpg", alt: "Medium shot senior woman posing"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg", alt: "Beautiful woman with trendy hairstyle"},
{
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"},
{
src: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1466.jpg", alt: "Attractive girl portrait in a white shirt"},
{
src: "http://img.b2bpic.net/free-photo/close-up-model-posing_23-2149154619.jpg", alt: "Close up model posing"},
]}
avatarText="Join 10,000+ satisfied diners"
/>
</div>
@@ -103,21 +76,42 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
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"},
{
id: "p2", name: "Spicy Salmon Nigiri", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-salmon-eggs_74190-5960.jpg?_wi=1"},
{
id: "p3", name: "Miso Soup", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-dessert-cup-black-tea_140725-3381.jpg?_wi=1"},
{
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"},
{
id: "p5", name: "Wakame Salad", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/tempura_74190-7415.jpg"},
{
id: "p6", name: "Matcha Mochi", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/cups-bottle-with-sake-drink_23-2149869779.jpg"},
{ 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" },
{ id: "p2", name: "Spicy Salmon Nigiri", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-salmon-eggs_74190-5960.jpg?_wi=1" },
{ id: "p3", name: "Miso Soup", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-dessert-cup-black-tea_140725-3381.jpg?_wi=1" },
{ 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" },
]}
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."
/>
</div>
<div id="reservation" data-section="reservation">
<FeatureBento
title="Book Your Table"
description="Choose your preferred table directly from our floor plan for a perfect dining experience."
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Interactive Map",
description: "Browse available tables and select your favorite spot using our real-time seating plan.",
bentoComponent: "map"
},
{
title: "Booking Flexibility",
description: "Easily change your reservation or add special requests for anniversaries or birthdays.",
bentoComponent: "reveal-icon", icon: CalendarDays
},
{
title: "Seating Selection",
description: "Choose from window-side, intimate corners, or our vibrant bar seating area.",
bentoComponent: "reveal-icon", icon: Armchair
}
]}
tag="Reservation"
tagIcon={Users}
/>
</div>
@@ -127,69 +121,21 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "500+", title: "Daily Orders", description: "Crafted fresh every day.", imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad_1203-8815.jpg"},
{
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"},
{
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"},
{ id: "m1", value: "500+", title: "Daily Orders", description: "Crafted fresh every day.", imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad_1203-8815.jpg" },
{ 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" },
{ 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" },
]}
title="Our Culinary Commitment"
description="We prioritize quality, speed, and freshness in every single plate."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
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"},
{
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"},
{
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"},
{
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"},
{
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"},
]}
title="Voices of Manga Bistro"
description="Hear what our loyal community says about their experience."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "What are your opening hours?", content: "We are open Tuesday through Sunday from 11:30 AM to 10:00 PM."},
{
id: "f2", title: "Where are you located?", content: "We are located at 123 Sushi Lane, Montreal, QC."},
{
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>."},
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-waiter-giving-beer-his-customers-while-serving-them-bar_637285-4028.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Information regarding our hours, location, and ordering process."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
text="Have questions or need to reserve a table? Get in touch with us at Manga Bistro Montreal."
buttons={[
{
text: "Contact Us", href: "mailto:hello@mangabistro.com"},
]}
buttons={[{ text: "Contact Us", href: "mailto:hello@mangabistro.com" }]}
/>
</div>
@@ -197,30 +143,9 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Manga Bistro"
columns={[
{
title: "Company", items: [
{
label: "About Us", href: "#about"},
{
label: "Menu", href: "#menu"},
],
},
{
title: "Contact", items: [
{
label: "123 Sushi Lane, Montreal", href: "#"},
{
label: "hello@mangabistro.com", href: "mailto:hello@mangabistro.com"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#menu" }] },
{ title: "Contact", items: [{ label: "123 Sushi Lane, Montreal", href: "#" }, { label: "hello@mangabistro.com", href: "mailto:hello@mangabistro.com" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>