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

apps/web/content/blog/why-agencies-are-slow.mdx

@@ -0,0 +1,207 @@
+---
+title: "Warum Ihre Agentur für kleine Änderungen Wochen braucht"
+description: "Starre Prozesse vs. flexible Architektur: So brechen Sie den Flaschenhals in Ihrer Entwicklung auf."
+date: "2026-02-13"
+tags: ["architecture", "engineering"]
+---
+
+<LeadParagraph>
+  Haben Sie sich schon einmal gefragt, warum eine einfache Textänderung bei
+  Ihrer Agentur oft zwei Wochen dauert?
+</LeadParagraph>
+<LeadParagraph>
+  Ich kenne die Antwort aus meiner jahrelangen Erfahrung: Es liegt an
+  veralteten Hierarchien und einem technologischen Overhead, der Innovation
+  im Keim erstickt.
+</LeadParagraph>
+<LeadParagraph>
+  <Marker>Mein Modell radikaler Direktheit</Marker> beschleunigt Ihr
+  Business, indem es unnötige Schnittstellen eliminiert. Wir lenken den
+  Fokus zurück auf das fertige Produkt.
+</LeadParagraph>
+
+<H2>Die "stille Post" der Agentur-Hierarchien</H2>
+<Paragraph>
+  In einer klassischen Full-Service-Agentur landet Ihr Wunsch zuerst beim
+  Account Manager.
+</Paragraph>
+<Paragraph>
+  Dieser gibt ihn an den Projektleiter weiter, der ein Ticket erstellt,
+  welches schließlich einem oft überarbeiteten Junior-Entwickler zugewiesen
+  wird.
+</Paragraph>
+<Paragraph>
+  Jede dieser Stationen ist nicht nur ein potenzieller Flaschenhals, sondern
+  auch eine Fehlerquelle.
+</Paragraph>
+<Paragraph>
+  Informationen gehen verloren, die Umsetzung dauert ewig und am Ende
+  bezahlen Sie für Meetings und Ticket-Management statt für Output.
+</Paragraph>
+<Paragraph>
+  Ich nenne das die <Marker>"Agentur-Steuer"</Marker>.
+</Paragraph>
+<Paragraph>
+  Während dort noch über Prioritäten diskutiert wird, könnte Ihre neue
+  Lösung schon live sein und ersten Umsatz für Ihr Unternehmen generieren.
+</Paragraph>
+
+<div className="my-12">
+  <Mermaid id="agency-bottleneck" title="Agentur-Hierarchie Flaschenhals" showShare={true}>
+graph LR
+      Request["Ihr Wunsch"] --> AM["Account Manager"]
+      AM --> PM["Projektleiter (Meetings)"]
+      PM --> Ticket["Veraltetes Ticketsystem"]
+      Ticket --> Dev["Junior Entwickler"]
+      Dev --> Review["Code Review (Wartezeit)"]
+      Review --> QA["Manuelle QA"]
+      QA --> Approval["Kundenseitige Freigabe"]
+      Approval --> Prod["Mühsamer Live-Gang"]
+      style AM fill:#fca5a5,stroke:#333
+      style PM fill:#fca5a5,stroke:#333
+      style Ticket fill:#fca5a5,stroke:#333
+</Mermaid>
+  <div className="text-center text-xs text-slate-400 mt-4 italic">
+    Die traditionelle 'Stille Post': Jede Schnittstelle kostet Sie Zeit,
+    Präzision und bares Geld.
+  </div>
+</div>
+
+<H3>Der systemische Interessenkonflikt</H3>
+<Paragraph>
+  Es gibt einen tieferen Grund für die Trägheit vieler Agenturen: Das
+  Geschäftsmodell.
+</Paragraph>
+<Paragraph>
+  Wenn Agenturen nach abrechenbaren Stunden arbeiten und große Teams
+  finanzieren müssen, fehlt oft der ökonomische Anreiz zur radikalen
+  Vereinfachung.
+</Paragraph>
+<Paragraph>
+  Langsame Prozesse bedeuten oft mehr abrechenbare Projektmanagement-Zeit.
+</Paragraph>
+<Paragraph>
+  Ich hingegen habe mein gesamtes Business auf{" "}
+  <Marker>Effizienz und technologische Souveränität</Marker> optimiert.
+</Paragraph>
+<Paragraph>
+  Mein Ziel ist die Maximierung Ihres Outputs, nicht die der Stunden.
+</Paragraph>
+<Paragraph>
+  Ich investiere massiv in meine eigene Toolchain, um Aufgaben, die
+  Agenturen Tage kosten, in Minuten zu erledigen.
+</Paragraph>
+
+<H2>Handwerk statt Fließband: Mein Boutique-Ansatz</H2>
+<Paragraph>
+  In meiner Welt gibt es keine Junioren, an die Arbeit "durchgereicht" wird.
+</Paragraph>
+<Paragraph>
+  Wenn Sie mit mir arbeiten, sprechen Sie direkt mit dem Experten, der die
+  Architektur entwirft und den Code schreibt.
+</Paragraph>
+<Paragraph>
+  Ich betrachte Softwareentwicklung nicht als anonymen Fließband-Job,
+  sondern als <Marker>digitales Kunsthandwerk</Marker>.
+</Paragraph>
+<Paragraph>
+  Dieser Boutique-Ansatz erlaubt es mir, auf eine Weise flexibel zu sein,
+  die für große, starre Strukturen unmöglich ist.
+</Paragraph>
+<Paragraph>
+  Ich kann Ideen sofort auf ihre technische Machbarkeit prüfen und
+  prototypisieren, ohne erst eine interne Freigabewelle abwarten zu müssen.
+</Paragraph>
+
+<div className="my-12">
+  <ComparisonRow
+    description="Zwei Welten der digitalen Umsetzung"
+    negativeLabel="Struktur-Agentur"
+    negativeText="Unnötige Meetings, langsame Kommunikationskanäle, personeller 'Verschleiß' Ihres Briefings"
+    positiveLabel="Mintel Boutique Architect"
+    positiveText="Direkter Experten-Draht, automatisierte Workflows, Fokus auf Pure Output"
+  />
+</div>
+
+<H2>Mein Modell: Radikale Direktheit</H2>
+<Paragraph>
+  Ich nutze Technologien, die darauf ausgelegt sind, Reibung zu eliminieren.
+  Statt mühsam "Tickets" zu schreiben, bauen wir sofort an Lösungen.
+</Paragraph>
+<Paragraph>
+  Hier sind die drei Hebel, mit denen ich das Tempo Ihres Projekts
+  verdopple:
+</Paragraph>
+<IconList>
+  <IconListItem check>
+    <strong>Preview-Deployments in Echtzeit:</strong> Jede Änderung wird
+    sofort auf einer geheimen URL visualisiert. Sie sehen den Fortschritt
+    live.
+  </IconListItem>
+  <IconListItem check>
+    <strong>Komponentengestützte Evolution:</strong> Ich baue ein
+    Design-System für Sie, das mitwächst. Neue Seiten entstehen in Stunden.
+  </IconListItem>
+  <IconListItem check>
+    <strong>Automatisierte Schutzschilde:</strong> Statt fehleranfälliger
+    manueller QA nutze ich automatisierte Tests.{" "}
+    <Marker>Technik schützt Technik.</Marker>
+  </IconListItem>
+</IconList>
+
+<DiagramGantt
+  tasks={[
+    {
+      id: "agency-req",
+      name: "Agentur: Anforderung bis Live",
+      start: "2024-01-01",
+      duration: "4w",
+    },
+    {
+      id: "mintel-req",
+      name: "Mintel: Anforderung bis Live",
+      start: "2024-01-01",
+      duration: "1w",
+    },
+  ]}
+  title="Zeitvergleich: Agentur vs. Boutique"
+  caption="Direkte Kommunikation beschleunigt Ihr Business um den Faktor 4."
+  id="agency-comparison-gantt"
+  showShare={true}
+/>
+
+<H2>Für wen ich die Bremse löse</H2>
+<Paragraph>
+  Mein Angebot richtet sich an Gründer und Entscheider, die{" "}
+  <Marker>Ergebnisse über Hochglanz-Reports</Marker> stellen.
+</Paragraph>
+<Paragraph>
+  Suchen Sie einen Partner, der so schnell denkt wie Ihr Business es
+  erfordert? Dann passen wir zusammen.
+</Paragraph>
+<Paragraph>
+  Unternehmen, die primär nach maximaler personeller Skalierung suchen, sind
+  bei klassischen Großagenturen besser aufgehoben.
+</Paragraph>
+<Paragraph>
+  Ich arbeite für die Macher, die{" "}
+  <Marker>Qualität und Geschwindigkeit durch Intelligenz</Marker> erreichen
+  wollen.
+</Paragraph>
+
+<H2>Fazit: Ihre Zeit ist ein knappes Gut</H2>
+<Paragraph>
+  Technologische Exzellenz bedeutet für mich auch, Ihnen keine Zeit zu
+  stehlen. Ich baue Systeme, die fließen.
+</Paragraph>
+<Paragraph>
+  Wenn Sie heute eine Vision haben, möchte ich, dass wir sie übermorgen
+  bereits am Markt testen können.
+</Paragraph>
+<Paragraph>
+  Lassen Sie uns die Agentur-Steuer streichen und direkt in Ihren Erfolg
+  investieren.
+</Paragraph>
+<Paragraph>
+  <Marker>Echte Geschwindigkeit beginnt dort, wo Hierarchie endet.</Marker>
+</Paragraph>