Bob AI: fix build errors (attempt 2)

src/pages/HomePage.tsx

@@ -7,7 +7,6 @@ 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 (
@@ -66,7 +65,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
- 
+
   <div id="about" data-section="about">
     <SectionErrorBoundary name="about">
           <AboutMediaOverlay
@@ -81,7 +80,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
- 
+
   <div id="services" data-section="services">
     <SectionErrorBoundary name="services">
           <FeaturesArrowCards
@@ -120,7 +119,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
- 
+
   <div id="projects" data-section="projects">
     <SectionErrorBoundary name="projects">
           <FeaturesRevealCardsBentoSharp
@@ -174,7 +173,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
- 
+
   <div id="testimonials" data-section="testimonials">
     <SectionErrorBoundary name="testimonials">
           <TestimonialQuoteCards
@@ -216,7 +215,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
- 
+
   <div id="social-proof" data-section="social-proof">
     <SectionErrorBoundary name="social-proof">
           <SocialProofMarquee
@@ -236,7 +235,7 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
- 
+
   <div id="faq" data-section="faq">
     <SectionErrorBoundary name="faq">
           <FaqTwoColumn
@@ -272,22 +271,10 @@ export default function HomePage() {
     />
     </SectionErrorBoundary>
   </div>
- 
+
   <div id="contact" data-section="contact">
     <SectionErrorBoundary name="contact">
-          <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
-    />
+          <ContactSplitForm />
     </SectionErrorBoundary>
   </div>
     </>