Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
+import ContactForm from "@/components/form/ContactForm";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Home, Users, TrendingUp, Award, Package, Phone } from "lucide-react";
 
@@ -181,6 +182,21 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="contact-form" data-section="contact-form">
+        <ContactForm
+          title="Get in Touch"
+          description="Join our mailing list to receive updates on new properties and exclusive investment opportunities."
+          tag="Newsletter Signup"
+          tagIcon={Phone}
+          inputPlaceholder="Enter your email"
+          buttonText="Subscribe"
+          termsText="We respect your privacy. Unsubscribe anytime."
+          onSubmit={(email) => console.log('Newsletter signup:', email)}
+          centered={true}
+          ariaLabel="Contact form newsletter signup"
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactCTA
           tag="Get in Touch"
@@ -261,4 +277,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}