Bob AI: add a background video for Artisanal Baked Goods s...

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client"
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -43,17 +43,49 @@ export default function LandingPage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroLogo
+        <HeroBillboard
-          logoText="Warm & Crumb"
+          title="Artisanal Baked Goods"
-          description="Artisan Baked Goods Delivered to Your Doorstep"
+          description="Handcrafted with passion and premium ingredients for an unforgettable taste experience"
+          background={{ variant: "radial-gradient" }}
+          tag="Fresh Daily"
+          tagIcon={null}
+          tagAnimation="fade-in"
           buttons={[
-            { text: "View Our Menu", href: "products-section" },
+            { text: "View Our Menu", href: "#menu", dataWebildId: "btn-1" },
-            { text: "Visit Us", href: "contact-section" }
+            { text: "Order Online", href: "#order", dataWebildId: "btn-2" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg"
+          avatars={[]}
-          imageAlt="Warm and inviting bakery interior with fresh pastries on display"
+          avatarText=""
-          showDimOverlay={true}
+          videoSrc="https://storage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
+          videoAriaLabel="Baking process demonstration video"
+          mediaAnimation="zoom-in"
+          marqueeItems={[
+            { text: "Organic Ingredients", icon: null, dataWebildId: "marquee-1" },
+            { text: "Fresh Daily", icon: null, dataWebildId: "marquee-2" },
+            { text: "Handcrafted", icon: null, dataWebildId: "marquee-3" }
+          ]}
+          marqueeSpeed={1}
+          showMarqueeCard={true}
+          ariaLabel="Welcome to Warm & Crumb Bakery"
+          className=""
+          containerClassName=""
+          textBoxClassName=""
+          titleClassName=""
+          descriptionClassName=""
+          tagClassName=""
+          avatarGroupClassName=""
+          buttonContainerClassName=""
+          buttonClassName=""
+          buttonTextClassName=""
+          mediaWrapperClassName=""
+          imageClassName=""
+          marqueeClassName=""
+          marqueeItemClassName=""
+          marqueeCardClassName=""
+          marqueeImageClassName=""
+          marqueeTextClassName=""
+          marqueeIconClassName=""
         />
       </div>