src/app/page.tsx

@@ -7,7 +7,7 @@ import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Sparkles } from "lucide-react";
 
@@ -107,13 +107,16 @@ export default function LandingPage() {
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactCTA 
-          tag="Connect with Genius"
+        <ContactSplitForm 
           title="Ready to Innovate Together?"
           description="If you have a project that demands unparalleled expertise and groundbreaking solutions, Vitality is ready to engage. Let's discuss how to bring your most ambitious visions to life."
-          buttons={[{text:"Propose a Project",href:"#"},{text:"General Inquiry",href:"#"}]}
-          background={{variant:"radial-gradient"}}
+          inputs={[{name:"name",type:"text",placeholder:"Your Name",required:true},{name:"email",type:"email",placeholder:"Your Email",required:true}]}
+          textarea={{name:"message",placeholder:"Your Message",rows:5,required:true}}
           useInvertedBackground={false}
+          imageSrc="/placeholders/placeholder-16-9.svg"
+          mediaAnimation="slide-up"
+          buttonText="Send Message"
+          onSubmit={(data) => console.log(data)}
         />
       </div>
       <div id="footer" data-section="footer">
@@ -125,4 +128,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}