Files
7ba0adeb-8a3e-4ee0-8d86-e3c…/src/app/page.tsx
2026-05-17 10:06:43 +00:00

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>
);
}