Initial commit
This commit is contained in:
293
src/app/page.tsx
Normal file
293
src/app/page.tsx
Normal file
@@ -0,0 +1,293 @@
|
||||
"use client"
|
||||
|
||||
import { ArrowLeftRight, Bread, Cake, ChefHat, CircleDollarSign, Clock, Croissant, Gift, Heart, Hexagon, House, Leaf, Mail, MessageSquareText, Package, Send, Settings, Sparkles, Star, Users } from "lucide-react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function BakeryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="sharp"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Sweet Haven Bakery"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Menu", id: "features" }
|
||||
]}
|
||||
button={{ text: "Order Now", href: "contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
background={{ variant: "plain" }}
|
||||
tag="Artisan Quality"
|
||||
tagIcon={Sparkles}
|
||||
title="Freshly Baked Every Morning"
|
||||
description="Handcrafted pastries, breads, and desserts made with love using only the finest organic ingredients. Your neighborhood bakery since 2010."
|
||||
buttons={[
|
||||
{ text: "View Our Menu", href: "#products" },
|
||||
{ text: "Visit Us Today", href: "#contact" }
|
||||
]}
|
||||
dashboard={{
|
||||
title: "Our Daily Selection", logoIcon: Croissant,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/fresh-bread-wooden-spoon-old-wooden-background_169016-3149.jpg", buttons: [
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Custom Orders", href: "#contact" }
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: Package },
|
||||
{ icon: Heart },
|
||||
{ icon: Settings }
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Baked Daily", values: [50, 75, 120],
|
||||
description: "Fresh items every day"
|
||||
},
|
||||
{
|
||||
title: "Happy Customers", values: [2000, 3500, 5000],
|
||||
description: "Loyal community members"
|
||||
},
|
||||
{
|
||||
title: "Organic Ingredients", values: [95, 97, 100],
|
||||
valueSuffix: "%", description: "Sourced locally"
|
||||
}
|
||||
],
|
||||
chartTitle: "Monthly Sales Trend", chartData: [
|
||||
{ value: 65 },
|
||||
{ value: 78 },
|
||||
{ value: 92 },
|
||||
{ value: 85 },
|
||||
{ value: 110 }
|
||||
],
|
||||
listTitle: "Today's Special Orders", listItems: [
|
||||
{
|
||||
icon: Cake,
|
||||
title: "Custom Birthday Cake", status: "Ready for pickup"
|
||||
},
|
||||
{
|
||||
icon: Croissant,
|
||||
title: "Almond Croissants", status: "Just baked"
|
||||
},
|
||||
{
|
||||
icon: Bread,
|
||||
title: "Sourdough Loaves", status: "Available now"
|
||||
}
|
||||
],
|
||||
searchPlaceholder: "Search our products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Featured Products"
|
||||
description="Our signature creations, baked fresh daily with premium ingredients and traditional techniques."
|
||||
tag="Bestsellers"
|
||||
tagIcon={Star}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Butter Croissants", price: "$4.50", imageSrc: "https://img.b2bpic.net/free-photo/putting-chocolate-syrup-into-sweet-bakery-product_114579-1762.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Artisan Sourdough", price: "$6.00", imageSrc: "https://img.b2bpic.net/free-vector/watercolor-pastries-banner-template_23-2148114252.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Chocolate Layer Cake", price: "$24.00", imageSrc: "https://img.b2bpic.net/free-photo/top-view-croissants-tray_23-2149395317.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="About Sweet Haven Bakery"
|
||||
description="With over a decade of experience, we've been serving our community fresh, delicious baked goods made from scratch."
|
||||
tag="Our Story"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
imagePosition="right"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/baker-holds-homemade-craft-bread-his-hands_166373-749.jpg"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Ingredients", description: "We source locally-grown organic flour, butter, and fruits for the finest quality", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Traditional Methods", description: "Every recipe is crafted using time-honored baking techniques passed down through generations", icon: Clock
|
||||
},
|
||||
{
|
||||
title: "Community Focused", description: "We believe in supporting local farms and giving back to the neighborhoods we serve", icon: Users
|
||||
},
|
||||
{
|
||||
title: "Expert Bakers", description: "Our team of passionate artisans starts work before dawn to bring you fresh baked goods", icon: ChefHat
|
||||
}
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Why Choose Us"
|
||||
description="Discover what makes Sweet Haven Bakery your neighborhood's favorite destination for exceptional baked goods."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Daily Fresh Baking", description: "Everything is baked fresh every morning using the highest quality ingredients", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Custom Orders", description: "Special occasions deserve special treats. We create custom cakes and pastries", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Cake, label: "Wedding Cakes", value: "Custom" },
|
||||
{ icon: Gift, label: "Gift Baskets", value: "Available" },
|
||||
{ icon: Heart, label: "Party Platters", value: "Seasonal" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Vegan & Gluten-Free", description: "We offer delicious options for dietary preferences and restrictions", bentoComponent: "marquee", centerIcon: Leaf,
|
||||
variant: "text", texts: ["Vegan Croissants", "Gluten-Free Bread", "Dairy-Free Pastries", "Nut-Free Options", "Organic Cookies"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="What Our Customers Say"
|
||||
description="Real stories from our community about how Sweet Haven Bakery has become part of their daily lives."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
animationType="slide-up"
|
||||
speed={40}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Maria Rodriguez", handle: "Local Mom", testimonial: "The best croissants in town! My kids ask for them every weekend. I love supporting a local business that genuinely cares.", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "James Mitchell", handle: "Coffee Enthusiast", testimonial: "Every morning I stop by for their sourdough and espresso. The bread is perfectly crusty on the outside, soft inside. Absolutely divine!", imageSrc: "https://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Sarah Chen", handle: "Event Planner", testimonial: "Sweet Haven created a stunning custom cake for my wedding. The taste was incredible and the presentation was absolutely beautiful. Highly recommend!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Thompson", handle: "Neighborhood Regular", testimonial: "Been coming here for 5 years. The quality never dips. They treat every customer like family. That's why this place is special.", imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Emily Patel", handle: "Dietary Conscious", testimonial: "Finally found a local bakery that takes vegan baking seriously. Their vegan almond croissants are genuinely delicious, not just a compromise.", imageSrc: "https://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Robert Williams", handle: "Breakfast Lover", testimonial: "The danish pastries here are exceptional. Fresh, flaky, filled with quality jam and pastry cream. Worth waking up early for every time.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="By The Numbers"
|
||||
description="Our commitment to excellence reflected in the numbers our community trusts."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15+", description: "Years of Excellence"
|
||||
},
|
||||
{
|
||||
id: "2", value: "5K+", description: "Happy Customers"
|
||||
},
|
||||
{
|
||||
id: "3", value: "100%", description: "Organic Ingredients"
|
||||
},
|
||||
{
|
||||
id: "4", value: "7 Days", description: "Open Weekly"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Stay Connected"
|
||||
tagIcon={Mail}
|
||||
title="Join Our Bakery Community"
|
||||
description="Subscribe to receive updates about new seasonal items, special offers, and exclusive recipes from our kitchen."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground="invertDefault"
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe anytime."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Sweet Haven"
|
||||
columns={[
|
||||
{
|
||||
title: "Hours", items: [
|
||||
{ label: "Monday - Friday", href: "#" },
|
||||
{ label: "6:00 AM - 7:00 PM", href: "#" },
|
||||
{ label: "Saturday - Sunday", href: "#" },
|
||||
{ label: "7:00 AM - 6:00 PM", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Phone: (555) 123-4567", href: "#" },
|
||||
{ label: "Email: hello@sweethaven.com", href: "#" },
|
||||
{ label: "123 Main Street", href: "#" },
|
||||
{ label: "Your City, ST 12345", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Pastries", href: "#products" },
|
||||
{ label: "Breads", href: "#products" },
|
||||
{ label: "Custom Cakes", href: "#contact" },
|
||||
{ label: "Seasonal Items", href: "#products" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Follow Us", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Sweet Haven Bakery. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user