diff --git a/src/app/page.tsx b/src/app/page.tsx
index 674abc1..20a2211 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -45,8 +45,8 @@ export default function LandingPage() {
           description="Welcome to Coffee Haven, where every cup is crafted with passion and served with warmth. Experience the finest specialty coffee in a welcoming atmosphere designed for relaxation and connection."
           tag="Premium Coffee Experience"
           buttons={[
-            { text: "View Our Menu", href: "#features" },
-            { text: "Reserve a Table", href: "#contact" }
+            { text: "View Our Menu", href: "#features", props: { buttonClassName: "bg-yellow-400 hover:bg-yellow-500 text-black" } },
+            { text: "Reserve a Table", href: "#contact", props: { buttonClassName: "bg-yellow-400 hover:bg-yellow-500 text-black" } }
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766919707214-xfwl0qtf.jpg"
           imageAlt="Cozy Coffee Shop Interior"
@@ -221,4 +221,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file