Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 665259e57c | |||
| b828f6735f | |||
| 8b069d491e | |||
| 4c627006d1 | |||
| 7b9ab9bf62 | |||
| f8ceb234f7 | |||
| 03a5dada47 | |||
| c96a640152 | |||
| a8cd04f4f8 | |||
| 84fff92086 | |||
| b0df969f03 | |||
| b38807f28c | |||
| 7748af3a03 | |||
| 9909c88860 | |||
| 1cb1907a1d |
103
src/app/page.tsx
103
src/app/page.tsx
@@ -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"
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
@@ -114,7 +114,7 @@ const SplitAbout = ({
|
|||||||
description={description}
|
description={description}
|
||||||
tag={tag}
|
tag={tag}
|
||||||
tagIcon={tagIcon}
|
tagIcon={tagIcon}
|
||||||
buttons={buttons}
|
buttons={buttons?.filter(button => button.dataWebildId !== 'webild-1770395943147-6dz9n3plz')}
|
||||||
textboxLayout={textboxLayout}
|
textboxLayout={textboxLayout}
|
||||||
useInvertedBackground={useInvertedBackground}
|
useInvertedBackground={useInvertedBackground}
|
||||||
textBoxClassName={textBoxClassName}
|
textBoxClassName={textBoxClassName}
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user