src/app/page.tsx

@@ -9,7 +9,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import { Award, Clock, Home, MapPin, Smile } from "lucide-react";
 
 export default function LandingPage() {
@@ -107,11 +107,18 @@ export default function LandingPage() {
   </div>
 
   <div id="estimate" data-section="estimate">
-      <ContactCenter
-        tag="Get Started"
+      <ContactSplitForm
         title="Request An Estimate"
         description="Provide your details below to begin your renovation journey with us. We serve all major areas in the greater Austin metro region."
-        background={{ variant: "gradient-bars" }}
+        inputs={[
+          { name: "name", type: "text", placeholder: "Full Name", required: true },
+          { name: "email", type: "email", placeholder: "Email Address", required: true },
+          { name: "projectType", type: "text", placeholder: "Project Type" }
+        ]}
+        textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4, required: true }}
+        onSubmit={(data) => console.log("Form submitted to endpoint:", data)}
+        imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg"
+        mediaPosition="right"
         useInvertedBackground={false}
       />
   </div>
@@ -153,4 +160,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}