Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #fffcfc;;
+  --background: #0a0a0a;;
-  --card: #fffafa;;
+  --card: #1a1a1a;;
-  --foreground: #220000;;
+  --foreground: #fffffae6;;
-  --primary-cta: #c1121f;;
+  --primary-cta: #fde047;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #f0b8bc;;
+  --accent: #737373;;
-  --background-accent: #e07a82;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/layout.tsx

@@ -1266,4 +1266,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -56,8 +56,8 @@ export default function BarbershopPage() {
               href: "contact"
             },
             {
-              text: "Learn More",
+              text: "Call Now",
-              href: "services"
+              onClick: () => window.open("tel:+1234567890", "_self")
             }
           ]}
         />
@@ -281,4 +281,4 @@ export default function BarbershopPage() {
       </div>
     </ThemeProvider>
   );
-}
+}