Files
e1d65213-138d-4945-8fb7-565…/src/app/page.tsx
2026-01-22 17:53:30 +00:00

226 lines
14 KiB
TypeScript

"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Leaf, Wheat, Sun, Heart, Sparkles, Users, Calendar, Clock } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="largeSmallSizeMediumTitles"
background="aurora"
cardStyle="layered-gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Artisan Bakery"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Process", id: "process" },
{ name: "Reviews", id: "testimonials" }
]}
button={{ text: "Order Now", href: "contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="ARTISAN BAKERY"
description="Handcrafted breads and pastries made with authentic Ukrainian recipes, the finest ingredients, and generations of baking tradition."
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Order Today", href: "contact" },
{ text: "Learn Our Story", href: "about" }
]}
layoutOrder="default"
imageSrc="https://img.b2bpic.net/free-photo/chef-holds-fresh-bread-hand-man-preparing-dough-table-kitchen-black-background-healthy-cooking-concept_639032-473.jpg"
imageAlt="Fresh artisan breads and pastries from our bakery"
frameStyle="card"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
title="Tradition Meets Quality"
description="We honor generations of Ukrainian baking heritage by using only the finest organic ingredients, traditional fermentation methods, and time-tested recipes. Every loaf tells a story of passion and dedication to our craft."
tag="Our Heritage"
textboxLayout="default"
useInvertedBackground="invertDefault"
bulletPoints={[
{
title: "Organic Ingredients", description: "Sourced locally from Ukrainian suppliers committed to sustainable farming practices", icon: Leaf
},
{
title: "Traditional Methods", description: "Long fermentation and hand-shaping techniques passed down through generations", icon: Wheat
},
{
title: "Daily Fresh", description: "Baked fresh every morning in our wood-fired ovens for maximum flavor and nutrition", icon: Sun
},
{
title: "No Additives", description: "Pure ingredients only - no artificial preservatives, colors, or flavorings", icon: Heart
}
]}
imageSrc="https://img.b2bpic.net/free-photo/woman-holding-bread-dark-table-with-eggs-flour-bowl-glass-oil_114579-22475.jpg"
imageAlt="Our dedicated baking team in the kitchen"
imagePosition="right"
buttons={[{ text: "Explore Our Menu", href: "products" }]}
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
title="Our Signature Breads & Pastries"
description="Hand-selected creations showcasing the finest of Ukrainian baking traditions and contemporary flavors"
textboxLayout="default"
useInvertedBackground="noInvert"
products={[
{
id: "sourdough", name: "Traditional Sourdough", price: "45 UAH", imageSrc: "https://img.b2bpic.net/free-photo/bakery_23-2148011507.jpg", imageAlt: "Traditional sourdough loaf", initialQuantity: 1
},
{
id: "croissant", name: "Butter Croissants", price: "35 UAH", imageSrc: "https://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-105983.jpg", imageAlt: "Golden butter croissants", initialQuantity: 1
},
{
id: "paska", name: "Paska (Easter Bread)", price: "120 UAH", imageSrc: "https://img.b2bpic.net/free-photo/bread-table_171337-16139.jpg", imageAlt: "Traditional paska bread", initialQuantity: 1
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
/>
</div>
<div id="process" data-section="process">
<FeatureProcessSteps
tag="Our Craft"
tagIcon={Sparkles}
title="From Grain to Table"
description="We honor the ancient art of baking with each step, ensuring every product meets our exacting standards for quality, flavor, and nutrition."
useInvertedBackground="invertDefault"
steps={[
{
number: "01", title: "Selection & Sourcing", tag: "Foundation", description: "We carefully select the finest organic grains and ingredients from local Ukrainian farmers who share our commitment to quality."
},
{
number: "02", title: "Fermentation & Mixing", tag: "Craft", description: "Using traditional long fermentation methods, we mix and develop our dough naturally without rushing the process."
},
{
number: "03", title: "Shaping & Rising", tag: "Precision", description: "Each loaf is hand-shaped and allowed to rise properly, developing complex flavors and ideal texture."
},
{
number: "04", title: "Baking & Cooling", tag: "Perfection", description: "Baked in our wood-fired ovens at the perfect temperature, then cooled naturally to lock in freshness and flavor."
}
]}
buttons={[{ text: "Watch Our Process", href: "#" }]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="What Our Customers Say"
description="Hear from families and businesses who trust us for their daily bread and special occasions"
tag="Testimonials"
textboxLayout="default"
useInvertedBackground="noInvert"
testimonials={[
{
id: "1", name: "Mariya Kovalenko, Kyiv", date: "Date: 15 November 2024", title: "The best sourdough I've ever tasted!", quote: "I've been buying from Artisan Bakery for over a year now. The quality, freshness, and taste are absolutely unmatched. This is what real bread tastes like.", tag: "Regular Customer", avatarSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", avatarAlt: "Mariya Kovalenko", imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg"
},
{
id: "2", name: "Ivan Petrov, Restaurant Owner", date: "Date: 10 November 2024", title: "Our restaurant's signature ingredient", quote: "We serve Artisan Bakery bread at our restaurant. Our guests consistently compliment the quality and flavor. It's made all the difference.", tag: "Business Partner", avatarSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg", avatarAlt: "Ivan Petrov", imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg"
},
{
id: "3", name: "Olena Shevchenko, Lviv", date: "Date: 5 November 2024", title: "Authentic taste of my childhood", quote: "These breads remind me of what my babushka used to bake. Pure, honest bread made the right way. Worth every hryvnia.", tag: "Heritage Lover", avatarSrc: "https://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg", avatarAlt: "Olena Shevchenko", imageSrc: "https://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg"
},
{
id: "4", name: "Dmitro Bondarenko, Health Conscious", date: "Date: 1 November 2024", title: "Finally, bread I can feel good about", quote: "No additives, no weird ingredients - just real bread made with quality grain and traditional methods. This is what food should be.", tag: "Quality Seeker", avatarSrc: "https://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg", avatarAlt: "Dmitro Bondarenko", imageSrc: "https://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg"
},
{
id: "5", name: "Natalia Lysenko, Kharkiv", date: "Date: 28 October 2024", title: "Perfect for my family's daily needs", quote: "We switched to Artisan Bakery for all our bread needs. The kids love it, it stays fresh longer, and we all feel healthier.", tag: "Family Advocate", avatarSrc: "https://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg", avatarAlt: "Natalia Lysenko", imageSrc: "https://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg"
},
{
id: "6", name: "Mykola Horenko, Odesa", date: "Date: 22 October 2024", title: "Supporting local excellence", quote: "I'm proud to support local Ukrainian bakers who maintain such high standards. This is the kind of business that deserves our loyalty.", tag: "Local Champion", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg", avatarAlt: "Mykola Horenko", imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg"
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
title="Growing Trust in Artisan Baking"
description="Our commitment to quality has earned the loyalty of thousands of families and businesses across Ukraine"
textboxLayout="default"
useInvertedBackground="invertDefault"
animationType="slide-up"
gridVariant="uniform-all-items-equal"
metrics={[
{
id: "1", value: "8000", title: "Happy Customers", description: "Families trust us for their daily bread", icon: Users
},
{
id: "2", value: "12", title: "Years Fresh", description: "Operating with the same quality standards", icon: Calendar
},
{
id: "3", value: "100%", title: "Organic Ingredients", description: "No artificial additives ever", icon: Leaf
},
{
id: "4", value: "48", title: "Hours Fresh", description: "Maximum freshness guarantee on all breads", icon: Clock
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Order Your Fresh Bread Today"
description="Place your order online or visit our bakery. We deliver fresh bread daily throughout Kyiv and nearby regions. Contact us for bulk orders and special requests."
useInvertedBackground="noInvert"
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true
},
{
name: "email", type: "email", placeholder: "Your Email", required: true
},
{
name: "phone", type: "tel", placeholder: "Phone Number", required: false
},
{
name: "address", type: "text", placeholder: "Delivery Address", required: false
}
]}
textarea={{
name: "message", placeholder: "Tell us about your order or special requests...", rows: 5,
required: true
}}
buttonText="Place Order"
imageSrc="https://img.b2bpic.net/free-photo/delicious-donut-shop-ai-generated_23-2150694732.jpg"
imageAlt="Our warm bakery interior"
mediaPosition="right"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="ARTISAN BAKERY"
/>
</div>
</ThemeProvider>
);
}