From a8950d99d34b339ad8b2a9f175f5ecb417eed8d6 Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Mon, 23 Feb 2026 18:54:50 +0200
Subject: [PATCH] Bob AI: [Block: hero-billboard-carousel|Hero Billboard Car...

---
 src/app/page.tsx | 31 +++++++++----------------------
 1 file changed, 9 insertions(+), 22 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 26429fc..20c28b0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Sparkles, Star, HelpCircle } from "lucide-react";
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 
 export default function LandingPage() {
   return (
@@ -43,7 +44,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroBillboard
+        <HeroBillboardCarousel
           title="Artisanal Baked Goods"
           description="Handcrafted with passion and premium ingredients for an unforgettable taste experience"
           background={{ variant: "radial-gradient" }}
@@ -51,22 +52,16 @@ export default function LandingPage() {
           tagIcon={null}
           tagAnimation="fade-in"
           buttons={[
-            { text: "View Our Menu", href: "#menu", dataWebildId: "btn-1" },
-            { text: "Order Online", href: "#order", dataWebildId: "btn-2" }
+            { text: "View Our Menu", href: "#menu", dataWebildId: "btn-carousel-1" },
+            { text: "Order Online", href: "#order", dataWebildId: "btn-carousel-2" }
           ]}
           buttonAnimation="slide-up"
-          avatars={[]}
-          avatarText=""
-          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" }
+          mediaItems={[
+            { imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg", imageAlt: "Fresh baked croissants" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg", imageAlt: "Artisan sourdough bread" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918947.jpg", imageAlt: "Delicious pastries display" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/beautiful-landscape-with-mountains_23-2151151078.jpg", imageAlt: "Warm & Crumb bakery interior" }
           ]}
-          marqueeSpeed={1}
-          showMarqueeCard={true}
           ariaLabel="Welcome to Warm & Crumb Bakery"
           className=""
           containerClassName=""
@@ -74,18 +69,10 @@ export default function LandingPage() {
           titleClassName=""
           descriptionClassName=""
           tagClassName=""
-          avatarGroupClassName=""
           buttonContainerClassName=""
           buttonClassName=""
           buttonTextClassName=""
           mediaWrapperClassName=""
-          imageClassName=""
-          marqueeClassName=""
-          marqueeItemClassName=""
-          marqueeCardClassName=""
-          marqueeImageClassName=""
-          marqueeTextClassName=""
-          marqueeIconClassName=""
         />
       </div>