Bob AI: Change the image inside of the contact section of ...

src/app/page.tsx

@@ -10,6 +10,7 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Sparkles, Mail } from "lucide-react";
+import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
 
 export default function LandingPage() {
   return (
@@ -162,6 +163,10 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="layout" data-section="layout">
+        <TimelineHorizontalCardStack />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[

src/components/sections/contact/ContactSplit.tsx

@@ -136,7 +136,7 @@ const ContactSplit = ({
     const mediaContent = (
         <div className={cls("overflow-hidden rounded-theme-capped card h-130", mediaWrapperClassName)}>
             <MediaContent
-                imageSrc={imageSrc}
+                imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80"
                 videoSrc={videoSrc}
                 imageAlt={imageAlt}
                 videoAriaLabel={videoAriaLabel}