Bob AI: add contact form with image before footer

src/app/page.tsx

@@ -12,6 +12,7 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { Sparkles, CheckCircle } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 
 export default function LandingPage() {
   return (
@@ -213,6 +214,17 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="contact_split_form" data-section="contact_split_form">
+        <ContactSplitForm
+          title="Connect with Us"
+          description="Get in touch to learn more about our programs and opportunities."
+          inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }, { name: "message", type: "textarea", placeholder: "Your Message", required: false }]}
+          textarea={{ name: "", placeholder: "" }}
+          useInvertedBackground="noInvert"
+          imageSrc="https://placehold.co/600x400"
+          mediaPosition="left"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis
           logoText="IT Academy"