feat: add minimalist blog section to homepage and refine wording/effects
All checks were successful
Build & Deploy / 🔍 Prepare (push) Successful in 14s
Build & Deploy / 🏗️ Build (push) Successful in 5m46s
Build & Deploy / 🚀 Deploy (push) Successful in 21s
Build & Deploy / 🩺 Smoke Test (push) Successful in 3s
Build & Deploy / 🔔 Notify (push) Successful in 2s

This commit is contained in:
2026-05-06 11:42:39 +02:00
parent 55e67e38e2
commit 3f50ab034e

View File

@@ -205,9 +205,52 @@ export default function LandingPage() {
</div>
</Section>
{/* Section 06: Contact */}
{/* Section 06: Blog / Insights */}
<Section number="06" title="Einblicke" borderTop>
<div className="space-y-16 md:space-y-32">
<Reveal>
<H3 className="text-3xl md:text-6xl lg:text-8xl leading-none tracking-tighter">
Wissen statt <span className="text-slate-400">Werbung.</span>
</H3>
</Reveal>
<div className="grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-24">
<Reveal>
<div className="space-y-8">
<Label className="text-slate-400">Aktueller Artikel</Label>
<H3 className="text-2xl md:text-4xl leading-tight">
Warum Websites nach Updates oft brechen und wie man das
verhindert.
</H3>
<Button
href="/blog/why-websites-break-after-updates"
variant="outline"
>
Artikel lesen
</Button>
</div>
</Reveal>
<Reveal delay={0.2}>
<div className="space-y-8 border-l border-slate-100 pl-8 md:pl-12 flex flex-col justify-end">
<LeadText className="text-slate-500">
Ich teile meine Gedanken zu digitaler Architektur, Fixpreisen
und warum weniger oft mehr ist.
</LeadText>
<a
href="/blog"
className="text-slate-900 font-bold hover:underline underline-offset-4"
>
Alle Artikel ansehen
</a>
</div>
</Reveal>
</div>
</div>
</Section>
{/* Section 07: Contact */}
<Section
number="06"
number="07"
title="Kontakt"
borderTop
effects={<GradientMesh variant="metallic" className="opacity-60" />}