226 lines
14 KiB
TypeScript
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>
|
|
);
|
|
} |