bender/b3a68189-c81e-4ae9-8c19-f7b42e012b65
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-04-09 05:49:10 +00:00
parent f6744f3523
commit 1f1d5a2ff0
1 changed files with 60 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

280
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Check, Coffee } from "lucide-react";
import { Check, Coffee, Sparkles, CheckCircle, Shield } from "lucide-react";
export default function LandingPage() {
return (
@@ -30,134 +30,76 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Menu",
id: "#products",
},
name: "Menu", id: "#products"},
{
name: "Our Story",
id: "#about",
},
name: "Our Story", id: "#about"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Bread World"
button={{
text: "Get Directions",
href: "#contact",
}}
text: "Get Directions", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "plain",
}}
variant: "plain"}}
title="Bite Into Melbourne's Best Bánh Mì"
description="Freshly baked bread, crispy pork, bold flavours — made daily with love. Experience the Vietnamese bakery café that locals can't stop raving about."
testimonials={[
{
name: "Sarah J.",
handle: "@sarahmelb",
testimonial: "The crust on their baguette is perfection. Truly the best Bánh Mì in Melbourne.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mix-bread_1339-2274.jpg?_wi=1",
imageAlt: "freshly baked banh mi bread display",
},
name: "Sarah J.", handle: "@sarahmelb", testimonial: "The crust on their baguette is perfection. Truly the best Bánh Mì in Melbourne.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mix-bread_1339-2274.jpg", imageAlt: "freshly baked banh mi bread display"},
{
name: "Michael Chen",
handle: "@foodie.mike",
testimonial: "Authentic flavours that transport you straight to Vietnam. A weekly ritual for me.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-baton-bread-loaves-stacked-marble-surface_114579-48047.jpg",
imageAlt: "fresh baguette icon artisan bread",
},
name: "Michael Chen", handle: "@foodie.mike", testimonial: "Authentic flavours that transport you straight to Vietnam. A weekly ritual for me.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-baton-bread-loaves-stacked-marble-surface_114579-48047.jpg", imageAlt: "fresh baguette icon artisan bread"},
{
name: "Emily R.",
handle: "@emilyeats",
testimonial: "The coffee is just as good as the food. Such a welcoming atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vintage-coffee-maker-set_23-2148337132.jpg",
imageAlt: "premium coffee cup steam",
},
name: "Emily R.", handle: "@emilyeats", testimonial: "The coffee is just as good as the food. Such a welcoming atmosphere.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vintage-coffee-maker-set_23-2148337132.jpg", imageAlt: "premium coffee cup steam"},
{
name: "David K.",
handle: "@davidk",
testimonial: "Consistent, fresh, and always hit the spot. Best lunch in the area.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-cake_23-2147693993.jpg",
imageAlt: "authentic vietnamese flavors spices",
},
name: "David K.", handle: "@davidk", testimonial: "Consistent, fresh, and always hit the spot. Best lunch in the area.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-cake_23-2147693993.jpg", imageAlt: "authentic vietnamese flavors spices"},
{
name: "Jessica L.",
handle: "@jessl",
testimonial: "Friendly staff and the pastries are to die for. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vietnamese-banh-mi-sandwich-isolated-white-background_123827-31181.jpg?_wi=1",
imageAlt: "classic pork banh mi sandwich",
},
name: "Jessica L.", handle: "@jessl", testimonial: "Friendly staff and the pastries are to die for. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vietnamese-banh-mi-sandwich-isolated-white-background_123827-31181.jpg", imageAlt: "classic pork banh mi sandwich"},
]}
buttons={[
{
text: "View Menu & Get Directions",
href: "#products",
},
text: "View Menu & Get Directions", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/mix-bread_1339-2274.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/mix-bread_1339-2274.jpg"
imageAlt="Freshly baked banh mi display"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-woman-sitting-cafe_171337-15663.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-woman-sitting-cafe_171337-15663.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-gardening-clothes_23-2148396884.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-gardening-clothes_23-2148396884.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12314.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12314.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
alt: "Customer 5",
},
src: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg", alt: "Customer 5"},
]}
avatarText="Join 5,000+ happy customers"
marqueeItems={[
{
type: "text",
text: "FRESHLY BAKED DAILY",
type: "text", text: "FRESHLY BAKED DAILY"},
{
type: "text-icon", text: "100% AUTHENTIC", icon: Check,
},
{
type: "text-icon",
text: "100% AUTHENTIC",
icon: Check,
type: "text", text: "PREMIUM INGREDIENTS"},
{
type: "text-icon", text: "MELBOURNE OWNED", icon: Coffee,
},
{
type: "text",
text: "PREMIUM INGREDIENTS",
},
{
type: "text-icon",
text: "MELBOURNE OWNED",
icon: Coffee,
},
{
type: "text",
text: "ARTISAN QUALITY",
},
type: "text", text: "ARTISAN QUALITY"},
]}
/>
</div>
@@ -168,33 +110,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Artisanal Bread",
description: "Baked from scratch every single morning.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/pie-wood-plate_1339-7679.jpg?_wi=1",
imageAlt: "freshly baked croissant bakery",
},
title: "Artisanal Bread", description: "Baked from scratch every single morning.", buttonIcon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/pie-wood-plate_1339-7679.jpg", imageAlt: "freshly baked croissant bakery"},
{
title: "Premium Coffee",
description: "Expertly roasted beans for your daily fix.",
buttonIcon: "Coffee",
imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3419.jpg?_wi=1",
imageAlt: "vietnamese iced coffee condensed milk",
},
title: "Premium Coffee", description: "Expertly roasted beans for your daily fix.", buttonIcon: Coffee,
imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3419.jpg", imageAlt: "vietnamese iced coffee condensed milk"},
{
title: "Authentic Recipes",
description: "Traditional techniques, bold flavours.",
buttonIcon: "CheckCircle",
imageSrc: "http://img.b2bpic.net/free-photo/sucuk-ekmek-sausage-sandwich-with-chicken-mixed-foods_114579-2848.jpg?_wi=1",
imageAlt: "chicken pate banh mi sandwich",
},
title: "Authentic Recipes", description: "Traditional techniques, bold flavours.", buttonIcon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/sucuk-ekmek-sausage-sandwich-with-chicken-mixed-foods_114579-2848.jpg", imageAlt: "chicken pate banh mi sandwich"},
{
title: "Fresh Ingredients",
description: "Locally sourced and carefully selected.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-photo/various-delicious-bruschetta-white-plate-with-bread-slices-high-quality-photo_114579-20174.jpg?_wi=1",
imageAlt: "savory bakery pastry roll",
},
title: "Fresh Ingredients", description: "Locally sourced and carefully selected.", buttonIcon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/various-delicious-bruschetta-white-plate-with-bread-slices-high-quality-photo_114579-20174.jpg", imageAlt: "savory bakery pastry roll"},
]}
title="Why Locals Love Us"
description="Authentic ingredients meet professional craftsmanship to create an unmatched bakery experience."
@@ -209,41 +135,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic Bánh Mì",
price: "$12.50",
imageSrc: "http://img.b2bpic.net/free-photo/vietnamese-banh-mi-sandwich-isolated-white-background_123827-31181.jpg?_wi=2",
},
id: "p1", name: "Classic Bánh Mì", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/vietnamese-banh-mi-sandwich-isolated-white-background_123827-31181.jpg"},
{
id: "p2",
name: "Butter Croissant",
price: "$6.00",
imageSrc: "http://img.b2bpic.net/free-photo/pie-wood-plate_1339-7679.jpg?_wi=2",
},
id: "p2", name: "Butter Croissant", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/pie-wood-plate_1339-7679.jpg"},
{
id: "p3",
name: "Vietnamese Iced Coffee",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3419.jpg?_wi=2",
},
id: "p3", name: "Vietnamese Iced Coffee", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3419.jpg"},
{
id: "p4",
name: "Grilled Chicken Bánh Mì",
price: "$13.50",
imageSrc: "http://img.b2bpic.net/free-photo/sucuk-ekmek-sausage-sandwich-with-chicken-mixed-foods_114579-2848.jpg?_wi=2",
},
id: "p4", name: "Grilled Chicken Bánh Mì", price: "$13.50", imageSrc: "http://img.b2bpic.net/free-photo/sucuk-ekmek-sausage-sandwich-with-chicken-mixed-foods_114579-2848.jpg"},
{
id: "p5",
name: "Savory Pastry Roll",
price: "$7.00",
imageSrc: "http://img.b2bpic.net/free-photo/various-delicious-bruschetta-white-plate-with-bread-slices-high-quality-photo_114579-20174.jpg?_wi=2",
},
id: "p5", name: "Savory Pastry Roll", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/various-delicious-bruschetta-white-plate-with-bread-slices-high-quality-photo_114579-20174.jpg"},
{
id: "p6",
name: "Sweet Cream Puff",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/cream-puff-plate_1339-6689.jpg?_wi=1",
},
id: "p6", name: "Sweet Cream Puff", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/cream-puff-plate_1339-6689.jpg"},
]}
title="Our Signature Menu"
description="Hand-crafted bakery classics and authentic Vietnamese delicacies."
@@ -256,60 +158,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "1 day ago",
title: "Amazing",
quote: "The best Bánh Mì I've had in years.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-woman-sitting-cafe_171337-15663.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cream-puff-plate_1339-6689.jpg?_wi=2",
imageAlt: "sweet bakery cream puff",
},
id: "1", name: "Sarah J.", date: "1 day ago", title: "Amazing", quote: "The best Bánh Mì I've had in years.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-woman-sitting-cafe_171337-15663.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cream-puff-plate_1339-6689.jpg", imageAlt: "sweet bakery cream puff"},
{
id: "2",
name: "Michael Chen",
date: "3 days ago",
title: "Authentic",
quote: "Transported back to Saigon. Exceptional quality.",
tag: "Fan",
avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-woman-sitting-cafe_171337-15663.jpg",
imageAlt: "happy customer laughing portrait",
},
id: "2", name: "Michael Chen", date: "3 days ago", title: "Authentic", quote: "Transported back to Saigon. Exceptional quality.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-woman-sitting-cafe_171337-15663.jpg", imageAlt: "happy customer laughing portrait"},
{
id: "3",
name: "Emily R.",
date: "1 week ago",
title: "Daily Spot",
quote: "My go-to place for breakfast and lunch.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-gardening-clothes_23-2148396884.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
imageAlt: "business professional eating lunch",
},
id: "3", name: "Emily R.", date: "1 week ago", title: "Daily Spot", quote: "My go-to place for breakfast and lunch.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-gardening-clothes_23-2148396884.jpg", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", imageAlt: "business professional eating lunch"},
{
id: "4",
name: "David Kim",
date: "2 weeks ago",
title: "Consistent",
quote: "Reliably good coffee every single morning.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12314.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-gardening-clothes_23-2148396884.jpg",
imageAlt: "food enthusiast portrait smiling",
},
id: "4", name: "David Kim", date: "2 weeks ago", title: "Consistent", quote: "Reliably good coffee every single morning.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12314.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-gardening-clothes_23-2148396884.jpg", imageAlt: "food enthusiast portrait smiling"},
{
id: "5",
name: "Jessica L.",
date: "1 month ago",
title: "Loved it",
quote: "Friendly service and delicious pastries.",
tag: "Local",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12314.jpg",
imageAlt: "regular cafe customer happy face",
},
id: "5", name: "Jessica L.", date: "1 month ago", title: "Loved it", quote: "Friendly service and delicious pastries.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12314.jpg", imageAlt: "regular cafe customer happy face"},
]}
title="Words From Our Regulars"
description="Trusted by the Wyndham Vale community."
@@ -320,16 +177,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Visit Us"
title="Craving authentic Bánh Mì?"
description="Come experience the flavours for yourself or order ahead for pickup today."
buttons={[
{
text: "Get Directions",
href: "https://maps.google.com",
},
text: "Get Directions", href: "https://maps.google.com"},
]}
/>
</div>
@@ -338,37 +192,23 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Menu",
items: [
title: "Menu", items: [
{
label: "Bánh Mì",
href: "#products",
},
label: "Bánh Mì", href: "#products"},
{
label: "Pastries",
href: "#products",
},
label: "Pastries", href: "#products"},
{
label: "Coffee",
href: "#products",
},
label: "Coffee", href: "#products"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}