Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -1,14 +1,15 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 
 export default function BakeryPage() {
   return (
@@ -25,7 +26,7 @@ export default function BakeryPage() {
       headingFontWeight="light"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
+        <NavbarLayoutFloatingInline
           brandName="Sweet Haven Bakery"
           navItems={[
             { name: "Home", id: "hero" },
@@ -41,19 +42,28 @@ export default function BakeryPage() {
       </div>
       
       <div id="hero" data-section="hero">
-        <HeroOverlay
-          title="Freshly Baked Happiness Every Day"
-          description="Handcrafted artisan breads, pastries, and desserts made with the finest ingredients and love. Order your favorites online and taste the difference."
-          tag="Welcome to Sweet Haven"
-          imageSrc="http://img.b2bpic.net/free-photo/woman-holding-bread-dark-table-with-eggs-flour-bowl-glass-oil_114579-22475.jpg"
-          imageAlt="Beautiful array of fresh baked goods in our bakery"
-          textPosition="bottom-left"
-          showBlur={true}
-          showDimOverlay={false}
-          buttons={[
-            { text: "Shop Now", href: "#products" },
-            { text: "Learn Our Story", href: "#about" }
+        <HeroCentered
+          title="Artisan Baked Goods Made Fresh Daily"
+          description="Discover our selection of handcrafted breads, pastries, and custom cakes. Each item is baked with premium ingredients and passion. Order online for pickup or delivery."
+          background={{ variant: "radial-gradient" }}
+          avatars={[
+            { name: "Sarah", image: "https://img.b2bpic.net/free-photo/portrait-woman-baker-apron_114579-12345.jpg" },
+            { name: "Emma", image: "https://img.b2bpic.net/free-photo/smiling-baker-holding-fresh-bread_114579-12346.jpg" },
+            { name: "Lisa", image: "https://img.b2bpic.net/free-photo/female-baker-with-pastries_114579-12347.jpg" }
           ]}
+          avatarText="Join 500+ happy customers"
+          buttons={[
+            { label: "Browse Products", href: "#products", dataWebildId: "btn_browse_products" },
+            { label: "Order Now", href: "#order", dataWebildId: "btn_order_now" }
+          ]}
+          marqueeItems={[
+            { text: "Sourdough Bread", icon: "🍞" },
+            { text: "Croissants", icon: "🥐" },
+            { text: "Custom Cakes", icon: "🎂" },
+            { text: "Pastries", icon: "🥧" }
+          ]}
+          marqueeSpeed={25}
+          showMarqueeCard={true}
         />
       </div>