Bob AI: create a whole new hero section

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+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';
@@ -44,23 +44,29 @@ export default function LandingPage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroSplit
-          background={{ variant: "glowing-orb" }}
-          title="Artisan Baked Goods Delivered to Your Door"
-          description="Experience the warmth of homemade bread, freshly baked pastries, and custom cakes made with love using time-honored techniques and the finest ingredients."
-          tag="Fresh Daily"
+        <HeroBillboard
+          title="Freshly Baked Every Morning"
+          description="Discover our artisan collection of sourdough breads, buttery croissants, and decadent pastries crafted with premium ingredients and traditional baking methods."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Baked Fresh Daily"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Order Now", href: "#product-section" },
-            { text: "Visit Us", href: "#contact-section" }
+            { text: "Shop Now", href: "#products", dataWebildId: "hero_shop_btn" },
+            { text: "Learn More", href: "#about", dataWebildId: "hero_learn_btn" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://img.b2bpic.net/free-photo/modern-bakery-shop-with-assortment-bread-shelf_169016-37564.jpg"
-          imageAlt="Warm, inviting bakery interior with fresh bread and pastries on display"
+          imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
+          imageAlt="Golden-brown artisan breads and pastries fresh from the oven"
           mediaAnimation="slide-up"
-          imagePosition="right"
-          fixedMediaHeight={true}
+          marqueeItems={[
+            { text: "Sourdough", icon: Sparkles },
+            { text: "Croissants", icon: Sparkles },
+            { text: "Cinnamon Rolls", icon: Sparkles },
+            { text: "Custom Cakes", icon: Sparkles }
+          ]}
+          marqueeSpeed={50}
+          showMarqueeCard={true}
         />
       </div>
 

src/components/sections/product/ProductCardOne.tsx

@@ -73,7 +73,7 @@ const ProductCardItem = memo(({
 }: ProductCardItemProps) => {
     return (
         <article
-            className={cls("card group relative h-full flex flex-col gap-4 cursor-pointer p-4 rounded-theme-capped", cardClassName)}
+            className={cls("card group relative h-full flex flex-col gap-4 cursor-pointer p-4 rounded-theme-capped transition-all duration-300 ease-out hover:scale-105 hover:shadow-lg", cardClassName)}
             onClick={product.onProductClick}
             role="article"
             aria-label={`${product.name} - ${product.price}`}