235 lines
12 KiB
TypeScript
235 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, CheckCircle, Clock, Heart, Wheat } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Menu", id: "products"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Handa Bakers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Artisanal Baking, Delivered Fresh Daily"
|
|
description="At Handa Bakers, we combine time-honored techniques with fresh ingredients to bring warmth to your table every single morning."
|
|
tag="Since 1985"
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#products"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-wooden-spoon-old-wooden-background_169016-3149.jpg?_wi=1", imageAlt: "fresh artisan bakery bread"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissant-cake-stand-counter-coffee-shop_23-2148027949.jpg?_wi=1", imageAlt: "pastry tray fresh bakery"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Rated 5/5 by local neighbors"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Our Passion for Perfection"
|
|
description="Handa Bakers started in a small family kitchen, driven by the belief that high-quality ingredients and patience make the difference between bread and bread worth remembering."
|
|
bulletPoints={[
|
|
{
|
|
title: "Locally Sourced", description: "We partner with local farms for all our flour and dairy."},
|
|
{
|
|
title: "Traditional Methods", description: "No industrial shortcuts. Just long, cold fermentation."},
|
|
{
|
|
title: "Fresh Daily", description: "Everything in our shop is baked within four hours of sale."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/baker-kneading-dough-with-flour-kitchen-table_23-2147872732.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
textboxLayout="default"
|
|
gridVariant="one-large-right-three-stacked-left"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Sourdough Loaf", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/high-view-bread-cloth_23-2148258652.jpg?_wi=1"},
|
|
{
|
|
id: "2", name: "Butter Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-broken-soap-bar-brush-white-backdrop_23-2147971417.jpg?_wi=1"},
|
|
{
|
|
id: "3", name: "Blueberry Muffin", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-chocolate-muffins-cups_1220-6187.jpg"},
|
|
{
|
|
id: "4", name: "Cinnamon Roll", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cinnamon-rolls-sticks_23-2148904710.jpg"},
|
|
{
|
|
id: "5", name: "Rustic Baguette", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-baguette-plaid-cloth-wooden-table_141793-11912.jpg"},
|
|
{
|
|
id: "6", name: "Fresh Fruit Tart", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-berry-tart-with-golden-crust-reflection-black-surface_9975-124411.jpg"},
|
|
]}
|
|
title="Freshly Baked Goods"
|
|
description="Explore our daily selection of breads, pastries, and treats, handcrafted with love."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "All-Natural", description: "No artificial preservatives or chemical dough conditioners.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
|
},
|
|
{
|
|
title: "Community Focus", description: "Supporting our local agricultural partners since our founding.", bentoComponent: "reveal-icon", icon: Heart,
|
|
},
|
|
{
|
|
title: "Slow-Proofed", description: "Time is our secret ingredient for better texture and flavor.", bentoComponent: "reveal-icon", icon: Clock,
|
|
},
|
|
]}
|
|
title="Why Choose Us"
|
|
description="It's about more than just flour and water; it's about our commitment to quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "12,000+", title: "Breads Baked", description: "Fresh loaves served annually.", icon: Wheat,
|
|
},
|
|
{
|
|
id: "m2", value: "25+", title: "Local Partners", description: "Regional farms and suppliers.", icon: Award,
|
|
},
|
|
{
|
|
id: "m3", value: "40+", title: "Years Active", description: "Baking with passion since 1985.", icon: Award,
|
|
},
|
|
]}
|
|
title="Our Impact"
|
|
description="Numbers that define our journey."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alice M.", date: "Jan 2025", title: "Regular Customer", quote: "The best sourdough I've ever tasted, hands down.", tag: "Top Review", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-asian-girl-with-delicious-cupcake-look-pensive-dessert-while-diet-checkin_1258-173977.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-wooden-spoon-old-wooden-background_169016-3149.jpg?_wi=2", imageAlt: "customer portrait happy smiling"},
|
|
{
|
|
id: "2", name: "Bob T.", date: "Dec 2024", title: "Pastry Fan", quote: "Their croissants are perfectly flaky every time.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissant-cake-stand-counter-coffee-shop_23-2148027949.jpg?_wi=2", imageAlt: "customer portrait happy smiling"},
|
|
{
|
|
id: "3", name: "Clara S.", date: "Dec 2024", title: "Daily Visitor", quote: "Morning coffee just isn't the same without their muffins.", tag: "Five Stars", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-504.jpg", imageSrc: "http://img.b2bpic.net/free-photo/baker-kneading-dough-with-flour-kitchen-table_23-2147872732.jpg?_wi=2", imageAlt: "customer portrait happy smiling"},
|
|
{
|
|
id: "4", name: "David W.", date: "Nov 2024", title: "Bread Aficionado", quote: "You can truly taste the quality and the time put into every loaf.", tag: "Expert Pick", avatarSrc: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-view-bread-cloth_23-2148258652.jpg?_wi=2", imageAlt: "customer portrait happy smiling"},
|
|
{
|
|
id: "5", name: "Elena R.", date: "Oct 2024", title: "Happy Customer", quote: "Everything smells so good when you walk through the door!", tag: "Delightful", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-gardener-girl-uniform-wearing-gardening-hat-holding-camera-putting-pumpkin-shoulder-isolated-pink_141793-95366.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-broken-soap-bar-brush-white-backdrop_23-2147971417.jpg?_wi=2", imageAlt: "customer portrait happy smiling"},
|
|
]}
|
|
title="Loved by Locals"
|
|
description="Don't just take our word for it—see what our community has to say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you offer gluten-free options?", content: "We do! We offer a dedicated range of GF muffins and bread daily."},
|
|
{
|
|
id: "f2", title: "What are your opening hours?", content: "We're open Tuesday to Sunday from 7:00 AM until we sell out!"},
|
|
{
|
|
id: "f3", title: "Do you take large custom orders?", content: "Yes, please contact us at least 48 hours in advance for custom events."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Got questions about our ingredients or opening times?"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Stay Updated"
|
|
description="Join our newsletter for fresh alerts and exclusive shop announcements."
|
|
tag="Newsletter"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/milk-eggs-bowl-cereals-cheese-flour-walnuts-white-wooden-table_23-2147972703.jpg"
|
|
logoText="Handa Bakers"
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{
|
|
label: "Menu", href: "#products"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|