Bob AI: Editing button ([data-webild-id="webild-1770395585...

src/app/page.tsx

@@ -2,9 +2,7 @@
 
 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 NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-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';
@@ -26,22 +24,8 @@ export default function BakeryPage() {
       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
+        <HeroBillboard
           background={{ variant: "plain" }}
           tag="Artisan Quality"
           tagIcon={Sparkles}
@@ -52,8 +36,10 @@ export default function BakeryPage() {
             { text: "Visit Us Today", href: "#contact" }
           ]}
           dashboard={{
-            title: "Our Daily Selection",            logoIcon: Croissant,
+            title: "Our Daily Selection",
-            imageSrc: "https://img.b2bpic.net/free-photo/fresh-bread-wooden-spoon-old-wooden-background_169016-3149.jpg",            buttons: [
+            logoIcon: Croissant,
+            imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+            buttons: [
               { text: "Shop Now", href: "#products" },
               { text: "Custom Orders", href: "#contact" }
             ],
@@ -64,37 +50,46 @@ export default function BakeryPage() {
             ],
             stats: [
               {
-                title: "Baked Daily",                values: [50, 75, 120],
+                title: "Baked Daily",
+                values: [50, 75, 120],
                 description: "Fresh items every day"
               },
               {
-                title: "Happy Customers",                values: [2000, 3500, 5000],
+                title: "Happy Customers",
+                values: [2000, 3500, 5000],
                 description: "Loyal community members"
               },
               {
-                title: "Organic Ingredients",                values: [95, 97, 100],
+                title: "Organic Ingredients",
-                valueSuffix: "%",                description: "Sourced locally"
+                values: [95, 97, 100],
+                valueSuffix: "%",
+                description: "Sourced locally"
               }
             ],
-            chartTitle: "Monthly Sales Trend",            chartData: [
+            chartTitle: "Monthly Sales Trend",
+            chartData: [
               { value: 65 },
               { value: 78 },
               { value: 92 },
               { value: 85 },
               { value: 110 }
             ],
-            listTitle: "Today's Special Orders",            listItems: [
+            listTitle: "Today's Special Orders",
+            listItems: [
               {
                 icon: Cake,
-                title: "Custom Birthday Cake",                status: "Ready for pickup"
+                title: "Custom Birthday Cake",
+                status: "Ready for pickup"
               },
               {
                 icon: Croissant,
-                title: "Almond Croissants",                status: "Just baked"
+                title: "Almond Croissants",
+                status: "Just baked"
               },
               {
                 icon: Wheat,
-                title: "Sourdough Loaves",                status: "Available now"
+                title: "Sourdough Loaves",
+                status: "Available now"
               }
             ],
             searchPlaceholder: "Search our products"
@@ -102,30 +97,6 @@ export default function BakeryPage() {
         />
       </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"

src/app/styles/variables.css

@@ -3,20 +3,20 @@
   /* --vw is set by ThemeProvider */
 
   /* --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-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/components/sections/hero/HeroBillboard.tsx

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