Update src/app/page.tsx

src/app/page.tsx

@@ -146,7 +146,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{ variant: "sparkles-gradient" }}
       text="Ready for your next haircut? Stop by the shop today and meet the team. We look forward to seeing you!"
-      buttons={[{ text: "+1 (973) 538-1675", href: "tel:+19735381675" }]}
+      buttons={[{ text: "Visit our site! ", href: "tel:+19735381675" }]}
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #f5f4ef;
-  --card: #ffffff;
+  --card: #dad6cd;
-  --foreground: #0c1325;
+  --foreground: #2a2928;
-  --primary-cta: #0b07ff;
+  --primary-cta: #2a2928;
-  --primary-cta-text: #f7f6f7;
+  --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #ecebea;
-  --secondary-cta-text: #0c1325;
+  --secondary-cta-text: #2a2928;
-  --accent: #93b7ff;
+  --accent: #ffffff;
-  --background-accent: #a8bae8;
+  --background-accent: #c6b180;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);