Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
@@ -36,7 +36,7 @@ export default function LandingPage() {
         { name: "Portfolio", id: "portfolio" },
         { name: "Pricing", id: "pricing" },
       ]}
-      button={{ text: "Contact", href: "#contact" }}
+      button={{ text: "Let's Chat", href: "#contact" }}
       brandName="Marcos Digital Studio"
     />
   </div>
@@ -165,13 +165,19 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
         tag="Ready to start?"
         title="Let’s Build Your Website"
         description="I am accepting new projects. Let's discuss your vision and get started today."
-        buttons={[{ text: "Let's Chat", href: "mailto:marcos@digital.studio" }]}
         background={{ variant: "sparkles-gradient" }}
         useInvertedBackground={true}
+        onSubmit={(email) => window.location.href = `mailto:mhautomation.service@gmail.com?subject=Inquiry from ${email}&body=New project inquiry from: ${email}`}
+        className="py-12 md:py-20 lg:py-24"
+        containerClassName="max-w-7xl mx-auto px-6"
+        contactFormClassName="grid md:grid-cols-2 gap-12 items-center"
+        formClassName="flex flex-col gap-4 bg-white p-8 rounded-2xl shadow-lg"
+        inputClassName="w-full p-4 border border-gray-200 rounded-lg focus:ring-2 focus:ring-primary"
+        buttonClassName="bg-primary text-white font-semibold py-4 rounded-lg hover:opacity-90 transition"
       />
   </div>