Update src/app/page.tsx

src/app/page.tsx

@@ -10,6 +10,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import { Cog, Gauge, MapPin, Smile, Sparkles, Star, Tag, ZoomIn } from "lucide-react";
 
 export default function LandingPage() {
@@ -84,34 +85,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <HeroOverlay
+      <ContactSplitForm
       title="Need a Reliable Handyman?"
       description="Get quality workmanship from a trusted local professional for all your home repair and improvement needs. Contact us today for a free estimate."
-      tag="Ready to Get Started?"
+      inputs={[
-      buttons={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
-        {
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
-          text: "Call (925) 202-1924",          href: "tel:9252021924"},
+        { name: "phone", type: "tel", placeholder: "Your Phone Number (optional)" }
-        {
-          text: "Request Your Free Estimate",          href: "#contact-form"},
       ]}
+      textarea={{
+        name: "message",        placeholder: "Tell us about your project...",        rows: 4
+      }}
+      buttonText="Send Message"
+      onSubmit={(data) => console.log(data)}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576389.jpg"
       imageAlt="Dark blue professional background with subtle handyman tools graphic"
-      showDimOverlay={true}
+      mediaPosition="right"
-      showBlur={true}
+      mediaAnimation="slide-up"
-      textPosition="bottom"
+      useInvertedBackground={true}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-ipad_23-2150172066.jpg",          alt: "Medium shot woman drawing in the ipad"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-smart-speaker_23-2149936224.jpg",          alt: "Front view smiley woman with smart speaker"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-happy-redheaded-woman-sitting-chair-table-with-typewriter-home_171337-8475.jpg",          alt: "Portrait of a young happy redheaded woman sitting on a chair at the table with typewriter at home"},
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-woman-posing-against-blue-background_23-2149310397.jpg",          alt: "Senior woman posing against a blue background"},
-        {
-          src: "http://img.b2bpic.net/free-photo/nervous-pretty-blonde-slavic-woman-stands-with-crossed-arms-olive-green_141793-69798.jpg",          alt: "Nervous pretty blonde slavic woman stands with crossed arms on olive green"},
-      ]}
-      avatarText="Join our growing list of satisfied clients!"
     />
   </div>
 
@@ -323,4 +314,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}