Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -4,6 +4,7 @@ import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Phone } from "lucide-react";
@@ -66,6 +67,28 @@ export default function ContactPage() {
         />
       </div>
 
+      <div id="contact-form" data-section="contact-form">
+        <ContactSplit
+          tag="Contact Us"
+          tagIcon={Phone}
+          title="Get in Touch with Our Team"
+          description="Have questions about properties or ready to schedule a viewing? Fill out the form below and our expert team will be in touch within 24 hours."
+          background={{
+            variant: "plain"
+          }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/city-sunset_181624-8834.jpg?_wi=1"
+          imageAlt="Contact our team"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          inputPlaceholder="Enter your email"
+          buttonText="Send"
+          termsText="We respect your privacy. Your information will be kept confidential."
+          onSubmit={(email) => console.log('Contact form submitted:', email)}
+          ariaLabel="Contact form section"
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactCTA
           tag="Get in Touch"