Merge version_11 into main

Merge version_11 into main

src/app/page.tsx

@@ -167,17 +167,21 @@ export default function LandingPage() {
       <div id="contact" data-section="contact">
         <ContactSplitForm
           title="Book Your Appointment"
-          description="Fill in your details below and we'll get back to you."
+          description="Experience the finest grooming services in the city. Select your preferences and lock in your session today."
           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: "service", type: "text", placeholder: "Preferred Service (Cut, Shave, etc.)" },
-            { name: "field", type: "text", placeholder: "Field" },
+            { name: "notes", type: "text", placeholder: "Additional Notes" }
-            { name: "instagram", type: "text", placeholder: "Instagram Handle" }
           ]}
-          buttonText="Submit Request"
+          multiSelect={{ name: "barber", label: "Select Barber", options: ["Barber 1", "Barber 2", "Barber 3", "Barber 4", "Barber 5", "Barber 6"] }}
+          textarea={{ name: "message", placeholder: "Any special requests?", rows: 4 }}
+          buttonText="Request My Appointment"
           useInvertedBackground={false}
+          containerClassName="min-h-screen py-24"
+          imageSrc="http://img.b2bpic.net/free-photo/barber-holding-razor-hair-client_23-2148353483.jpg"
+          imageAlt="Barber serving client"
         />
       </div>