src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
@@ -157,14 +157,17 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
-      tag="Get In Touch"
-      title="Start Your Renovation Journey"
-      description="Ready to transform your home? Let's discuss your project today."
-    />
+      <ContactSplitForm
+        title="Start Your Renovation Journey"
+        description="Ready to transform your home? Let's discuss your project today."
+        inputs={[
+            { name: "name", type: "text", placeholder: "Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true }
+        ]}
+        useInvertedBackground={false}
+        imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg"
+        mediaPosition="right"
+      />
   </div>
 
   <div id="footer" data-section="footer">
@@ -190,4 +193,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}