Switch to version 1: modified src/components/sections/hero/HeroBillboardGallery.tsx

src/components/sections/hero/HeroBillboardGallery.tsx

@@ -16,11 +16,6 @@ export interface MediaItem {
   videoAriaLabel?: string;
 }
 
-export interface StatItem {
-  value: string;
-  label: string;
-}
-
 type HeroBillboardGalleryBackgroundProps = Extract<
   HeroBackgroundVariantProps,
   | { variant: "plain" }
@@ -50,7 +45,6 @@ interface HeroBillboardGalleryProps {
   buttons?: ButtonConfig[];
   buttonAnimation?: ButtonAnimationType;
   mediaItems: MediaItem[];
-  stats?: StatItem[];
   mediaAnimation?: ButtonAnimationType;
   ariaLabel?: string;
   className?: string;
@@ -76,7 +70,6 @@ const HeroBillboardGallery = ({
   buttons = [],
   buttonAnimation = "slide-up",
   mediaItems,
-  stats = [],
   mediaAnimation = "none",
   ariaLabel = "Hero section",
   className = "",
@@ -194,24 +187,6 @@ const HeroBillboardGallery = ({
                   </div>
                 );
               })}
-              {stats.length > 0 && (
-                <div className="hidden md:block absolute inset-0 z-[60] pointer-events-none">
-                  <div className="relative w-full h-full">
-                    {stats[0] && (
-                      <div className="glassy-card absolute left-[15%] top-1/2 -translate-y-1/2 w-40 text-center p-4 rounded-theme-capped pointer-events-auto">
-                        <p className="text-3xl font-bold text-foreground">{stats[0].value}</p>
-                        <p className="text-sm text-foreground/80">{stats[0].label}</p>
-                      </div>
-                    )}
-                    {stats[1] && (
-                      <div className="glassy-card absolute right-[15%] top-1/2 -translate-y-1/2 w-40 text-center p-4 rounded-theme-capped pointer-events-auto">
-                        <p className="text-3xl font-bold text-foreground">{stats[1].value}</p>
-                        <p className="text-sm text-foreground/80">{stats[1].label}</p>
-                      </div>
-                    )}
-                  </div>
-                </div>
-              )}
             </div>
           </div>
         </div>