From 3f50ab034efc3eca0809c84f8ba8e022f86fa39d Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Wed, 6 May 2026 11:42:39 +0200
Subject: [PATCH] feat: add minimalist blog section to homepage and refine
 wording/effects

---
 apps/web/app/(site)/page.tsx | 47 ++++++++++++++++++++++++++++++++++--
 1 file changed, 45 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/(site)/page.tsx b/apps/web/app/(site)/page.tsx
index 711ff72..896d2e1 100644
--- a/apps/web/app/(site)/page.tsx
+++ b/apps/web/app/(site)/page.tsx
@@ -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" />}