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

src/components/sections/hero/HeroLogoBillboard.tsx

@@ -10,6 +10,8 @@ import { getButtonProps } from "@/lib/buttonUtils";
 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";
 
 type HeroLogoBillboardBackgroundProps = Extract<
   HeroBackgroundVariantProps,
@@ -89,12 +91,9 @@ 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}
@@ -113,7 +112,7 @@ const HeroLogoBillboard = ({
               ))}
             </div>
           </div>
-
+        </CardStack>
         {frameStyle === "browser" ? (
           <div className={cls("w-full overflow-hidden rounded-theme-capped card", mediaWrapperClassName)}>
             <div className={cls("relative z-1 bg-background border-b border-foreground/10 px-4 py-3 flex items-center gap-4", browserBarClassName)}>