feat: complete MDX migration for blog, fix diagram fidelity and refactor styling architecture

apps/web/content/blog/digital-longevity-architecture.mdx

@@ -0,0 +1,152 @@
+---
+title: "Digital Longevity: Architektur für das nächste Jahrzehnt"
+description: "Software ohne Verfallsdatum: So bauen wir Systeme, die technologische Trends überdauern und langfristige Werte schaffen."
+date: "2026-02-02"
+tags: ["architecture", "longevity"]
+---
+
+<LeadParagraph>
+  In der schnelllebigen Tech-Welt gilt Software oft schon nach zwei Jahren
+  als veraltet.
+</LeadParagraph>
+<LeadParagraph>
+  Ich halte das für eine massive Verschwendung von Kapital und Energie.
+</LeadParagraph>
+<LeadParagraph>
+  Wahre Qualität zeigt sich darin, wie ein System altert.
+</LeadParagraph>
+<LeadParagraph>
+  Ich zeige Ihnen, wie wir <Marker>digitale Werte für Jahrzehnte</Marker>{" "}
+  schaffen – durch vorausschauende Architektur und zeitlose Standards.
+</LeadParagraph>
+
+<H2>Gegen die Wegwerf-Mentalität im Code</H2>
+<Paragraph>
+  Viele Agenturen bauen "Schönwetter-Lösungen", die nur bis zur nächsten
+  Trend-Welle halten.
+</Paragraph>
+<Paragraph>
+  Man setzt auf kurzlebige Frameworks oder proprietäre Blackboxes, die nach
+  kurzer Zeit nicht mehr unterstützt werden.
+</Paragraph>
+<Paragraph>
+  Das Ergebnis: Alle drei Jahre ist ein teurer Relaunch fällig.
+</Paragraph>
+<Paragraph>
+  Ich nenne das <Marker>geplante Obsoleszenz der Software</Marker>.
+</Paragraph>
+<Paragraph>
+  Mein Boutique-Ansatz ist das Gegenteil davon: Ich baue Systeme, die durch
+  ihre innere Ordnung und Robustheit bestechen.
+</Paragraph>
+<Paragraph>
+  Guter Code ist wie eine solide Immobilie – er braucht Pflege, aber keine
+  Abrissbirne.
+</Paragraph>
+
+<div className="my-12">
+  <Mermaid id="technology-longevity" title="Technologie Langlebigkeit" showShare={true}>
+graph TD
+      Logic["Zukunftsfähige Kern-Logik"] --> Standards["Offene Web-Standards"]
+      Logic --> Modular["Modulare Komponenten"]
+      Standards --> Decade["Lebensdauer > 10 Jahre"]
+      Modular --> Update["Einfache Teil-Modernisierung"]
+      Decade --> ROI["Maximaler Return on Investment"]
+      Update --> ROI
+      style ROI fill:#4ade80,stroke:#333
+      style Decade fill:#4ade80,stroke:#333
+</Mermaid>
+  <div className="text-center text-xs text-slate-400 mt-4 italic">
+    Architektur der Langlebigkeit: Durch die Trennung von Logik und Trends
+    sichern wir den Wert Ihrer digitalen Investition über Generationen.
+  </div>
+</div>
+
+<H3>Die Ästhetik der Zeitlosigkeit</H3>
+<Paragraph>Langlebigkeit hat auch eine visuelle Komponente.</Paragraph>
+<Paragraph>
+  Ich vermeide "modische" Spielereien, die morgen schon peinlich wirken
+  könnten.
+</Paragraph>
+<Paragraph>
+  Wahre technische Eleganz ist schlicht, funktional und hochpräzise.
+</Paragraph>
+<Paragraph>
+  Ein <Marker>industrieller, klarer Look</Marker> altert langsamer als jede
+  verspielte Grafik.
+</Paragraph>
+<Paragraph>
+  Ich schaffe Designs, die heute beeindrucken und in fünf Jahren noch immer
+  souverän wirken.
+</Paragraph>
+
+<H2>Meine Prinzipien für ewige Systeme</H2>
+<Paragraph>Wie baut man Software, die nicht veraltet?</Paragraph>
+<Paragraph>Durch die kompromisslose Auswahl der Fundamente:</Paragraph>
+
+<IconList>
+  <IconListItem check>
+    <strong>Bohrmaschinen statt Spielzeug:</strong> Ich nutze nur
+    Technologien mit breitem industriellem Rückhalt. Keine "Hype"-Tools ohne
+    Langzeit-Sicherheit.
+  </IconListItem>
+  <IconListItem check>
+    <strong>Strict Separation of Concerns:</strong> Wir trennen Design,
+    Daten und Logik so sauber, dass man Einzelteile austauschen kann, ohne
+    das Ganze zu gefährden.
+  </IconListItem>
+  <IconListItem check>
+    <strong>Automatisierte Evolution:</strong> Mein System prüft sich
+    selbst. Wir erkennen frühzeitig, wenn externe Standards sich ändern und
+    passen uns proaktiv an.
+  </IconListItem>
+</IconList>
+
+<div className="my-12">
+  <ComparisonRow
+    description="Der wirtschaftliche Impact der Halbwertszeit"
+    negativeLabel="Trend-fokussierte Agentur"
+    negativeText="Relaunch alle 3 Jahre nötig, technologische Schulden, hohe Lizenz-Abhängigkeit"
+    positiveLabel="Mintel Longevity Standard"
+    positiveText="Laufzeit von 10+ Jahren möglich, Code als bleibendes Asset, volle Souveränität"
+  />
+</div>
+
+<H2>Rendite durch technologische Beständigkeit</H2>
+<Paragraph>Wahrer ROI entsteht erst über die Zeit.</Paragraph>
+<Paragraph>
+  Wer nicht ständig neu bauen muss, hat mehr Kapital für echtes Wachstum zur
+  Verfügung.
+</Paragraph>
+<Paragraph>
+  Langlebige Software ist zudem das{" "}
+  <Marker>nachhaltigste digitale Werkzeug</Marker>, das Sie besitzen können.
+</Paragraph>
+<Paragraph>
+  Investieren Sie in Substanz, nicht in flüchtige Effekte.
+</Paragraph>
+<Paragraph>Vorsprung hat der, dessen Fundament felsenfest steht.</Paragraph>
+
+<H2>Wann ist 'Ewigkeit' Ihr Ziel?</H2>
+<Paragraph>
+  Suchen Sie einen Partner für den Aufbau einer digitalen Marke, die Bestand
+  hat?
+</Paragraph>
+<Paragraph>
+  Ich arbeite für Gründer, die <Marker>Generationen-Projekte</Marker>{" "}
+  führen.
+</Paragraph>
+<Paragraph>
+  Wenn Sie technologische Stabilität als Teil Ihres Vermächtnisses
+  begreifen, bin ich Ihr Architekt.
+</Paragraph>
+
+<H2>Fazit: Werte schaffen, die bleiben</H2>
+<Paragraph>Digitale Exzellenz misst sich am Erfolg von morgen.</Paragraph>
+<Paragraph>
+  Lassen wir gemeinsam ein System gießen, das die Zeit überdauert.
+</Paragraph>
+<Paragraph>
+  <Marker>Qualität ist Beständigkeit.</Marker> Ihr Erfolg verdient eine
+  Architektur ohne Verfallsdatum.
+</Paragraph>