src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
@@ -125,15 +125,15 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      text="Ready to bring home your new companion? Contact our experts for availability or care support."
-      buttons={[
-        {
-          text: "Contact Support",          href: "mailto:support@mantispet.com"},
+      <ContactSplitForm
+      title="Get in Touch"
+      description="Have questions about our mantids? Reach out and we'll be happy to help."
+      inputs={[
+          { name: "name", type: "text", placeholder: "Your Name", required: true },
+          { name: "email", type: "email", placeholder: "Your Email", required: true },
       ]}
+      textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
+      useInvertedBackground={false}
     />
   </div>
 
@@ -163,4 +163,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}