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,10 +272,22 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
-
+ 
   <div id="contact" data-section="contact">
     <SectionErrorBoundary name="contact">
-          <ContactSplitForm />
+          <ContactSplitForm
+      tag="Ready for a Greener Space?"
+      title="Let's bring your outdoor vision to life."
+      description="Fill out the form below to get a free, no-obligation quote today! Our team will get back to you within 24 hours."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        { name: "phone", type: "tel", placeholder: "Phone Number", required: false }
+      ]}
+      textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
+      buttonText="Request a Free Quote"
+      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>
     </>