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

src/components/sections/hero/HeroLogoBillboard.tsx

@@ -11,6 +11,8 @@ import { Plus } from "lucide-react";
 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,
@@ -91,12 +93,8 @@ const HeroLogoBillboard = ({
       <HeroBackgrounds {...background} />
       <div className={cls("w-content-width mx-auto flex flex-col gap-14 md:gap-15 relative z-10", containerClassName)}>
         <CardStack>
+          <SectionTitle title={logoText} className={cls("text-foreground", logoClassName)} />
           <div className={cls("w-full flex flex-col items-end gap-6 md:gap-8", logoContainerClassName)}>
-            <div className="relative w-full flex">
-              <FillWidthText className={cls("text-foreground", logoClassName)}>
-                {logoText}
-              </FillWidthText>
-            </div>
             <div className="relative w-full md:w-1/2">
               <TextAnimation
                 type={theme.defaultTextAnimation}
@@ -132,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>
         )}