Bob AI: Can we changet teh hero section to something with ...

src/components/sections/hero/HeroCentered.tsx

@@ -86,7 +86,13 @@ const HeroCentered = ({
       aria-label={ariaLabel}
       className={cls("relative w-full h-svh md:h-screen flex flex-col items-center justify-center", className)}
     >
-      <HeroBackgrounds {...background} />
+      <div className={cls("relative w-full h-full", containerClassName)}>
+        <img
+          src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80"
+          alt="Hero Image"
+          className="w-full h-full object-cover"
+        />
+      </div>
       <div className={cls("w-content-width mx-auto relative z-10", containerClassName)}>
         <TextBox
           title={title}