diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6d0e5e5..086ee38 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,7 +31,7 @@ export default function LandingPage() {
         { name: "Services", id: "services" },
         { name: "Booking", id: "booking" },
       ]}
-      button={{ text: "Book Now", href: "#booking" }}
+      button={{ text: "Book Now", href: "#booking", className: "bg-[#ffdf7d] text-black font-extrabold text-lg px-8 py-4" }}
       brandName="Fresh Cut Barbers"
     />
   </div>
@@ -41,7 +41,7 @@ export default function LandingPage() {
       background={{ variant: "plain" }}
       title="Book Your Appointment in Seconds"
       description="Premium grooming at your fingertips. Choose your service, pick a time, and secure your spot instantly."
-      buttons={[{ text: "Book Now", href: "#booking" }]}
+      buttons={[{ text: "Book Now", href: "#booking", className: "bg-[#ffdf7d] text-black font-extrabold text-lg px-8 py-4" }]}
       mediaItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg", imageAlt: "modern barbershop interior" },
         { imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg", imageAlt: "barber chair" }
@@ -100,6 +100,7 @@ export default function LandingPage() {
       ]}
       multiSelect={{ name: "service", label: "Select Service", options: ["Haircut", "Fade", "Beard Trim"] }}
       buttonText="Confirm Booking"
+      buttonClassName="bg-[#ffdf7d] text-black font-extrabold text-lg px-8 py-4"
       imageSrc="http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg"
     />
   </div>