diff --git a/src/app/globals.css b/src/app/globals.css
index b05baaa..cbb498d 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -7,7 +7,7 @@
   --background: #f5f5f5;;
   --card: #fcfcfc;;
   --foreground: #000000e6;;
-  --primary-cta: #1a1a1a;;
+  --primary-cta: #facc15;;
   --secondary-cta: #ffffff;;
   --accent: #facc15;;
   --background-accent: #c4c4c4;;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index dcff947..7d58f3e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1278,4 +1278,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}
\ No newline at end of file
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