Update theme colors

Merge version_11 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import { Layers } from "lucide-react";
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import RotatingGradientBackground from '@/components/background/RotatingGradientBackground';
 
 export default function WebAgencyThemePage() {
     const navItems = [
@@ -20,7 +21,7 @@ export default function WebAgencyThemePage() {
 
     return (
         <ThemeProvider
-            defaultButtonVariant="icon-arrow"
+            defaultButtonVariant="directional-hover"
             defaultTextAnimation="entrance-slide"
             borderRadius="soft"
             contentWidth="medium"
@@ -31,7 +32,17 @@ export default function WebAgencyThemePage() {
             secondaryButtonStyle="glass"
             headingFontWeight="normal"
         >
-            <ReactLenis root>
+            <RotatingGradientBackground
+                gradientColorStart="var(--accent)"
+                gradientColorEnd="var(--background-accent)"
+                bigCircleSize="30vw"
+                smallCircleSize="25vw"
+                blurAmount="150px"
+                opacity={0.6}
+                showSparkles={false}
+                className="fixed inset-0 z-0"
+            />
+            <ReactLenis root className="relative z-10">
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
                     brandName="Growthlab.origin"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f8fbf9;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #1f4035;
-  --foreground: #232d29;
+  --foreground: #ffffff;
-  --primary-cta: #5fd18c;
+  --primary-cta: #ffffff;
-  --primary-cta-text: #232d29;
+  --primary-cta-text: #051a12;
-  --secondary-cta: #e6f7ef;
+  --secondary-cta: #0d2b1f;
-  --secondary-cta-text: #232d29;
+  --secondary-cta-text: #d4f6e8;
-  --accent: #a6edc1;
+  --accent: #0d5238;
-  --background-accent: #e0f2e8;
+  --background-accent: #10b981;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);