feat: add minimalist blog section to homepage and refine wording/effects
All checks were successful
All checks were successful
This commit is contained in:
@@ -205,9 +205,52 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
</Section>
|
</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
|
<Section
|
||||||
number="06"
|
number="07"
|
||||||
title="Kontakt"
|
title="Kontakt"
|
||||||
borderTop
|
borderTop
|
||||||
effects={<GradientMesh variant="metallic" className="opacity-60" />}
|
effects={<GradientMesh variant="metallic" className="opacity-60" />}
|
||||||
|
|||||||
Reference in New Issue
Block a user