Files
b3a68189-c81e-4ae9-8c19-f7b…/src/app/page.tsx
2026-04-09 05:49:10 +00:00

222 lines
12 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Check, Coffee, Sparkles, CheckCircle, Shield } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ReactLenis root>
<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"},
]}
brandName="Bread World"
button={{
text: "Get Directions", 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."
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", 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", imageAlt: "classic pork banh mi sandwich"},
]}
buttons={[
{
text: "View Menu & Get Directions", href: "#products"},
]}
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/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"},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
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", 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", 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", 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", imageAlt: "savory bakery pastry roll"},
]}
title="Why Locals Love Us"
description="Authentic ingredients meet professional craftsmanship to create an unmatched bakery experience."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
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"},
{
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"},
{
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"},
{
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."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
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", 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"},
]}
title="Words From Our Regulars"
description="Trusted by the Wyndham Vale community."
/>
</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"},
]}
/>
</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"},
],
},
]}
logoText="Bread World"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}