import React from "react";
import { H2, H3 } from "../../../ArticleHeading";
import { Paragraph, LeadParagraph } from "../../../ArticleParagraph";
import { IconList, IconListItem } from "../../../IconList";
import { Mermaid } from "../../../Mermaid";
import { Marker } from "../../../Marker";
import { ComparisonRow } from "../../../Landing/ComparisonRow";

export const AgencySlowdown: React.FC = () => (
  <>
    <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
        graph={`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`}
      />
      <p 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.
      </p>
    </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>

    <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>
  </>
);
