diff --git a/src/app/page.tsx b/src/app/page.tsx
index 69e023e..13d1ae8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,7 +17,11 @@ const navItems = [
 ];
 
 const navButton = {
-  text: "Call Now",  href: "tel:+16325551234"
+  text: "Reserve Your Slice",  href: "#menu",  props: {
+    style: {
+      background: "var(--primary-cta)",      color: "var(--primary-cta-text)",      padding: "0.75rem 1.5rem",      borderRadius: "var(--radius-theme)",      fontWeight: "600",      fontSize: "0.875rem",      border: "none",      cursor: "pointer",      transition: "all 0.3s ease",      boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)"
+    }
+  }
 };
 
 const heroProps = {