Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -18,7 +18,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="mediumLarge"
-      background="aurora"
+      background="circleGradient"
       cardStyle="gradient-bordered"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="glass"
@@ -45,7 +45,7 @@ export default function LandingPage() {
           tag="Walk-ins Welcome"
           tagIcon={Scissors}
           tagAnimation="slide-up"
-          background={{ variant: "aurora" }}
+          background={{ variant: "glowing-orb" }}
           leftCarouselItems={[
             { imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg?_wi=1", imageAlt: "Barber shop interior" },
             { imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-with-scissors_1153-1508.jpg?_wi=1", imageAlt: "Professional haircut service" },

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000612e6;
+  --foreground: #3d2817;
-  --primary-cta: #106EFB;
+  --primary-cta: #8b6f47;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #d4a574;
-  --background-accent: #106EFB;
+  --background-accent: #d4a574;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);