Update src/app/page.tsx

Merge version_13 into main

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() {
@@ -46,13 +46,12 @@ export default function LandingPage() {
       logoText="Gonzalez Renovations"
       description="Premier home renovation specialists serving the greater Austin area. Transforming local houses into high-end dream homes with expert craftsmanship."
       buttons={[
-        { text: "Start Project", onClick: () => window.location.href = "mailto:Gonzalezrenovationservices@gmail.com" },
-        { text: "Our Portfolio", onClick: () => window.location.href = "https://google.com" }
+        { text: "Start Project", onClick: () => window.location.href = "mailto:Gonzalezrenovationservices@gmail.com" }
       ]}
       background={{
         variant: "gradient-bars"
       }}
-      imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=1"
       frameStyle="card"
     />
   </div>
@@ -107,11 +106,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?_wi=2"
+        mediaPosition="right"
         useInvertedBackground={false}
       />
   </div>