Update src/app/page.tsx

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 FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
@@ -176,16 +176,17 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
-      text="Ready to redefine your wardrobe? Reach out to our design consultants today."
-      buttons={[
-        {
-          text: "Get in Touch",          href: "mailto:hello@lumiere-fashion.com"},
-      ]}
-    />
+      <ContactSplitForm
+        title="Get In Touch"
+        description="We are here to assist with bespoke inquiries or general fashion questions."
+        inputs={[
+            { name: "name", type: "text", placeholder: "Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true }
+        ]}
+        textarea={{ name: "message", placeholder: "How can we help you?", rows: 4 }}
+        useInvertedBackground={false}
+        imageSrc="http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7780.jpg"
+      />
   </div>
 
   <div id="footer" data-section="footer">
@@ -229,4 +230,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}