From 87a5c2d409be62989db8f5522c067e7177fb87d9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 27 Apr 2026 23:55:44 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dbc647f..86cf1f7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import ContactForm from '@/components/form/ContactForm';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Scissors, Calendar, Award } from 'lucide-react';
 
@@ -38,7 +38,7 @@ export default function LandingPage() {
             { name: "FAQ", id: "faq" }
           ]}
           button={{
-            text: "Book Now",            href: "#contact"
+            text: "Book Now", href: "#contact"
           }}
         />
       </div>
@@ -165,14 +165,18 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactForm
-          tag="Bookings"
+        <ContactSplitForm
           title="Book Your Appointment"
-          description="Please fill out the form below to request your slot."
-          tagIcon={Calendar}
-          inputPlaceholder="Enter your name or email"
-          buttonText="Request Appointment"
-          centered={true}
+          description="Fill in your details below and we'll get back to you."
+          inputs={[
+            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Email", required: true },
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            { name: "business", type: "text", placeholder: "Business Name" },
+            { name: "field", type: "text", placeholder: "Field" },
+            { name: "instagram", type: "text", placeholder: "Instagram Handle" }
+          ]}
+          buttonText="Submit Request"
           useInvertedBackground={false}
         />
       </div>
-- 
2.49.1