Compare commits
80 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9c5e4b5640 | |||
| 7b35353770 | |||
| 344ea3fdbc | |||
| ee21b1a784 | |||
| 1d2cae437e | |||
| 7114b26b31 | |||
| 19f7c8f4e9 | |||
| 7d924247d1 | |||
| 0fab3a36d9 | |||
| d9e664ad3e | |||
| f154867681 | |||
| 834d4dd267 | |||
| d2823adcd6 | |||
| e97e5edb54 | |||
| 5268e83f1e | |||
| 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 | |||
| 4a6fce066b | |||
| 1b7cbf6b0d | |||
| b7c523894c | |||
| d4358f3962 | |||
| 63fb7b96f2 | |||
| af161eb859 | |||
| 3bd8e39c6a | |||
| 9460840d2f | |||
| 9cdcbf8c53 | |||
| fde8d1fa76 | |||
| 284aa11df3 | |||
| cb056ccfa4 | |||
| 8cda1f9e3b | |||
| 90a6358aef | |||
| fe81af58b9 | |||
| ee1334e002 | |||
| f1d0c545fa | |||
| 149fbaa49e | |||
| efaadd5317 | |||
| cebf789349 | |||
| 65fea05fa4 | |||
| b705140c68 | |||
| cfd49b3eb8 | |||
| 0a2cf31d91 | |||
| 60b09c7a66 | |||
| 208c49e312 | |||
| 368d64d0fe | |||
| 63c44ceaa1 | |||
| 9869bf2af2 | |||
| b5084573fa | |||
| 066dd9f8af | |||
| fd6a882183 | |||
| f0b14758f9 | |||
| abb800fd86 | |||
| e4d16de789 | |||
| fb5c93b12c | |||
| 36333641b8 | |||
| bf78b30439 | |||
| 6c7f475d40 |
@@ -4,25 +4,36 @@ import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Open_Sans } from "next/font/google";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import { Poppins } from "next/font/google";
|
||||
import { Roboto } from "next/font/google";
|
||||
import { Archivo } from "next/font/google";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'PixelForge Digital: Creative Web Agency',
|
||||
description: 'PixelForge Digital crafts stunning, high-performance websites that captivate audiences and drive results. Elevate your online presence with our expert web design and development services.',
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope", subsets: ["latin"],
|
||||
});
|
||||
const dmSans = DM_Sans({
|
||||
variable: "--font-dm-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
@@ -31,10 +42,8 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
<body className={`${manrope.variable} ${dmSans.variable} antialiased`}>
|
||||
|
||||
{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
|
||||
320
src/app/page.tsx
320
src/app/page.tsx
@@ -3,273 +3,143 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import { Sparkles, Users, Globe, Zap, Star, Layers, Twitter, Instagram, Linkedin } from "lucide-react";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||
import { Check, Code, Palette, TrendingUp } from "lucide-react";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
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 = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Leistungen", id: "services" },
|
||||
{ name: "Über mich", id: "about" },
|
||||
{ name: "Kontakt", id: "contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
cardStyle="layered-gradient"
|
||||
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="Studio"
|
||||
button={{ text: "Get in Touch", href: "#contact" }}
|
||||
brandName="Growthlab.origin"
|
||||
button={{ text: "Termin buchen", href: "#contact" }}
|
||||
/>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Award-Winning Agency"
|
||||
tagIcon={Sparkles}
|
||||
title="We Build Digital Experiences"
|
||||
description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
|
||||
enableKpiAnimation={true}
|
||||
title="Smarte Termine. Starke Webseiten."
|
||||
description="Wir automatisieren deine Buchungen mit KI und bauen Webseiten, die wirklich verkaufen."
|
||||
enableKpiAnimation={false}
|
||||
kpis={[
|
||||
{ value: "150+", label: "Projects Delivered" },
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
{ value: "12+", label: "Years Experience" },
|
||||
{ value: "90%", label: "Effizienzsteigerung" },
|
||||
{ value: "24/7", label: "Verfügbarkeit" },
|
||||
{ value: "30%", label: "Kostenersparnis" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#work",
|
||||
},
|
||||
text: "Kostenloses Erstgespräch", href: "#contact"
|
||||
}
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp", alt: "Team member 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp", alt: "Team member 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp", alt: "Team member 3" }
|
||||
]}
|
||||
avatarText="Trusted by startups and Fortune 500 companies"
|
||||
avatars={[]}
|
||||
avatarText=""
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero1.webp"
|
||||
imageAlt="Web design showcase"
|
||||
imageAlt="KI-gestützte Effizienz im Unternehmen"
|
||||
mediaAnimation="slide-up"
|
||||
showMarqueeCard={false}
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
]}
|
||||
marqueeItems={[]}
|
||||
marqueeClassName="md:mb-5"
|
||||
containerClassName="gap-x-12"
|
||||
/>
|
||||
<TextAbout
|
||||
title="We craft digital experiences that captivate audiences and drive meaningful results for ambitious brands worldwide."
|
||||
buttons={[
|
||||
{ text: "Our Process", href: "#process" },
|
||||
{ text: "Meet the Team", href: "#team" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FeatureCardNineteen
|
||||
title="Our Services"
|
||||
description="A proven methodology that delivers results consistently across every project."
|
||||
tag="What We Do"
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
title="Unsere Leistungen"
|
||||
description="Innovative Lösungen für Ihr Wachstum."
|
||||
tag="Leistungen"
|
||||
tagIcon={Layers}
|
||||
features={[
|
||||
{
|
||||
tag: "Service 01",
|
||||
title: "01",
|
||||
subtitle: "Web Development",
|
||||
description: "Your website should be more than functional—it should resonate. We craft bespoke digital experiences that merge innovation with creativity, delivering intuitive, visually stunning platforms that captivate audiences, reflect your brand's essence, and adapt to future opportunities.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process1.webp",
|
||||
imageAlt: "Web development",
|
||||
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://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"
|
||||
},
|
||||
{
|
||||
tag: "Service 02",
|
||||
title: "02",
|
||||
subtitle: "Marketing",
|
||||
description: "Impactful marketing goes beyond visibility—it creates connections. We fuse creativity with analytics to craft adaptive strategies that engage your audience authentically, keeping your brand relevant and resonant while delivering measurable results in an ever-evolving digital world.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process2.webp",
|
||||
imageAlt: "Marketing",
|
||||
},
|
||||
{
|
||||
tag: "Service 03",
|
||||
title: "03",
|
||||
subtitle: "Design",
|
||||
description: "Design is your brand's voice. We craft visuals and layouts that communicate purpose, inspire trust, and connect emotionally. By harmonizing artistry with intent, our designs transform user interactions into meaningful, memorable experiences that align with your identity.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process3.webp",
|
||||
imageAlt: "Design",
|
||||
},
|
||||
{
|
||||
tag: "Service 04",
|
||||
title: "04",
|
||||
subtitle: "Software Development",
|
||||
description: "We build custom software that evolves with your business. By addressing unique challenges, our tailored solutions streamline workflows, eliminate inefficiencies, and foster innovation—empowering you to scale, adapt, and maintain a competitive edge in an ever-changing landscape.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process4.webp",
|
||||
imageAlt: "Software development",
|
||||
},
|
||||
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"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process3.webp", imageAlt: "Webseiten-Erstellung"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="Results That Speak"
|
||||
description="Our track record of delivering exceptional digital solutions for clients across industries."
|
||||
tag="Our Impact"
|
||||
tagIcon={Sparkles}
|
||||
metrics={[
|
||||
{ id: "clients", value: "200+", title: "Happy Clients", description: "Businesses transformed through our digital solutions", icon: Users },
|
||||
{ id: "projects", value: "500+", title: "Projects", description: "Websites and apps launched worldwide", icon: Globe },
|
||||
{ id: "performance", value: "99%", title: "Uptime", description: "Reliable performance for all our projects", icon: Zap },
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<TestimonialCardFive
|
||||
title="What Our Clients Say"
|
||||
description="Hear from the brands we've helped transform through innovative digital solutions."
|
||||
tag="Testimonials"
|
||||
tagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "CEO, TechStart",
|
||||
title: "Transformed Our Digital Presence",
|
||||
quote: "Working with Studio was a game-changer for our startup. They delivered a website that not only looks stunning but converts visitors into customers at twice our previous rate.",
|
||||
tag: "Web Development",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp",
|
||||
avatarAlt: "Sarah Johnson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp",
|
||||
imageAlt: "TechStart project showcase",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Founder, GrowthLab",
|
||||
title: "Exceeded All Expectations",
|
||||
quote: "The team's attention to detail and creative vision brought our brand to life in ways we never imagined. Our new platform has received incredible feedback from users.",
|
||||
tag: "Brand Design",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp",
|
||||
avatarAlt: "Michael Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp",
|
||||
imageAlt: "GrowthLab project showcase",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Marketing Director, Elevate",
|
||||
title: "A True Partnership",
|
||||
quote: "From strategy to execution, Studio understood our vision and delivered beyond what we hoped for. The new website has become our most powerful marketing asset.",
|
||||
tag: "E-commerce",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp",
|
||||
avatarAlt: "Emil Svenson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp",
|
||||
imageAlt: "Elevate project showcase",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Park",
|
||||
date: "CTO, InnovateCo",
|
||||
title: "Technical Excellence",
|
||||
quote: "The development team delivered a high-performance application that handles our complex requirements with ease. Their technical expertise is unmatched in the industry.",
|
||||
tag: "Web Application",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero5.webp",
|
||||
avatarAlt: "David Park",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero5.webp",
|
||||
imageAlt: "InnovateCo project showcase",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FeatureCardTen
|
||||
tag="How We Work"
|
||||
tagIcon={Layers}
|
||||
title="Our Process"
|
||||
description="A structured approach that turns your vision into results, every step of the way."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Discovery & Strategy",
|
||||
description: "We start by understanding your goals, audience, and market to build a roadmap tailored to your business.",
|
||||
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how1.webp", imageAlt: "Discovery and strategy" },
|
||||
reverse: false,
|
||||
items: [
|
||||
{ icon: Code, text: "In-depth research and audits" },
|
||||
{ icon: Zap, text: "Clear goals and KPIs defined" },
|
||||
{ icon: Check, text: "Custom project roadmap" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Design & Prototyping",
|
||||
description: "We translate strategy into visual concepts, iterating with you until every detail feels right.",
|
||||
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how2.webp", imageAlt: "Design and prototyping" },
|
||||
reverse: true,
|
||||
items: [
|
||||
{ icon: Palette, text: "Wireframes and mockups" },
|
||||
{ icon: Layers, text: "Interactive prototypes" },
|
||||
{ icon: Check, text: "Client feedback loops" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Build & Launch",
|
||||
description: "We develop, test, and deploy your project with precision, ensuring a smooth launch and measurable impact.",
|
||||
media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how3.webp", imageAlt: "Build and launch" },
|
||||
reverse: false,
|
||||
items: [
|
||||
{ icon: TrendingUp, text: "Agile development sprints" },
|
||||
{ icon: Globe, text: "QA testing and optimization" },
|
||||
{ icon: Check, text: "Launch support and analytics" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ContactText
|
||||
text="Ready to transform your digital presence? Let's create something extraordinary together."
|
||||
</div>
|
||||
<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?\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">
|
||||
<ContactCTA
|
||||
tag="Kontakt"
|
||||
title="Bereit für mehr Effizienz?"
|
||||
description="Buchen Sie jetzt Ihr kostenloses Erstgespräch und entdecken Sie, wie KI und professionelle Webseiten Ihr Geschäft transformieren können."
|
||||
buttons={[
|
||||
{ text: "Start a Project", href: "#contact" },
|
||||
{ text: "Schedule a Call", href: "#call" },
|
||||
{ text: "Termin anfragen", href: "#contact" }
|
||||
]}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterCard
|
||||
logoText="Studio"
|
||||
copyrightText="© 2025 Studio. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" },
|
||||
</div>
|
||||
<FooterBaseReveal
|
||||
logoText="Growthlab.origin"
|
||||
copyrightText="© 2024 Growthlab.origin. Alle Rechte vorbehalten."
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Start", href: "#hero" }, { label: "Leistungen", href: "#services" }, { label: "Über mich", href: "#about" }, { label: "Kontakt", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter-tight), 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-inter-tight), sans-serif;
|
||||
font-family: var(--font-manrope), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f7f6f7;
|
||||
--card: #ffffff;
|
||||
--foreground: #0c1325;
|
||||
--primary-cta: #0b07ff;
|
||||
--primary-cta-text: #f7f6f7;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #0c1325;
|
||||
--accent: #93b7ff;
|
||||
--background-accent: #a8bae8;
|
||||
--background: #000802;
|
||||
--card: #0b1a0b;
|
||||
--foreground: #e6ffe6;
|
||||
--primary-cta: #80da9b;
|
||||
--primary-cta-text: #000802;
|
||||
--secondary-cta: #07170b;
|
||||
--secondary-cta-text: #e6ffe6;
|
||||
--accent: #38714a;
|
||||
--background-accent: #2c6541;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user