Bob AI: add contact form with image

src/app/page.tsx

@@ -10,6 +10,7 @@ import { Users, TrendingUp, Award, Star } from "lucide-react";
 import Link from "next/link";
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 
 export default function HomePage() {
   return (
@@ -183,6 +184,17 @@ export default function HomePage() {
           useInvertedBackground="noInvert"
         />
       </div>
+      <div id="contact_split_form" data-section="contact_split_form">
+        <ContactSplitForm
+          title="Get in Touch"
+          description="We're here to answer any questions you have about our courses and how we can help you achieve your tech career goals."
+          inputs={[{ name: "name", type: "text", placeholder: "Your Full Name", required: true }, { name: "email", type: "email", placeholder: "Your Email Address", required: true }, { name: "message", type: "textarea", placeholder: "Your Message to TechAcademy", required: false }]}
+          textarea={{ name: "", placeholder: "" }}
+          useInvertedBackground="noInvert"
+          imageSrc="https://placehold.co/600x400"
+          mediaPosition="left"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150061986.jpg"