Update src/app/styles/variables.css

Update src/app/page.tsx
Merge version_10 into main
2026-05-29 23:16:15 +00:00 · 2026-05-29 23:16:15 +00:00 · 2026-05-29 23:12:51 +00:00 · 2026-05-29 23:12:47 +00:00 · 2026-05-29 23:12:47 +00:00 · 2026-05-29 23:12:46 +00:00
4 changed files with 40 additions and 25 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -26,13 +26,12 @@ export const metadata: Metadata = {



-const dmSans = DM_Sans({
-  variable: "--font-dm-sans",
-  subsets: ["latin"],
+
+const manrope = Manrope({
+  variable: "--font-manrope",  subsets: ["latin"],
 });
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
+const dmSans = DM_Sans({
+  variable: "--font-dm-sans",  subsets: ["latin"],
 });

 export default function RootLayout({
@@ -43,7 +42,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${dmSans.variable} ${inter.variable} antialiased`}>
+        <body className={`${manrope.variable} ${dmSans.variable} antialiased`}>
          
          {children}
          <script
--- a/src/app/page.tsx
+++ b/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';
@@ -22,14 +22,14 @@ export default function WebAgencyThemePage() {
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="entrance-slide"
-            borderRadius="pill"
+            borderRadius="soft"
            contentWidth="medium"
            sizing="medium"
            background="aurora"
-            cardStyle="solid"
-            primaryButtonStyle="gradient"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="shadow"
            secondaryButtonStyle="glass"
-            headingFontWeight="medium"
+            headingFontWeight="normal"
        >
            <ReactLenis root>
                <NavbarLayoutFloatingInline
@@ -86,14 +86,30 @@ export default function WebAgencyThemePage() {
                    />
                </div>
                <div id="about" data-section="about">
-                    <MediaAbout
+                    <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?
-Genau 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"
                        useInvertedBackground={false}
+                        imagePosition="left"
+                        textboxLayout="default"
+                        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."
+                            }
+                        ]}
+                        textBoxClassName="p-8 lg:p-12"
+                        titleClassName="mb-8"
+                        descriptionClassName="leading-relaxed"
                    />
                </div>
                <div id="contact" data-section="contact">
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5f5f5;
+  --background: #f8fbf9;
  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1f514c;
-  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
-  --background-accent: #a8e8ba;
+  --foreground: #232d29;
+  --primary-cta: #5fd18c;
+  --primary-cta-text: #232d29;
+  --secondary-cta: #e6f7ef;
+  --secondary-cta-text: #232d29;
+  --accent: #a6edc1;
+  --background-accent: #e0f2e8;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	bf7e498cee	Update src/app/styles/variables.css	2026-05-29 23:16:15 +00:00
bender	4558dc546d	Update src/app/page.tsx	2026-05-29 23:16:15 +00:00
bender	24019f2b3c	Merge version_10 into main Merge version_10 into main	2026-05-29 23:12:51 +00:00
bender	adc5344b69	Update src/app/styles/variables.css	2026-05-29 23:12:47 +00:00
bender	ab2f3805b9	Update src/app/styles/base.css	2026-05-29 23:12:47 +00:00
bender	6c44369b07	Update src/app/page.tsx	2026-05-29 23:12:46 +00:00
bender	82b17daf3f	Update src/app/layout.tsx	2026-05-29 23:12:46 +00:00
bender	532f9a777d	Merge version_9 into main Merge version_9 into main	2026-05-29 23:03:39 +00:00
bender	5deb7d9a12	Update src/app/page.tsx	2026-05-29 23:03:35 +00:00
bender	5e9ecf9374	Merge version_9 into main Merge version_9 into main	2026-05-29 23:02:58 +00:00
bender	6177d979d3	Update src/app/page.tsx	2026-05-29 23:02:55 +00:00
bender	3ceaf11121	Merge version_8 into main Merge version_8 into main	2026-05-29 23:01:41 +00:00
bender	b05c74ac30	Merge version_8 into main Merge version_8 into main	2026-05-29 23:01:05 +00:00
bender	49f0ffb167	Merge version_8 into main Merge version_8 into main	2026-05-29 22:47:11 +00:00
bender	3d6a032cc0	Merge version_8 into main Merge version_8 into main	2026-05-29 22:43:29 +00:00