Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSp
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
-import ContactForm from "@/components/form/ContactForm";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Home, Users, TrendingUp, Award, Package, Phone, Mail } from "lucide-react";
@@ -178,17 +178,22 @@ export default function HomePage() {
       </div>
 
       <div id="contact-form" data-section="contact-form">
-        <ContactForm
+        <ContactSplitForm
           title="Get in Touch"
-          description="Join our mailing list to get exclusive property listings and real estate market updates."
-          tag="Newsletter"
-          tagIcon={Mail}
-          inputPlaceholder="Enter your email"
-          buttonText="Subscribe"
-          termsText="We respect your privacy. Unsubscribe anytime."
-          onSubmit={(email) => console.log('Newsletter signup:', email)}
-          centered={false}
+          description="Have questions about our properties or services? Contact our team for expert real estate guidance and support."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your real estate needs...",            rows: 5,
+            required: true
+          }}
           useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/city-sunset_181624-8834.jpg?_wi=1"
+          mediaPosition="right"
+          buttonText="Send Message"
+          onSubmit={(data) => console.log('Contact form submitted:', data)}
         />
       </div>