Bob AI: I don't like the hero section can you switch it

src/components/sections/hero/HeroLogoBillboard.tsx

@@ -12,6 +12,7 @@ import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { ButtonConfig } from "@/components/cardStack/types";
 import CardStack from "@/components/cardStack/CardStack";
 import SectionTitle from "@/components/sectionTitle/SectionTitle";
+import FillWidthImage from "@/components/shared/FillWidthImage/FillWidthImage";
 
 type HeroLogoBillboardBackgroundProps = Extract<
   HeroBackgroundVariantProps,
@@ -129,23 +130,19 @@ const HeroLogoBillboard = ({
               <Plus className="h-[var(--text-sm)] w-auto text-foreground" />
             </div>
             <div className="relative z-1 p-0">
-              <MediaContent
+              <FillWidthImage
-                imageSrc={imageSrc}
+                src={imageSrc}
-                videoSrc={videoSrc}
+                alt={imageAlt}
-                imageAlt={imageAlt}
+                className={cls("z-1 rounded-none! aspect-square md:aspect-video", imageClassName)}
-                videoAriaLabel={videoAriaLabel}
-                imageClassName={cls("z-1 rounded-none! aspect-square md:aspect-video", imageClassName)}
               />
             </div>
           </div>
         ) : (
           <div className={cls("w-full overflow-hidden rounded-theme-capped card p-4", mediaWrapperClassName)}>
-            <MediaContent
+            <FillWidthImage
-              imageSrc={imageSrc}
+              src={imageSrc}
-              videoSrc={videoSrc}
+              alt={imageAlt}
-              imageAlt={imageAlt}
+              className={cls("z-1 aspect-square md:aspect-video", imageClassName)}
-              videoAriaLabel={videoAriaLabel}
-              imageClassName={cls("z-1 aspect-square md:aspect-video", imageClassName)}
             />
           </div>
         )}