Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -16,16 +16,16 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="mediumSmall"
-        sizing="medium"
-        background="none"
-        cardStyle="glass-depth"
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="extrabold"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -45,13 +45,13 @@ export default function LandingPage() {
       <HeroLogoBillboard
       background={{ variant: "glowing-orb" }}
       logoText="Turn leads into clients. Automatically."
-      description="Nexora combines CRM, AI, and Automation to scale your growth instantly. Replace HubSpot, Jasper, Zapier and agencies with one platform."
+      description="Nexora combines CRM, AI, and Automation to scale your growth instantly. Experience the high-end dashboard interface designed for modern SaaS leaders."
       buttons={[
         { text: "Get started", href: "#cta" },
         { text: "Watch demo", href: "#demo" },
       ]}
       imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=1200&h=800"
-      mediaAnimation="slide-up"
+      mediaAnimation="blur-reveal"
       imageAlt="Dark-themed CRM dashboard interface showing analytics and pipeline progress"
     />
   </div>
@@ -68,7 +68,7 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={true}
@@ -78,24 +78,24 @@ export default function LandingPage() {
         { id: "m3", value: "<10m", description: "Setup time" },
       ]}
       title="Unmatched Efficiency"
-      description="See the impact on your business metrics."
+      description="See the impact on your business metrics through our high-end analytics dashboard."
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyNine
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={true}
       features={[
-        { title: "Smart CRM", description: "Organize leads automatically.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=1", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
-        { title: "AI Content Studio", description: "Scale content creation.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=2", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
-        { title: "Automation Engine", description: "Workflows that just run.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=3", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
-        { title: "Campaign Analytics", description: "Insights that drive action.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=4", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
+        { title: "Smart CRM", description: "Organize your pipeline with our cinematic dashboard UI.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=1", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
+        { title: "AI Content Studio", description: "Generate high-converting creative assets instantly.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=2", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
+        { title: "Automation Engine", description: "Deploy complex workflows in just a few clicks.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=3", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
+        { title: "Campaign Analytics", description: "Deep insights with beautiful, data-rich visualizations.", imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=4", titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100", buttonText: "Explore" },
       ]}
       title="All-in-one Growth Engine"
-      description="Engineered for speed, built for scale."
+      description="Engineered for speed, built for professional scale."
     />
   </div>
 
@@ -103,7 +103,7 @@ export default function LandingPage() {
       <MediaAbout
       useInvertedBackground={true}
       title="Watch Nexora in Action"
-      description="Experience the dashboard designed for absolute performance."
+      description="Experience the cinematic dashboard designed for absolute performance."
       imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=1200"
       imageAlt="Dark mode dashboard analytics UI"
     />
@@ -113,7 +113,7 @@ export default function LandingPage() {
       <MediaAbout
       useInvertedBackground={true}
       title="Interactive ROI Calculator"
-      description="Select your tools below to see your potential savings with Nexora."
+      description="Visualize your potential savings with our high-end business intelligence interface."
       imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=5"
       imageAlt="ROI calculator dashboard interface"
     />
@@ -121,7 +121,7 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardNine
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
@@ -130,7 +130,7 @@ export default function LandingPage() {
         { id: "p3", title: "Scale", price: "$199", period: "/mo", features: ["Everything in Growth", "Team Access", "API"], button: { text: "Start for $199/mo" }, imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=400&_wi=3", imageAlt: "Pricing dashboard UI" },
       ]}
       title="Simple Pricing"
-      description="Choose the perfect plan to fuel your growth."
+      description="Choose the perfect plan to fuel your high-growth journey."
     />
   </div>
 

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #22d3ee;
+  --card: #121212;
+  --foreground: #fcfcfc;
+  --primary-cta: #7c3aed;
   --primary-cta-text: #060816;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #3b82f6;
   --secondary-cta-text: #060816;
-  --accent: #334155;
-  --background-accent: #1e293b;
+  --accent: #8b5cf6;
+  --background-accent: #171717;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);