Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -173,8 +173,8 @@ export default function LandingPage() {
       <div id="contact" data-section="contact">
         <ContactFaq
           ctaTitle="Ready to Experience Premium Grooming?"
-          ctaDescription="Book your appointment now or call us for any inquiries. Our team is ready to serve you."
+          ctaDescription="Book now and get 15% off your first visit! Our team is ready to serve you. Simple booking process—just a few clicks away."
-          ctaButton={{ text: "📅 Book Appointment", href: "https://fresha.com" }}
+          ctaButton={{ text: "Book Now – First-Time 15% Off", href: "https://fresha.com" }}
           ctaIcon={Calendar}
           faqs={[
             {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #35c18b;;
   --background-accent: #ecebe4;; */
 
-  --background: #fffefe;;
+  --background: #efebe5;;
-  --card: #f6f7f4;;
+  --card: #f7f2ea;;
-  --foreground: #080908;;
+  --foreground: #000000;;
-  --primary-cta: #0e3a29;;
+  --primary-cta: #000000;;
-  --primary-cta-text: #fffefe;;
+  --primary-cta-text: #efebe5;;
-  --secondary-cta: #e7eecd;;
+  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #080908;;
+  --secondary-cta-text: #000000;;
-  --accent: #35c18b;;
+  --accent: #ffffff;;
-  --background-accent: #ecebe4;;
+  --background-accent: #e1b875;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);