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>
|
||||
</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" />}
|
||||
|
||||
Reference in New Issue
Block a user