6 Commits

3 changed files with 14 additions and 117 deletions

View File

@@ -2,9 +2,6 @@
import { ArrowLeftRight, Wheat, Cake, ChefHat, CircleDollarSign, Clock, Croissant, Gift, Heart, Hexagon, House, Leaf, Mail, MessageSquareText, Package, Send, Settings, Sparkles, Star, Users } from "lucide-react"; import { ArrowLeftRight, Wheat, 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 { 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 SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureBento from '@/components/sections/feature/FeatureBento'; import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -26,106 +23,6 @@ export default function BakeryPage() {
secondaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow"
headingFontWeight="semibold" 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: Wheat,
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"> <div id="about" data-section="about">
<SplitAbout <SplitAbout
title="About Sweet Haven Bakery" title="About Sweet Haven Bakery"

View File

@@ -3,20 +3,20 @@
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #f5f4ef; /* --background: #f5f4ef;
--card: #dad6cd; --card: #3c2f41;
--foreground: #2a2928; --foreground: #ffffff;
--primary-cta: #2a2928; --primary-cta: #c64756;
--secondary-cta: #ecebea; --secondary-cta: #4a235a;
--accent: #ffffff; --accent: #ffdead;
--background-accent: #ffffff; */ --background-accent: #ffdead; */
--background: #fcf6ec; --background: #1c1124;
--card: #f3ede2; --card: #3c2f41;
--foreground: #2e2521; --foreground: #ffffff;
--primary-cta: #2e2521; --primary-cta: #c64756;
--secondary-cta: #ffffff; --secondary-cta: #4a235a;
--accent: #b2a28b; --accent: #ffdead;
--background-accent: #b2a28b; --background-accent: #ffdead;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

View File

@@ -113,7 +113,7 @@ const HeroBillboard = ({
description={description} description={description}
tag={tag} tag={tag}
tagIcon={tagIcon} tagIcon={tagIcon}
buttons={buttons} buttons={buttons?.filter(button => button.dataWebildId !== 'webild-1770395585106-haji9ih1y')}
avatars={avatars} avatars={avatars}
avatarText={avatarText} avatarText={avatarText}
avatarsAbove={true} avatarsAbove={true}