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:54:57 +00:00
parent d8fa112829
commit e45afc4833
1 changed files with 40 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

170
src/app/page.tsx
View File

@@ -29,77 +29,34 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Menu", id: "#products"},
{
name: "Our Story", id: "#about"},
{
name: "Reviews", id: "#testimonials"},
{
name: "Contact", id: "#contact"},
{ name: "Menu", id: "#products" },
{ name: "Our Story", id: "#about" },
{ name: "Reviews", id: "#testimonials" },
{ name: "Contact", id: "#contact" },
]}
brandName="Bread World"
button={{
text: "Get Directions", href: "#contact"}}
brandName="Bread World Bakery Café"
button={{ text: "Order Pickup", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
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."
background={{ variant: "plain" }}
title="Freshly Baked, Locally Crafted"
description="Welcome to Bread World Bakery Café. We bring the heart of Melbourne to every loaf, pastry, and authentic Bánh Mì we serve, baked fresh daily just for you."
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: "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: "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"},
]}
buttons={[
{
text: "View Menu & Get Directions", href: "#products"},
{ 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: "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 artisan bread" }
]}
buttons={[{ text: "Explore Our Menu", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/mix-bread_1339-2274.jpg?_wi=2"
imageAlt="Freshly baked banh mi display"
imageAlt="Artisan bakery 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/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-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"},
]}
avatarText="Join 5,000+ happy customers"
marqueeItems={[
{
type: "text", text: "FRESHLY BAKED DAILY"},
{
type: "text-icon", text: "100% AUTHENTIC", icon: Check,
},
{
type: "text", text: "PREMIUM INGREDIENTS"},
{
type: "text-icon", text: "MELBOURNE OWNED", icon: Coffee,
},
{
type: "text", text: "ARTISAN QUALITY"},
{ type: "text", text: "FRESHLY BAKED DAILY" },
{ type: "text-icon", text: "100% AUTHENTIC", icon: Check },
{ type: "text", text: "PREMIUM INGREDIENTS" },
{ type: "text-icon", text: "SPECIALTY COFFEE", icon: Coffee }
]}
/>
</div>
@@ -109,21 +66,13 @@ export default function LandingPage() {
textboxLayout="default"
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: "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: "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: "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: "Artisan Breads", description: "Hand-shaped loaves baked in stone ovens daily.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/pie-wood-plate_1339-7679.jpg?_wi=1", imageAlt: "fresh bread" },
{ title: "Premium Coffee", description: "Barista-crafted brews using locally roasted beans.", buttonIcon: Coffee, imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3419.jpg?_wi=1", imageAlt: "coffee" },
{ title: "Authentic Bánh Mì", description: "Traditional recipes with fresh, crisp ingredients.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/sucuk-ekmek-sausage-sandwich-with-chicken-mixed-foods_114579-2848.jpg?_wi=1", imageAlt: "banh mi" },
{ title: "Fresh Pastries", description: "Delicate butter croissants and daily sweet treats.", 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: "pastries" }
]}
title="Why Locals Love Us"
description="Authentic ingredients meet professional craftsmanship to create an unmatched bakery experience."
title="Crafted With Passion"
description="At Bread World, we blend traditional techniques with the finest local ingredients to nourish our community."
/>
</div>
@@ -134,21 +83,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
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: "p2", name: "Butter Croissant", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/pie-wood-plate_1339-7679.jpg?_wi=2"},
{
id: "p3", name: "Vietnamese Iced Coffee", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3419.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?_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?_wi=2"},
{
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: "p1", name: "Traditional 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: "p2", name: "Buttery Croissant", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/pie-wood-plate_1339-7679.jpg?_wi=2" },
{ id: "p3", name: "Vietnamese Iced Coffee", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3419.jpg?_wi=2" }
]}
title="Our Signature Menu"
description="Hand-crafted bakery classics and authentic Vietnamese delicacies."
title="Daily Fresh Specials"
description="Explore our curated selection of bakery favorites and signature café drinks."
/>
</div>
@@ -157,60 +97,30 @@ export default function LandingPage() {
textboxLayout="default"
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: "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: "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: "1", name: "Sarah J.", date: "2 days ago", title: "Local Favorite", quote: "Best Bánh Mì in the area, hands down.", 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" },
{ id: "2", name: "Mark L.", date: "1 week ago", title: "Exceptional", quote: "Coffee is always on point. Perfect spot for a morning break.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12314.jpg" }
]}
title="Words From Our Regulars"
description="Trusted by the Wyndham Vale community."
title="Community Love"
description="We are honored to serve the vibrant community of Melbourne."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
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"},
]}
background={{ variant: "plain" }}
tag="Contact Us"
title="Visit Bread World"
description="Come taste the difference that fresh, authentic ingredients make. Find us locally for a warm welcome."
buttons={[{ text: "Get Directions", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Menu", items: [
{
label: "Bánh Mì", href: "#products"},
{
label: "Pastries", href: "#products"},
{
label: "Coffee", href: "#products"},
],
},
{
title: "Company", items: [
{
label: "Our Story", href: "#about"},
{
label: "Careers", href: "#"},
{
label: "Contact", href: "#contact"},
],
},
{ title: "Menu", items: [{ label: "Bakery", href: "#products" }, { label: "Café", href: "#products" }] },
{ title: "Company", items: [{ label: "Our Story", href: "#about" }, { label: "Contact", href: "#contact" }] }
]}
logoText="Bread World"
/>
@@ -218,4 +128,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}