222 lines
12 KiB
TypeScript
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>
|
|
);
|
|
}
|