Merge version_1 into main #2
280
src/app/page.tsx
280
src/app/page.tsx
@@ -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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user