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 MaintenanceNoCMS: React.FC = () => (
  <>
    <LeadParagraph>
      Ein CMS wird oft als Befreiung verkauft. In der Realität ist es oft der
      Anfang einer teuren Abhängigkeit.
    </LeadParagraph>
    <LeadParagraph>
      In meiner Praxis sehe ich, wie Unternehmen hunderte Stunden in die Pflege
      von Systemen investieren, die sie eigentlich entlasten sollten.
    </LeadParagraph>
    <LeadParagraph>
      Ich zeige Ihnen, warum <Marker>Content-Management ohne Ballast</Marker>{" "}
      der wahre Hebel für Geschwindigkeit und Fokus ist.
    </LeadParagraph>

    <H2>Der CMS-Wartungs-Albtraum</H2>
    <Paragraph>
      Klassische CMS-Lösungen (wie WordPress oder Typo3) sind komplexe
      Software-Monster.
    </Paragraph>
    <Paragraph>
      Sie müssen ständig aktualisiert werden, weil wöchentlich neue
      Sicherheitslücken auftauchen.
    </Paragraph>
    <Paragraph>
      Diese Wartung frisst Zeit und Geld, ohne einen einzigen Cent Mehrwert für
      Ihr Business zu generieren.
    </Paragraph>
    <Paragraph>
      Ich nenne das <Marker>technische Sisyphusarbeit</Marker>.
    </Paragraph>
    <Paragraph>
      Warum ein ganzes Kraftwerk betreiben, wenn Sie nur eine Glühbirne zum
      Leuchten bringen wollen?
    </Paragraph>
    <Paragraph>
      Wahre Effizienz bedeutet, Komplexität radikal zu streichen.
    </Paragraph>

    <div className="my-12">
      <Mermaid
        graph={`graph TD
          Need["Änderung am Inhalt"] --> Path["Update-Prozess"]
          Path --> CMS["Klassisches CMS (Update/Backup/DB)"]
          Path --> Git["Git-based Workflow (Mintel)"]
          CMS --> Risk["Sicherheitslücken & Träge Ladezeit"]
          Git --> Speed["Instant Go-Live & Maximale Sicherheit"]
          Speed --> Focus["Fokus auf Kunden & Strategie"]
          style Git fill:#4ade80,stroke:#333
          style Focus fill:#4ade80,stroke:#333`}
      />
      <p className="text-center text-xs text-slate-400 mt-4 italic">
        Der schlanke Workflow: Wir eliminieren die Datenbank-Ebene, um
        Angriffsflächen zu schließen und das Tempo zu verdoppeln.
      </p>
    </div>

    <H3>Content as Code: Die Architektur der Profis</H3>
    <Paragraph>
      Anstatt sich mit unübersichtlichen Admin-Backends herumzuschlagen,
      integrieren wir Inhalte direkt in den Deployment-Prozess.
    </Paragraph>
    <Paragraph>
      Das bedeutet: Wenn Sie etwas ändern wollen, geschieht das in einer
      sauberen, versionierten Umgebung.
    </Paragraph>
    <Paragraph>
      Keine Datenbanken, die korrumpieren können. Kein Backend, das gehackt
      werden kann.
    </Paragraph>
    <Paragraph>
      Das ist <Marker>Sicherheit durch Simplizität</Marker>.
    </Paragraph>
    <Paragraph>Inhalte werden so stabil wie die Architektur selbst.</Paragraph>

    <H2>Warum "Kein CMS" die beste CMS-Strategie ist</H2>
    <Paragraph>
      Vermeintlich "einfache" Editoren führen oft zu zerstückelten Layouts und
      inkonsistentem Design.
    </Paragraph>
    <Paragraph>
      Durch meinen Code-basierten Ansatz bleibt Ihre Markenidentität zu 100 %
      geschützt.
    </Paragraph>

    <IconList>
      <IconListItem check>
        <strong>0 % Sicherheitsrisiko:</strong> Ohne Datenbank-Schnittstelle
        gibt es keine Login-Bereiche für Hacker. Ihre Seite ist faktisch immun.
      </IconListItem>
      <IconListItem check>
        <strong>Blitzschnelle Änderungen:</strong> Wir nutzen automatisierte
        Pipelines. Eine Textänderung ist in Sekunden weltweit live.
      </IconListItem>
      <IconListItem check>
        <strong>Reduzierte Fixkosten:</strong> Sie sparen sich teure
        Wartungsverträge für "Backend-Security".{" "}
        <Marker>Geld, das produktiver in Marketing fließen kann.</Marker>
      </IconListItem>
    </IconList>

    <div className="my-12">
      <ComparisonRow
        description="Der ökonomische Vergleich Ihres Betriebsaufwands"
        negativeLabel="Standard CMS-Betrieb"
        negativeText="Wöchentliche Sicherheits-Updates, monatliche Hosting-Hacks, träge Performance"
        positiveLabel="Mintel Low-Maintenance"
        positiveText="0 Wartungs-Minuten pro Monat, felsenfeste Stabilität, Höchstgeschwindigkeit"
      />
    </div>

    <H2>Fokus auf das, was zählt: Ihre Botschaft</H2>
    <Paragraph>
      Die wertvollste Ressource in Ihrem Unternehmen ist Aufmerksamkeit.
    </Paragraph>
    <Paragraph>
      Verschwenden Sie diese nicht mit technischen Nebenschauplätzen.
    </Paragraph>
    <Paragraph>
      Ich baue Ihnen ein System, das einfach funktioniert – im Hintergrund,
      lautlos und effizient.
    </Paragraph>
    <Paragraph>
      Investieren Sie in <Marker>Inhaltliche Exzellenz</Marker> statt in
      technische Reparaturen.
    </Paragraph>
    <Paragraph>Befreien Sie Ihr Business von der CMS-Last.</Paragraph>

    <H2>Wann ist dieser minimalistische Weg für Sie richtig?</H2>
    <Paragraph>
      Ich arbeite für Entscheider, deren Kerngeschäft nicht das Betreiben einer
      IT-Infrastruktur ist.
    </Paragraph>
    <Paragraph>
      Wollen Sie eine Website, die einfach{" "}
      <Marker>immer online und immer schnell</Marker> ist?
    </Paragraph>
    <Paragraph>
      Ich bin der Architekt für alle, die Klarheit und Ergebnisorientierung über
      Feature-Listen stellen.
    </Paragraph>

    <H2>Fazit: Simplizität ist das neue High-End</H2>
    <Paragraph>Die besten Systeme sind die, die man nicht spürt.</Paragraph>
    <Paragraph>
      Lassen wir gemeinsam den Ballast abwerfen und uns auf Ihren Erfolg
      konzentrieren.
    </Paragraph>
    <Paragraph>
      <Marker>Maximale Wirkung bei minimalem technischem Overhead.</Marker> Ihr
      Erfolg verdient dieses effiziente Fundament.
    </Paragraph>
  </>
);
