Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -46,6 +46,7 @@ export default function LandingPage() {
         { text: "Get Unlimited Wash", href: "/membership" },
         { text: "Call Now", href: "tel:+15615550123" },
       ]}
+      buttonAnimation="opacity"
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYixo1CTdNOSTjvLW4miY30xFl/professional-photograph-of-a-modern-car--1774672727261-c2130081.png"
       imageAlt="Professional car wash service"
       videoSrc="https://www.w3schools.com/howto/movie.mp4"
@@ -57,6 +58,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Why Choose Us?"
       description="Experience superior quality and convenience with our specialized car care solutions in Boynton Beach."
+      tagAnimation="slide-up"
+      buttonAnimation="slide-up"
       accordionItems={[
         { id: "f1", title: "Fast & Efficient", content: "Our high-speed automated tunnels ensure you get back on the road in minutes without sacrificing quality." },
         { id: "f2", title: "Unlimited Membership", content: "Join our membership program to save money and enjoy unlimited monthly washes at your convenience." },
@@ -123,4 +126,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
+  --background: #f0f8ff;
-  --card: #f1f8ff;
+  --card: #ffffff;
-  --foreground: #001122;
+  --foreground: #001a33;
-  --primary-cta: #15479c;
+  --primary-cta: #007acc;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #e6f2ff;
   --secondary-cta-text: #001122;
-  --accent: #00d4ff;
+  --accent: #40e0d0;
-  --background-accent: #e0f2fe;
+  --background-accent: #e0ffff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);