Update theme colors

2026-05-29 23:30:17 +00:00 · 2026-05-29 23:30:03 +00:00 · 2026-05-29 23:29:45 +00:00 · 2026-05-29 23:21:08 +00:00 · 2026-05-29 23:16:19 +00:00 · 2026-05-29 23:16:15 +00:00
4 changed files with 38 additions and 26 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",
+const manrope = Manrope({
-  subsets: ["latin"],
+  variable: "--font-manrope",  subsets: ["latin"],
 });
-const inter = Inter({
+const dmSans = DM_Sans({
-  variable: "--font-inter",
+  variable: "--font-dm-sans",  subsets: ["latin"],
  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
@@ -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,18 +21,28 @@ 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"
-            cardStyle="solid"
+            cardStyle="glass-elevated"
-            primaryButtonStyle="gradient"
+            primaryButtonStyle="shadow"
            secondaryButtonStyle="glass"
-            headingFontWeight="medium"
+            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,14 +99,13 @@ 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"
                        useInvertedBackground={false}
                        imagePosition="left"
                        textboxLayout="default"
                        textBoxClassName="bg-card text-foreground p-8 rounded-lg shadow-sm"
                        mediaAnimation="slide-up"
                        bulletPoints={[
                            {
@@ -108,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">
--- 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: #060000;
-  --card: #ffffff;
+  --card: #1d0d0d;
-  --foreground: #1c1c1c;
+  --foreground: #ffe6e6;
-  --primary-cta: #1f514c;
+  --primary-cta: #ff3d4a;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1f0a0a;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #ffe6e6;
-  --accent: #159c49;
+  --accent: #7b2d2d;
-  --background-accent: #a8e8ba;
+  --background-accent: #b8111f;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	d9e664ad3e	Update theme colors	2026-05-29 23:30:17 +00:00
bender	834d4dd267	Update theme colors	2026-05-29 23:30:03 +00:00
bender	e97e5edb54	Update theme colors	2026-05-29 23:29:45 +00:00
bender	745292796e	Update src/app/page.tsx	2026-05-29 23:21:08 +00:00
bender	21644364c6	Merge version_11 into main Merge version_11 into main	2026-05-29 23:16:19 +00:00
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	5e9ecf9374	Merge version_9 into main Merge version_9 into main	2026-05-29 23:02:58 +00:00