Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -130,8 +130,9 @@ export default function LandingPage() {
   <div id="pricing" data-section="pricing">
       <PricingCardTwo
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split-actions"
       useInvertedBackground={false}
+      buttons={[{ text: "View All Plans", href: "#pricing" }]}
       plans={[
         { id: "basic", badge: "Essential", price: "$29/mo", subtitle: "Core access", features: ["Gym floor access", "Locker rooms"], buttons: [{ text: "Get Started", href: "#" }] },
         { id: "pro", badge: "Recommended", price: "$59/mo", subtitle: "Pro features", features: ["Unlimited classes", "Guest passes", "Sauna access"], buttons: [{ text: "Choose Pro", href: "#" }] },
@@ -205,4 +206,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #0c1325;
-  --primary-cta: #0b07ff;
-  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #0c1325;
-  --accent: #93b7ff;
-  --background-accent: #a8bae8;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);