Bob AI: Add an image to the right side of the contact form within th

Merge version_3_1780320842039 into main

src/pages/HomePage.tsx

@@ -7,6 +7,7 @@ import HeroBillboardCreator from '@/components/sections/hero/HeroBillboardCreato
 import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
 import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import ImageOrVideo from '@/components/ui/ImageOrVideo'; // Import ImageOrVideo
 
 export default function HomePage() {
   return (
@@ -65,7 +66,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
-
+ 
   <div id="about" data-section="about">
     <SectionErrorBoundary name="about">
           <AboutMediaOverlay
@@ -80,7 +81,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
-
+ 
   <div id="services" data-section="services">
     <SectionErrorBoundary name="services">
           <FeaturesArrowCards
@@ -119,7 +120,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
-
+ 
   <div id="projects" data-section="projects">
     <SectionErrorBoundary name="projects">
           <FeaturesRevealCardsBentoSharp
@@ -173,7 +174,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
-
+ 
   <div id="testimonials" data-section="testimonials">
     <SectionErrorBoundary name="testimonials">
           <TestimonialQuoteCards
@@ -215,7 +216,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
-
+ 
   <div id="social-proof" data-section="social-proof">
     <SectionErrorBoundary name="social-proof">
           <SocialProofMarquee
@@ -235,7 +236,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
-
+ 
   <div id="faq" data-section="faq">
     <SectionErrorBoundary name="faq">
           <FaqTwoColumn
@@ -271,7 +272,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
-
+ 
   <div id="contact" data-section="contact">
     <SectionErrorBoundary name="contact">
           <ContactSplitForm
@@ -285,7 +286,7 @@ export default function HomePage() {
       ]}
       textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
       buttonText="Request a Free Quote"
-      imageSrc=""
+      imageSrc="https://images.unsplash.com/photo-1519331379826-f10be5486c8f?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" // Added imageSrc
     />
     </SectionErrorBoundary>
   </div>