Merge version_7 into main

Merge version_7 into main

src/app/booking/page.tsx

@@ -34,11 +34,11 @@ export default function BookingPage() {
       <div id="booking" data-section="booking">
         <ContactCTA
           tag="Appointment"
-          title="Book an Appointment"
-          description="Secure your preferred time at Varad Salon."
-          buttons={[{ text: "Confirm Booking" }]}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
+          title="Book Your Appointment"
+          description="Ready to experience Varad Salon? Secure your preferred time slot directly through our booking portal below."
+          buttons={[{ text: "Confirm Booking", href: "#" }]}
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={true}
         />
       </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0D0D0D;
-  --card: #1A1A1A;
-  --foreground: #F5F0E8;
-  --primary-cta: #C9A84C;
-  --primary-cta-text: #0D0D0D;
-  --secondary-cta: #1A1A1A;
-  --secondary-cta-text: #F5F0E8;
-  --accent: #C9A84C;
-  --background-accent: #262626;
+  --background: #f5f4ef;
+  --card: #dad6cd;
+  --foreground: #2a2928;
+  --primary-cta: #2a2928;
+  --primary-cta-text: #f5f4ef;
+  --secondary-cta: #ecebea;
+  --secondary-cta-text: #2a2928;
+  --accent: #ffffff;
+  --background-accent: #c6b180;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);