Update src/app/page.tsx

Merge version_8 into main

src/app/admin/page.tsx

@@ -36,7 +36,10 @@ export default function AdminDashboard() {
                   {booking.status}
                 </span>
                 {booking.status === "Pending" && (
-                  <button className="px-4 py-2 bg-blue-600 text-white rounded-md" onClick={() => setBookings(prev => prev.map(b => b.id === booking.id ? {...b, status: "Confirmed"} : b))}>
+                  <button 
+                    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
                   </button>
                 )}

src/app/page.tsx

@@ -47,7 +47,7 @@ export default function LandingPage() {
       title="Elite Grooming for the Modern Gentleman"
       description="Precision fades, classic hot towel shaves, and professional beard sculpting. Elevate your style at our premier barbershop."
       tag="Since 2015"
-      buttons={[{ text: "Book Appointment", href: "#contact" }]}
+      buttons={[{ text: "Book Appointment", href: "/book-appointment" }]}
       mediaItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7361.jpg", imageAlt: "modern barber shop interior" },
         { imageSrc: "http://img.b2bpic.net/free-photo/barbershop-close-up-barber-holds-razor-shaving-his-beard_1157-43556.jpg", imageAlt: "barber grooming detail" }
@@ -62,7 +62,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Refined Grooming in the Heart of the City"
-      buttons={[{ text: "Learn More", href: "#contact" }]}
+      buttons={[{ text: "Learn More", href: "/book-appointment" }]}
     />
   </div>
 
@@ -72,9 +72,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        { id: "fade", price: "$35", name: "Precision Fade", features: ["Consultation", "Skin fade", "Hot towel finish"], buttons: [{ text: "Book Now", href: "#contact" }] },
-        { id: "beard", price: "$25", name: "Beard Sculpt", features: ["Beard trim", "Lineup", "Conditioning balm"], buttons: [{ text: "Book Now", href: "#contact" }] },
-        { id: "shave", price: "$45", name: "Hot Towel Shave", features: ["Steam treatment", "Straight razor shave", "Aftershave balm"], buttons: [{ text: "Book Now", href: "#contact" }] }
+        { id: "fade", price: "$35", name: "Precision Fade", features: ["Consultation", "Skin fade", "Hot towel finish"], buttons: [{ text: "Book Now", href: "/book-appointment" }] },
+        { id: "beard", price: "$25", name: "Beard Sculpt", features: ["Beard trim", "Lineup", "Conditioning balm"], buttons: [{ text: "Book Now", href: "/book-appointment" }] },
+        { id: "shave", price: "$45", name: "Hot Towel Shave", features: ["Steam treatment", "Straight razor shave", "Aftershave balm"], buttons: [{ text: "Book Now", href: "/book-appointment" }] }
       ]}
       title="Our Professional Services"
       description="Expert grooming to keep you sharp."