Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -15,16 +15,16 @@ import { Award, CheckCircle, HelpCircle, Rocket, Sparkles, Zap, Users, TrendingU
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      borderRadius="rounded"
       contentWidth="mediumLarge"
       sizing="largeSizeMediumTitles"
-      background="grid"
-      cardStyle="gradient-mesh"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="glass"
-      headingFontWeight="extrabold"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
@@ -91,7 +91,7 @@ export default function LandingPage() {
           tagIcon={Zap}
           tagAnimation="slide-up"
           textboxLayout="default"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
           features={[
             {
               id: 1,
@@ -142,14 +142,14 @@ export default function LandingPage() {
         <TestimonialCardSix
           testimonials={[
             {
-              id: "1",              testimonial: "Axis finally gave me clarity on what actually matters. Tracking my growth across all four dimensions has been transformative—I can see exactly where I'm thriving and where I need support. It's like having a personal life coach in my pocket.",              name: "Sarah Mitchell",              handle: "Executive Coach",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg"
+              id: "1",              name: "Sarah Mitchell",              handle: "Executive Coach",              testimonial: "Axis finally gave me clarity on what actually matters. Tracking my growth across all four dimensions has been transformative—I can see exactly where I'm thriving and where I need support. It's like having a personal life coach in my pocket.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg"
             }
           ]}
           animationType="slide-up"
           title="What Our Users Say"
           description="Real stories from real people transforming their lives"
           textboxLayout="default"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
         />
       </div>
 
@@ -167,6 +167,8 @@ export default function LandingPage() {
           mediaAnimation="slide-up"
           mediaPosition="left"
           faqsAnimation="slide-up"
+          animationType="smooth"
+          showCard={true}
           faqs={[
             {
               id: "1",              title: "What makes Axis different from other self-improvement apps?",              content: "Axis provides a unified system for tracking growth across four key life dimensions—mind, body, spirit, and vocation—rather than forcing you to juggle multiple specialized apps. Our holistic approach reveals how balance (or imbalance) in one area affects others, and our data-driven insights help you make meaningful progress."
@@ -203,7 +205,7 @@ export default function LandingPage() {
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "plain" }}
-          useInvertedBackground={true}
+          useInvertedBackground={false}
         />
       </div>
 

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f5f5f5;
+  --card: #ffffff;
   --foreground: #000000;
   --primary-cta: #000000;
   --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f5f5f5;
   --secondary-cta-text: #250c0d;
-  --accent: #808080;
-  --background-accent: #e8e8e8;
+  --accent: #000000;
+  --background-accent: #f5f5f5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);