Update src/app/book-appointment/page.tsx

Merge version_9 into main

src/app/admin/page.tsx

@@ -40,7 +40,7 @@ export default function AdminDashboard() {
                     className="px-4 py-2 bg-blue-600 text-white rounded-md cursor-pointer hover:bg-blue-700 transition-colors"
                     onClick={() => setBookings(prev => prev.map(b => b.id === booking.id ? {...b, status: "Confirmed"} : b))}
                   >
-                    Process Booking
+                    Confirm Booking
                   </button>
                 )}
               </div>

src/app/book-appointment/page.tsx

@@ -24,11 +24,10 @@ export default function BookAppointmentPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
             navItems={[
-              { name: "Home", id: "/" },
-              { name: "Services", id: "/" },
-              { name: "Gallery", id: "/" },
-              { name: "Contact", id: "/" },
-              { name: "Book", id: "/book-appointment" },
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Gallery", id: "gallery" },
+              { name: "Contact", id: "contact" },
               { name: "Admin", id: "/admin" }
             ]}
             brandName="Elite Grooming"
@@ -38,7 +37,7 @@ export default function BookAppointmentPage() {
         <div id="booking" data-section="booking" className="py-24">
           <ContactSplitForm
             title="Schedule Your Appointment"
-            description="Select your preferred service and time. Our team will confirm your booking shortly."
+            description="Select your preferred service and time. Our team will review and approve your booking request."
             inputs={[
               { name: "fullName", type: "text", placeholder: "Full Name", required: true },
               { name: "email", type: "email", placeholder: "Email Address", required: true },
@@ -50,8 +49,8 @@ export default function BookAppointmentPage() {
               options: ["Precision Fade", "Beard Sculpt", "Hot Towel Shave"]
             }}
             textarea={{ name: "notes", placeholder: "Any special instructions or requests?" }}
-            buttonText="Confirm Booking"
-            onSubmit={(data) => console.log("Booking submitted:", data)}
+            buttonText="Submit Request"
+            onSubmit={(data) => alert("Booking request submitted! We will contact you to confirm.")}
             useInvertedBackground={false}
           />
         </div>
@@ -60,8 +59,8 @@ export default function BookAppointmentPage() {
           <FooterBase
             logoText="Elite Grooming"
             columns={[
-              { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/" }] },
-              { title: "Support", items: [{ label: "FAQ", href: "/" }, { label: "Book", href: "/book-appointment" }] }
+              { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/#services" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Book Appointment", href: "/book-appointment" }] }
             ]}
           />
         </div>