Update src/app/page.tsx

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,9 +21,9 @@ export default function WebAgencyThemePage() {
 
     return (
         <ThemeProvider
-            defaultButtonVariant="icon-arrow"
+            defaultButtonVariant="directional-hover"
             defaultTextAnimation="entrance-slide"
-            borderRadius="pill"
+            borderRadius="soft"
             contentWidth="medium"
             sizing="medium"
             background="aurora"
@@ -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"
@@ -88,7 +99,7 @@ export default function WebAgencyThemePage() {
                 <div id="about" data-section="about">
                     <SplitAbout
                         title="Über mich"
-                        description="Hi, ich bin Corbin – 24 Jahre alt, aus Magdeburg, und Gründer von Growthlab.origin. Neben meinem berufsbegleitenden Studium der Wirtschaftspsychologie beschäftige ich mich jeden Tag mit einer Frage: Wie können Unternehmen mithilfe von KI effizienter arbeiten und profitabler wachsen?\nGenau dafür gibt es Growthlab.origin. Ich helfe regionalen Unternehmen, sich zu digitalisieren – mit smarten KI-Lösungen, die Routineaufgaben übernehmen, und mit Webseiten, die neue Kunden gewinnen. Mein Anspruch: Technologie soll nicht kompliziert sein, sondern dir Zeit und Geld sparen, damit du dich auf das Wesentliche konzentrieren kannst."
+                        description="Hi, ich bin Corbin – 24 Jahre alt, aus Magdeburg, und Gründer von Growthlab.origin. Neben meinem berufsbegleitenden Studium der Wirtschaftspsychologie beschäftige ich mich jeden Tag mit einer Frage: Wie können Unternehmen mithilfe von KI effizienter arbeiten und profitabler wachsen?\n\nGenau dafür gibt es Growthlab.origin. Ich helfe regionalen Unternehmen, sich zu digitalisieren – mit smarten KI-Lösungen, die Routineaufgaben übernehmen, und mit Webseiten, die neue Kunden gewinnen. Mein Anspruch: Technologie soll nicht kompliziert sein, sondern dir Zeit und Geld sparen, damit du dich auf das Wesentliche konzentrieren kannst."
                         tag="Gründer von Growthlab.origin"
                         imageSrc="https://img.b2bpic.net/free-photo/business-coworkers-shaking-hands-meeting-office-focus-is-businessman_637285-7009.jpg?id=26390769"
                         imageAlt="Max Mustermann, Gründer von Growthlab.origin"
@@ -107,6 +118,9 @@ export default function WebAgencyThemePage() {
                                 title: "Zeit- & Kostenersparnis",                                description: "Technologie soll einfach sein und Unternehmen dabei helfen, sich auf ihr Kerngeschäft zu konzentrieren."
                             }
                         ]}
+                        textBoxClassName="p-8 lg:p-12"
+                        titleClassName="mb-8"
+                        descriptionClassName="leading-relaxed"
                     />
                 </div>
                 <div id="contact" data-section="contact">

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f9fdfc;
+  --background: #f8fbf9;
   --card: #ffffff;
-  --foreground: #2e3d3c;
+  --foreground: #232d29;
-  --primary-cta: #80cbc4;
+  --primary-cta: #5fd18c;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #232d29;
-  --secondary-cta: #e0f2f1;
+  --secondary-cta: #e6f7ef;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #232d29;
-  --accent: #80cbc4;
+  --accent: #a6edc1;
-  --background-accent: #e0f2f1;
+  --background-accent: #e0f2e8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);