Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -7,11 +7,16 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Award, Briefcase, CheckCircle, Lightbulb, Rocket, Target, TrendingUp, Zap } from 'lucide-react';
 
 export default function LandingPage() {
+  const handleDemoSubmit = (data: Record<string, string>) => {
+    console.log('Demo request submitted:', data);
+    // Handle form submission here
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -168,21 +173,22 @@ export default function LandingPage() {
       </div>
 
       <div id="cta" data-section="cta">
-        <ContactSplit
+        <ContactSplitForm
-          tag="Get Started"
-          tagIcon={Rocket}
-          tagAnimation="slide-up"
           title="See Your Free Demo Website Today"
           description="No credit card required. No commitment. Just a professional website built for your business, so you can see exactly what's possible before making any decision."
-          background={{ variant: "plain" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/digital-devices-screen-editable_24972-2368.jpg"
+          inputs={[
-          imageAlt="Website mockup on devices"
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
-          mediaAnimation="slide-up"
+            { name: "email", type: "email", placeholder: "your@business.com", required: true },
-          mediaPosition="right"
+            { name: "businessName", type: "text", placeholder: "Business Name", required: true },
-          inputPlaceholder="your@business.com"
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your business (optional)",            rows: 4
+          }}
           buttonText="Request Free Demo"
-          termsText="We'll build a sample website for your business within 48 hours and send you a link to review. No spam, no pressure to buy."
+          onSubmit={handleDemoSubmit}
+          mediaAnimation="slide-up"
         />
       </div>