Update src/app/page.tsx

Merge version_3 into main

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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -36,6 +36,7 @@ export default function LandingPage() {
         { name: "Activities", id: "activities" },
         { name: "Plans", id: "pricing" },
         { name: "Support", id: "faq" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="La Tehtaar"
     />
@@ -129,11 +130,17 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      background={{ variant: "sparkles-gradient" }}
-      text="Ready to start your Jordan adventure with La Tehtaar?"
-      buttons={[{ text: "Contact Our Team" }]}
+      <ContactSplitForm
+      title="Start Your Mobile App Journey"
+      description="Send us your website link and we'll help you convert it into a mobile app."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        { name: "link", type: "url", placeholder: "Your Website Link", required: true }
+      ]}
+      textarea={{ name: "message", placeholder: "Tell us more about your project" }}
       useInvertedBackground={false}
+      buttonText="Submit Project"
     />
   </div>