416 lines
14 KiB
TypeScript
416 lines
14 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 FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, CheckCircle, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="GoldenGrain Bakery"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Handcrafted Goodness in Every Slice"
|
|
description="Experience the warmth of freshly baked bread, crafted with love and organic, locally-sourced ingredients every single morning."
|
|
testimonials={[
|
|
{
|
|
name: "Anna S.",
|
|
handle: "@anna_bread",
|
|
testimonial: "The best sourdough I have ever tasted! Always fresh.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sliced-round-rustic-bread-without-kneading-cutting-board-old-rustic-table-with-copy-space-dark-background-homemade-whole-grain-bread-layout-table_166373-2971.jpg?_wi=1",
|
|
imageAlt: "artisan bread warm lighting bakery",
|
|
},
|
|
{
|
|
name: "James L.",
|
|
handle: "@jamesl",
|
|
testimonial: "A neighborhood gem with incredible croissants.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handful-flour-with-egg-rustic-kitchen-against-background-men-s-hands-knead-dough-ingredients-cooking-flour-products-dough-bread-muffins-pie-pizza-dough-copy-space_639032-463.jpg?_wi=1",
|
|
imageAlt: "artisan bread warm lighting bakery",
|
|
},
|
|
{
|
|
name: "Sarah K.",
|
|
handle: "@sarahk",
|
|
testimonial: "The staff are so friendly and the aroma is heavenly.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/raw-croissant-plastic-bag-white-table-flat-lay_176474-8284.jpg?_wi=1",
|
|
imageAlt: "artisan bread warm lighting bakery",
|
|
},
|
|
{
|
|
name: "Michael R.",
|
|
handle: "@michaelr",
|
|
testimonial: "Consistent, delicious, and always warm. My go-to.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-97260.jpg?_wi=1",
|
|
imageAlt: "artisan bread warm lighting bakery",
|
|
},
|
|
{
|
|
name: "Elena P.",
|
|
handle: "@elenap",
|
|
testimonial: "Exquisite pastries that brighten up my Sunday mornings.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/small-rustic-strawberry-galette-pie-tarts-with-powdering-sugar-oven-tray_114579-1373.jpg?_wi=1",
|
|
imageAlt: "artisan bread warm lighting bakery",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/sliced-round-rustic-bread-without-kneading-cutting-board-old-rustic-table-with-copy-space-dark-background-homemade-whole-grain-bread-layout-table_166373-2971.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/curly-girl-with-beatiful-smile-keeping-cup-coffee-looking-camera_7502-9179.jpg",
|
|
alt: "Smiling customer",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-eats-croissants-with-coffee-cafe_169016-22375.jpg",
|
|
alt: "Customer eating pastry",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-girl-buys-buns-bakery_1157-24677.jpg",
|
|
alt: "Happy shopper",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/satisfied-female-baker-looking-freshly-baked-croissant_23-2148189112.jpg",
|
|
alt: "Baker portrait",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/indoor-photo-wonderful-girl-eating-sweet-croissant-portrait-amazing-european-lady-having-fun-lunch_197531-9809.jpg",
|
|
alt: "Satisfied patron",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Organic Wheat",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Stone-Ground",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Sourdough Specialists",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Daily Fresh",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Artisan Quality",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Our Passion for Baking"
|
|
description="Established in 2010, GoldenGrain Bakery brings traditional European baking techniques to our local community, focusing on slow-fermented, stone-ground breads."
|
|
bulletPoints={[
|
|
{
|
|
title: "Organic Ingredients",
|
|
description: "We only source non-GMO, locally grown wheat.",
|
|
},
|
|
{
|
|
title: "Traditional Methods",
|
|
description: "Slow-fermented sourdough for better digestion.",
|
|
},
|
|
{
|
|
title: "Fresh Daily",
|
|
description: "Baked fresh every morning at 4 AM.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/handful-flour-with-egg-rustic-kitchen-against-background-men-s-hands-knead-dough-ingredients-cooking-flour-products-dough-bread-muffins-pie-pizza-dough-copy-space_639032-463.jpg?_wi=2"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Buttery Croissant",
|
|
price: "$3.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/raw-croissant-plastic-bag-white-table-flat-lay_176474-8284.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Rustic Sourdough",
|
|
price: "$8.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-97260.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Chocolate Brownie",
|
|
price: "$4.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/small-rustic-strawberry-galette-pie-tarts-with-powdering-sugar-oven-tray_114579-1373.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Classic Baguette",
|
|
price: "$4.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/slices-bruschetta-french-baguette-bread_23-2148698656.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Blueberry Muffin",
|
|
price: "$3.75",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sweet-muffin-with-sugar-red-ribbon-decoration_250435-1131.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Cinnamon Roll",
|
|
price: "$4.25",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cinnamon-rolls-concept_23-2148779651.jpg",
|
|
},
|
|
]}
|
|
title="Today's Fresh Selection"
|
|
description="Hand-picked favorites from our ovens to your table."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Farm to Table",
|
|
description: "Connecting directly with local wheat farmers.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-wooden-background_169016-3148.jpg",
|
|
},
|
|
{
|
|
title: "Zero Preservatives",
|
|
description: "No chemicals, just natural ingredients.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-baked-pastry-bangle-formed-inside-pan-bright-pastry-cookie-biscuit-sweet-sugar_140725-32072.jpg",
|
|
},
|
|
{
|
|
title: "Eco-friendly Packaging",
|
|
description: "100% compostable paper bags.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-baguette-straw-surface-with-different-breads-eggs-maroon-background_141793-5211.jpg",
|
|
},
|
|
]}
|
|
title="Why We Are Different"
|
|
description="We prioritize quality over quantity in everything we do."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
title: "Loaves Baked",
|
|
value: "50,000+",
|
|
icon: CheckCircle,
|
|
},
|
|
{
|
|
id: "m2",
|
|
title: "Happy Customers",
|
|
value: "15,000+",
|
|
icon: Star,
|
|
},
|
|
{
|
|
id: "m3",
|
|
title: "Years Active",
|
|
value: "14",
|
|
icon: Award,
|
|
},
|
|
]}
|
|
title="Our Impact"
|
|
description="Measured in smiles and fresh loaves."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
title: "Amazing Bread",
|
|
quote: "GoldenGrain is the highlight of my morning commute.",
|
|
name: "Sarah Miller",
|
|
role: "Local Resident",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-baked-croissant-cake-stand_23-2148027952.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
title: "Daily Ritual",
|
|
quote: "My kids refuse to eat any other bread now.",
|
|
name: "David W.",
|
|
role: "Father",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-fresh-bread_23-2148454537.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
title: "Expert Baking",
|
|
quote: "The sourdough tang is absolutely perfect.",
|
|
name: "Elena R.",
|
|
role: "Chef",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-with-beard-holding-wicker-basket-with-bread-covering-mouth-with-hand-shocked-afraid-mistake-surprised-expression_839833-9016.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
title: "Reliable Quality",
|
|
quote: "Always consistent and fresh, even at 3 PM.",
|
|
name: "Mark S.",
|
|
role: "Office Manager",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-holding-white-cup-tea-smiling-green_140725-30361.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
title: "Wonderful Experience",
|
|
quote: "A truly special bakery with so much soul.",
|
|
name: "Linda B.",
|
|
role: "Artist",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-offering-bread-tray_23-2147984950.jpg",
|
|
},
|
|
]}
|
|
title="What Our Community Says"
|
|
description="Heartfelt feedback from our loyal customers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Do you have gluten-free options?",
|
|
content: "Currently, we specialize in wheat-based sourdough but are testing new recipes.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Do you offer catering?",
|
|
content: "Yes, we provide artisan bread and pastry platters for events.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Are you open on weekends?",
|
|
content: "Yes, we are open 7 days a week, from 7 AM to 6 PM.",
|
|
},
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you wanted to know about our baking."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Stay Updated"
|
|
title="Join Our Bread Club"
|
|
description="Get weekly updates on our seasonal specials."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-vector/farm-logo-template_23-2149447096.jpg"
|
|
logoText="GoldenGrain Bakery"
|
|
columns={[
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{
|
|
label: "Menu",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|