Edit: replace contact form section with another looking contact form

src/app/page.tsx

@@ -10,7 +10,8 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { AlertTriangle, Lock, Brain, Clock, Shield, FileText } from 'lucide-react';
+import { AlertTriangle, Lock, Brain, Clock, Shield, FileText, MessageCircle } from "lucide-react";
+import ContactForm from "@/components/form/ContactForm";
 
 export default function LandingPage() {
   return (
@@ -165,18 +166,17 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get in Touch"
-          title="Join the Conversation"
-          description="Subscribe to receive updates on cognitive liberty research, policy developments, and opportunities to support evidence-based discourse on neural technology."
+      <div id="faq-new" data-section="faq-new">
+        <ContactForm
+          title="Your Title Here"
+          description="Add your description here."
+          tag="Sample tag"
           useInvertedBackground="noInvert"
-          imageSrc="https://img.b2bpic.net/free-photo/still-life-illustrating-ethics-concept_23-2149412286.jpg"
-          imageAlt="Ethical balance and responsibility visualization"
-          mediaPosition="left"
-          inputPlaceholder="your@email.com"
-          buttonText="Subscribe"
-          termsText="We respect your privacy. You can unsubscribe anytime. Your data supports cognitive liberty advocacy."
+          tagIcon={MessageCircle}
+          inputPlaceholder="Enter your email"
+          buttonText="Sign Up"
+          termsText="By clicking Sign Up you're confirming that you agree with our Terms and Conditions."
+          centered={false}
         />
       </div>