Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { Layers } from "lucide-react";
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
@@ -35,13 +35,13 @@ export default function WebAgencyThemePage() {
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
                     brandName="Growthlab.origin"
-                    button={{ text: "Kostenloses Erstgespräch", href: "#contact" }}
+                    button={{ text: "Termin buchen", href: "#contact" }}
                 />
                 <div id="hero" data-section="hero">
                     <HeroSplitKpi
                         background={{ variant: "radial-gradient" }}
-                        title="Mehr Zeit fürs Wesentliche — angetrieben von KI & smarten Webseiten"
-                        description="Wir automatisieren deine Terminbuchung und bauen Webseiten, die Kunden gewinnen."
+                        title="Smarte Termine. Starke Webseiten."
+                        description="Wir automatisieren deine Buchungen mit KI und bauen Webseiten, die wirklich verkaufen."
                         enableKpiAnimation={false}
                         kpis={[
                             { value: "90%", label: "Effizienzsteigerung" },
@@ -61,6 +61,7 @@ export default function WebAgencyThemePage() {
                         showMarqueeCard={false}
                         marqueeItems={[]}
                         marqueeClassName="md:mb-5"
+                        containerClassName="gap-x-12"
                     />
                 </div>
                 <div id="services" data-section="services">
@@ -72,7 +73,7 @@ export default function WebAgencyThemePage() {
                         features={[
                             {
                                 id: "ki-booking-assistant",                                title: "KI-Telefonassistent",                                author: "",                                description: "Erreichbar rund um die Uhr – kein verpasster Anruf, kein entgangener Auftrag.\nBucht Termine automatisch direkt in den Kalender.\nBeantwortet wiederkehrende Kundenfragen sofort.\nReduziert No-Shows durch automatische Erinnerungen.\nKlingt natürlich und entlastet dein Team spürbar.",                                tags: ["KI", "Automatisierung"],
-                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process1.webp",                                imageAlt: "KI-Buchungsassistent"
+                                imageSrc: "https://img.b2bpic.net/premium-photo/happy-woman-phone-call-laptop-agency-business-it-support-problem-solving-computer-accountant-contact-mobile-office-update-negotiation-financial-planning-growth_590464-510125.jpg?id=419558795",                                imageAlt: "KI-Buchungsassistent"
                             },
                             {
                                 id: "website-creation",                                title: "Webseiten-Erstellung",                                author: "",                                description: "Moderne, schnelle Webseiten, die auf jedem Gerät überzeugen.\nKlar auf Anfragen und Buchungen ausgerichtet (mehr Kunden).\nSuchmaschinenfreundlich für bessere Sichtbarkeit.\nSchlüsselfertig – ohne Technik-Stress für dich.\nIndividuelles Design statt Baukasten-Optik.",                                tags: ["Webdesign", "Performance"],
@@ -85,13 +86,28 @@ export default function WebAgencyThemePage() {
                     />
                 </div>
                 <div id="about" data-section="about">
-                    <MediaAbout
+                    <SplitAbout
                         title="Über mich"
-                        description="Als Gründer von Growthlab.origin liegt meine Leidenschaft darin, Unternehmen durch den cleveren Einsatz von KI und maßgeschneiderten Webseiten zu nachhaltigem Wachstum zu verhelfen. Ich glaube fest daran, dass Technologie uns mehr Freiheit für das Wesentliche schenken sollte, indem sie repetitive Aufgaben automatisiert und neue Möglichkeiten schafft."
+                        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."
                         tag="Gründer von Growthlab.origin"
-                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar.png"
+                        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"
                         useInvertedBackground={false}
+                        imagePosition="left"
+                        textboxLayout="default"
+                        textBoxClassName="bg-card text-foreground p-8 rounded-lg shadow-sm"
+                        mediaAnimation="slide-up"
+                        bulletPoints={[
+                            {
+                                title: "KI-gestützte Effizienz",                                description: "Fokus auf die Automatisierung von Routineaufgaben und Steigerung der Arbeitsproduktivität."
+                            },
+                            {
+                                title: "Digitale Transformation",                                description: "Entwicklung smarter KI-Lösungen und leistungsstarker Webseiten für regionales Unternehmenswachstum."
+                            },
+                            {
+                                title: "Zeit- & Kostenersparnis",                                description: "Technologie soll einfach sein und Unternehmen dabei helfen, sich auf ihr Kerngeschäft zu konzentrieren."
+                            }
+                        ]}
                     />
                 </div>
                 <div id="contact" data-section="contact">

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #1a1a1a;
-  --primary-cta: #0a7039;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
-  --accent: #A3C9A8;
-  --background-accent: #E0EDE1;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1f514c;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #159c49;
+  --background-accent: #a8e8ba;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);