style: modernize About and Websites pages with subtle effects and friendlier CTA wording
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 13s
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🩺 Smoke Test (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
Build & Deploy / 🏗️ Build (push) Has been cancelled

This commit is contained in:
2026-05-06 11:42:05 +02:00
parent c35d411874
commit 55e67e38e2
3 changed files with 61 additions and 22 deletions

View File

@@ -12,10 +12,13 @@ import {
} from "@/src/components/Typography";
import { Button } from "@/src/components/Button";
import { Marker } from "@/src/components/Marker";
import { AbstractCircuit, GradientMesh } from "@/src/components/Effects";
import { GlitchText } from "@/src/components/GlitchText";
export default function WebsitesPage() {
return (
<div className="flex flex-col bg-white overflow-hidden relative">
<AbstractCircuit />
<Section className="pt-24 pb-12 md:pt-40 md:pb-24">
<div className="space-y-16 md:space-y-32">
<div className="space-y-10 max-w-4xl">
@@ -201,27 +204,36 @@ export default function WebsitesPage() {
</Section>
{/* 05: CTA */}
<Section number="05" title="Ergebnis" borderTop>
<div className="py-12 md:py-24">
<Section
number="05"
title="Ergebnis"
borderTop
effects={<GradientMesh variant="metallic" className="opacity-60" />}
>
<div className="py-12 md:py-24 relative z-10">
<div className="space-y-16 md:space-y-24">
<Reveal>
<H3 className="text-5xl md:text-8xl lg:text-9xl leading-none tracking-tighter">
Ihre fertige <br />
<span className="text-slate-400">Website.</span>
<span className="text-slate-400">
<GlitchText delay={0.5} duration={1}>
Website.
</GlitchText>
</span>
</H3>
</Reveal>
<Reveal delay={0.2}>
<div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-12">
<LeadText className="text-xl md:text-3xl text-slate-500 max-w-xl">
Professionell, schnell und wartungsfrei. Schlüsselfertig für
Ihr Unternehmen.
Kein Stress, kein Overhead. Schreiben Sie mir einfach eine
Nachricht.
</LeadText>
<Button
href="/contact"
className="w-full md:w-auto px-12 py-6 text-xl"
>
Projekt starten
Sagen Sie Hallo
</Button>
</div>
</Reveal>