Compare commits
36 Commits
version_6
...
version_12
| Author | SHA1 | Date | |
|---|---|---|---|
| 745292796e | |||
| 21644364c6 | |||
| bf7e498cee | |||
| 4558dc546d | |||
| 24019f2b3c | |||
| adc5344b69 | |||
| ab2f3805b9 | |||
| 6c44369b07 | |||
| 82b17daf3f | |||
| 532f9a777d | |||
| 5deb7d9a12 | |||
| 5e9ecf9374 | |||
| 6177d979d3 | |||
| 3ceaf11121 | |||
| 207f60e0e5 | |||
| b05c74ac30 | |||
| 2e6e6f2d5b | |||
| 49f0ffb167 | |||
| 024db81d90 | |||
| 3d6a032cc0 | |||
| 2f47801ab8 | |||
| 3473482cbb | |||
| 60f466219a | |||
| 05e70b2b62 | |||
| b881faee2d | |||
| a20a5b9651 | |||
| 1b7cbf6b0d | |||
| d4358f3962 | |||
| 3bd8e39c6a | |||
| fde8d1fa76 | |||
| 8cda1f9e3b | |||
| ee1334e002 | |||
| efaadd5317 | |||
| b705140c68 | |||
| 60b09c7a66 | |||
| 368d64d0fe |
@@ -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
|
||||
|
||||
@@ -3,12 +3,13 @@
|
||||
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';
|
||||
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,28 +21,38 @@ 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"
|
||||
primaryButtonStyle="gradient"
|
||||
cardStyle="glass-elevated"
|
||||
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"
|
||||
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 +72,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 +84,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 +97,30 @@ 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?\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://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"
|
||||
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">
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fafffb;
|
||||
--background: #f8fbf9;
|
||||
--card: #ffffff;
|
||||
--foreground: #001a0a;
|
||||
--primary-cta: #0a705f;
|
||||
--primary-cta-text: #fafffb;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #001a0a;
|
||||
--accent: #a8d9be;
|
||||
--background-accent: #6bbfb8;
|
||||
--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);
|
||||
|
||||
Reference in New Issue
Block a user