feat(content): rewrite copy to focus on worry-free package and static sites
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 9s
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:34:52 +02:00
parent 5663c3ae38
commit 07c8d7c668
6 changed files with 202 additions and 183 deletions

View File

@@ -54,7 +54,7 @@ export const HeroSection: React.FC = () => {
<div className="w-1 h-1 rounded-full bg-blue-300 animate-pulse delay-100" />
</div>
<span className="text-[9px] md:text-[10px] font-mono font-bold tracking-[0.3em] md:tracking-[0.4em] text-slate-500 uppercase">
Digital_Architect // v.2026
Webentwicklung // Fixpreis
</span>
</motion.div>
@@ -83,16 +83,16 @@ export const HeroSection: React.FC = () => {
className="flex flex-col items-center gap-6 md:gap-8 lg:gap-12"
>
<p className="text-base md:text-xl lg:text-3xl text-slate-400 font-medium max-w-2xl leading-relaxed px-4">
Ein Entwickler. Ein Ansprechpartner.{" "}
Ohne Agentur, ohne Baukasten, ohne Stress.{" "}
<br className="hidden md:block" />
<span className="text-slate-900 font-bold tracking-tight">
Systematische Architekturen für das Web.
Ein Entwickler. Fixpreis. Fertig.
</span>
</p>
<div className="flex flex-col md:flex-row items-center justify-center gap-4 md:gap-6 w-full px-5 md:px-0">
<Button href="/contact" size="large" className="w-full md:w-auto">
Projekt anfragen
Kostenlos anfragen
</Button>
<Button
href="/websites"
@@ -100,7 +100,7 @@ export const HeroSection: React.FC = () => {
size="large"
className="w-full md:w-auto"
>
Prozess ansehen
So funktioniert's
</Button>
</div>
</motion.div>
@@ -111,12 +111,12 @@ export const HeroSection: React.FC = () => {
<div className="absolute inset-0 pointer-events-none border-[1px] border-slate-100 m-4 md:m-8 opacity-40 md:opacity-40" />
<div className="absolute top-8 left-8 p-4 hidden md:block opacity-20 transform -rotate-90 origin-top-left transition-opacity hover:opacity-100 group">
<span className="text-[10px] font-mono tracking-widest text-slate-400">
POS_TRANSMISSION_001
MARC_MINTEL_DEV
</span>
</div>
<div className="absolute bottom-4 right-4 md:bottom-8 md:right-8 p-4 opacity-20 transition-opacity hover:opacity-100 scale-75 md:scale-100 origin-bottom-right">
<span className="text-[10px] font-mono tracking-widest text-slate-400">
EST_2026 // M-ARCH
FRANKFURT // 2026
</span>
</div>