243 lines
13 KiB
TypeScript
243 lines
13 KiB
TypeScript
"use client"
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Sparkles, Star, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Hero", id: "hero-section" },
|
|
{ name: "About", id: "about-section" },
|
|
{ name: "Feature", id: "features-section" },
|
|
{ name: "Product", id: "products-section" },
|
|
{ name: "Testimonial", id: "testimonials-section" },
|
|
{ name: "Faq", id: "faq-section" },
|
|
{ name: "Contact", id: "contact-section" }
|
|
]}
|
|
brandName="Warm & Crumb Bakery"
|
|
bottomLeftText="Global Community"
|
|
bottomRightText="hello@warmandcrumb.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero-section" data-section="hero-section">
|
|
<HeroLogo
|
|
logoText="Warm & Crumb"
|
|
description="Artisan Baked Goods Delivered to Your Doorstep"
|
|
buttons={[
|
|
{ text: "View Our Menu", href: "products-section" },
|
|
{ text: "Visit Us", href: "contact-section" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg"
|
|
imageAlt="Warm and inviting bakery interior with fresh pastries on display"
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-section" data-section="about-section">
|
|
<MediaAbout
|
|
title="Our Story"
|
|
description="For over two decades, we've been crafting exceptional baked goods with passion and precision. Each loaf of bread, each pastry, and each cookie tells a story of tradition, care, and dedication to quality. Our journey began with a simple dream: to bring warmth and joy to every bite."
|
|
tag="Artisan Bakers Since 2003"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Explore Our Products", href: "products-section" },
|
|
{ text: "Visit Our Bakery", href: "contact-section" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg"
|
|
imageAlt="Artisan bakers at work in our cozy bakery kitchen"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features-section" data-section="features-section">
|
|
<FeatureCardMedia
|
|
title="Artisanal Craftsmanship"
|
|
description="Each loaf, pastry, and bread is crafted with care using time-honored techniques and premium ingredients sourced from local farms."
|
|
textboxLayout="split"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "feature-1", title: "Fresh Daily Baking", description: "Our bakery opens every morning to ensure you get the freshest baked goods straight from our ovens.", tag: "Freshness Guaranteed", imageSrc: "https://img.b2bpic.net/free-photo/croissants-breakfast-with-copy-space_23-2148243546.jpg", imageAlt: "Freshly baked bread loaves on a wooden tray"
|
|
},
|
|
{
|
|
id: "feature-2", title: "Local Sourcing", description: "We partner with local farmers and suppliers to bring you the finest ingredients in every bite.", tag: "Supporting Local", imageSrc: "https://img.b2bpic.net/free-photo/team-local-farmers-selling-natural-bio-produce_482257-77615.jpg", imageAlt: "Farmers market produce and artisanal breads"
|
|
},
|
|
{
|
|
id: "feature-3", title: "Traditional Recipes", description: "Our recipes have been passed down through generations, preserving the authentic flavors of our heritage.", tag: "Timeless Taste", imageSrc: "https://img.b2bpic.net/free-photo/front-view-cake-ingredients-with-copy-space_23-2148769317.jpg", imageAlt: "Vintage recipe book and kneading dough"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products-section" data-section="products-section">
|
|
<ProductCardOne
|
|
title="Artisanal Baked Goods"
|
|
description="Discover our handcrafted selection of fresh-baked breads, pastries, and desserts made with locally sourced ingredients and traditional techniques."
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "croissant", name: "Butter Croissant", price: "$3.50", imageSrc: "https://img.b2bpic.net/free-photo/fresh-sweet-pastry-is-sprinkled-with-sugar-powder-wooden-surface_78826-2429.jpg", imageAlt: "Golden butter croissant with flaky layers"
|
|
},
|
|
{
|
|
id: "chocolate-chip-cookie", name: "Chocolate Chip Cookie", price: "$2.25", imageSrc: "https://img.b2bpic.net/free-photo/chocolate-cookies-with-grid-white-table_181624-57138.jpg", imageAlt: "Warm chocolate chip cookie with gooey center"
|
|
},
|
|
{
|
|
id: "blueberry-muffin", name: "Blueberry Muffin", price: "$3.00", imageSrc: "https://img.b2bpic.net/free-photo/muffins-with-black-currant_661915-152.jpg", imageAlt: "Fresh blueberry muffin with visible berries"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View Full Menu", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials-section" data-section="testimonials-section">
|
|
<TestimonialCardOne
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Sarah Johnson", role: "Pastry Enthusiast", company: "Local Food Blog", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/crop-daughter-giving-gift-mom-breakfast_23-2147788218.jpg", imageAlt: "Sarah Johnson enjoying a fresh croissant"
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Michael Chen", role: "Bread Lover", company: "Urban Baking Co.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/kids-cooking-having-fun-home_23-2149891145.jpg", imageAlt: "Michael Chen savoring a sourdough loaf"
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Emma Rodriguez", role: "Cafe Owner", company: "The Daily Grind Cafe", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg", imageAlt: "Emma Rodriguez with a tray of pastries"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
title="What Our Customers Say"
|
|
description="Hear from our beloved community about their delightful experiences with our artisanal baked goods."
|
|
tag="Customer Favorites"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="inline-image"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq-section" data-section="faq-section">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our bakery, products, and services."
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What types of baked goods do you offer?", content: "We specialize in artisanal breads, fresh pastries, custom cakes, and seasonal specialties made with locally sourced ingredients."
|
|
},
|
|
{
|
|
id: "faq-2", title: "Do you offer gluten-free options?", content: "Yes, we have a selection of gluten-free breads and pastries available upon request. Please inform us of any dietary restrictions when placing your order."
|
|
},
|
|
{
|
|
id: "faq-3", title: "How far in advance should I place an order?", content: "For custom cakes and special orders, we recommend placing your order at least 48 hours in advance. For daily items, we're happy to accommodate same-day requests."
|
|
},
|
|
{
|
|
id: "faq-4", title: "Can I customize my order?", content: "Absolutely! We love personalizing orders for birthdays, weddings, and corporate events. Contact us for details on customization options and pricing."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="inline-image"
|
|
useInvertedBackground={false}
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Contact Us", href: "contact-section" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-section" data-section="contact-section">
|
|
<ContactSplitForm
|
|
title="Get In Touch With Us"
|
|
description="Have questions or want to place an order? Reach out to our friendly team and we'll get back to you as soon as possible."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone Number" }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your Message", rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://img.b2bpic.net/free-photo/bakery-shop-gourmet-concept_53876-163311.jpg"
|
|
imageAlt="Bakery team greeting customers warmly"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer-section" data-section="footer-section">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/abstract-textured-backgound_1258-30495.jpg"
|
|
imageAlt="Warm bakery interior with wooden shelves and fresh pastries"
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{ label: "Home", href: "hero-section" },
|
|
{ label: "Our Story", href: "about-section" },
|
|
{ label: "Menu", href: "products-section" },
|
|
{ label: "Testimonials", href: "testimonials-section" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "faq-section" },
|
|
{ label: "Contact Us", href: "contact-section" },
|
|
{ label: "Delivery Info", href: "#" },
|
|
{ label: "Returns Policy", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "Facebook", href: "#" },
|
|
{ label: "Newsletter", href: "#" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="Bake & Blend"
|
|
copyrightText="© 2025 Bake & Blend | Artisan Baked Goods"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |