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 GDPRSystem: React.FC = () => (
  <>
    <LeadParagraph>
      DSGVO-Konformität wird oft als lästiges bürokratisches Hindernis
      wahrgenommen.
    </LeadParagraph>
    <LeadParagraph>
      In meiner Arbeit sehe ich sie jedoch als{" "}
      <Marker>das ultimative Qualitätsmerkmal für sauberes Engineering</Marker>.
    </LeadParagraph>
    <LeadParagraph>
      Ein System, das Daten schützt, ist ein gesundes System.
    </LeadParagraph>
    <LeadParagraph>
      Ich zeige Ihnen, wie ich Datenschutz architektonisch löse, statt ihn nur
      mit Bannern zu "flicken".
    </LeadParagraph>

    <H2>Gegen das Abmahnrisiko – mit Systemarchitektur</H2>
    <Paragraph>
      Die meisten versuchen, die Anforderungen durch rechtliche Dokumente und
      nachträglich installierte Banner zu lösen.
    </Paragraph>
    <Paragraph>
      Das ist so, als würde man ein brennendes Haus mit einer neuen
      Versicherungspolice löschen wollen.
    </Paragraph>
    <Paragraph>
      Es schafft eine Schein-Sicherheit, bekämpft aber nicht die Ursache des
      Risikos.
    </Paragraph>
    <Paragraph>
      Datenschutz muss bereits in der DNA des Codes verankert sein (Privacy by
      Design).
    </Paragraph>
    <Paragraph>
      Wenn ein System keine unnötigen Daten sammelt,{" "}
      <Marker>verschwinden die Einfallstore für Probleme von selbst</Marker>.
    </Paragraph>
    <Paragraph>Wahre Compliance ist technisch erzwungen.</Paragraph>

    <div className="my-12">
      <Mermaid
        graph={`graph TD
          Collection["Frontend Datenerhebung"] --> Minimize["Strikte Datenminimierung (SSO)"]
          Minimize --> Encrypt["End-to-End Verschlüsselung (TLS 1.3)"]
          Encrypt --> Access["Rollenbasierte Zugriffskontrolle (RBAC)"]
          Access --> Audit["Automatisches Compliance-Logging"]
          Audit --> Safe["Rechtssicheres & Robustes System"]
          style Safe fill:#4ade80,stroke:#333
          style Minimize fill:#4ade80,stroke:#333
          style Encrypt fill:#4ade80,stroke:#333`}
      />
      <p className="text-center text-xs text-slate-400 mt-4 italic">
        Der Kreislauf der systemischen Sicherheit: Jede Stufe schützt Ihre
        Daten, Ihren Ruf und Ihren langfristigen Business-Value.
      </p>
    </div>

    <H3>Die ökonomische Logik des Datenschutz-Management</H3>
    <Paragraph>
      Wussten Sie, dass unsaubere Datensparsamkeit ein echtes finanzielles
      Risiko darstellt?
    </Paragraph>
    <Paragraph>
      Daten, die Sie nicht besitzen, können nicht gestohlen werden.
    </Paragraph>
    <Paragraph>
      Ich helfe Ihnen, Ihre Prozesse so zu verschlanken, dass nur das{" "}
      <Marker>geschäftskritische Minimum</Marker> fließt.
    </Paragraph>
    <Paragraph>
      Dies spart Speicher- und Rechenkapazitäten und reduziert Haftungsrisiken
      massiv.
    </Paragraph>
    <Paragraph>Ein schlankes Datensystem ist ein agiles System.</Paragraph>
    <Paragraph>
      Compliance ist kein Kostenfaktor, sondern eine Versicherung für Ihre
      digitale Zukunft.
    </Paragraph>

    <H2>Mein Prinzip: Privacy by Infrastructure</H2>
    <Paragraph>
      Ich betrachte Datenschutz nicht als Text auf der Unterseite "Impressum",
      sondern als Eigenschaft der Infrastruktur.
    </Paragraph>
    <Paragraph>
      Mein Ziel ist ein System, bei dem die Einhaltung der Regeln{" "}
      <Marker>technisch unvermeidbar</Marker> ist.
    </Paragraph>

    <IconList>
      <IconListItem check>
        <strong>Echtzeit-Anonymisierung:</strong> Logfiles und IPs werden am
        Punkt des Eingangs anonymisiert. Was technisch unkenntlich ist, fällt
        nicht unter die DSGVO-Strenge.
      </IconListItem>
      <IconListItem check>
        <strong>Geschlossene Datenkreisläufe:</strong> Wir vermeiden
        Blackbox-Server von Drittanbietern. Jedes Formular nutzt dedizierte
        Kanäle.
      </IconListItem>
      <IconListItem check>
        <strong>Compliance-as-Code:</strong> Automatisierte Tests prüfen bei
        jeder Änderung, ob neue Abhängigkeiten Ihre Richtlinien gefährden.
      </IconListItem>
    </IconList>

    <div className="my-12">
      <ComparisonRow
        description="Zwei Ansätze der digitalen Compliance"
        negativeLabel="Reaktive Notlösung"
        negativeText="Nachträgliche Banner-Hacks, unsichere US-Dienste, permanente Angst vor der nächsten Abmahnwelle"
        positiveLabel="Proaktives Mintel Engineering"
        positiveText="Technisch verankerter Schutz, volle Datenhoheit, absolute rechtliche Sorgenfreiheit"
      />
    </div>

    <H2>Vertrauen als härteste Währung am Markt</H2>
    <Paragraph>
      Nutzer und Kunden sind heute sensibilisierter als jemals zuvor.
    </Paragraph>
    <Paragraph>
      Eine Website, die respektvoll und ohne Banner-Nötigung mit Daten umgeht,
      schafft sofortiges Vertrauen.
    </Paragraph>
    <Paragraph>
      In einer Welt voller "Dark Patterns" ist Transparenz Ihr stärkstes
      Verkaufsargument.
    </Paragraph>
    <Paragraph>
      Ich schaffe <Marker>souveräne digitale Räume</Marker>, die für Ihre Marke
      und Ihre Werte sprechen.
    </Paragraph>
    <Paragraph>
      Ein sauberes DSGVO-Konzept ist ein Investment in die Reputation Ihres
      Unternehmens.
    </Paragraph>

    <H2>Für wen ich 'Sicherheits-Festungen' baue</H2>
    <Paragraph>
      Mein architektonischer Ansatz ist ideal für Unternehmen in regulierten
      Branchen.
    </Paragraph>
    <Paragraph>
      Begreifen Sie{" "}
      <Marker>technische Exzellenz als Teil Ihrer Verantwortung</Marker>? Dann
      sind wir Partner.
    </Paragraph>
    <Paragraph>
      Ich werde aktiv, wenn Sicherheit für Sie nicht verhandelbar ist.
    </Paragraph>

    <H2>Fazit: Souveränität durch saubere Technik</H2>
    <Paragraph>
      Schaffen wir die Angst vor rechtlichen Fehltritten ab.
    </Paragraph>
    <Paragraph>
      Ich baue Ihnen ein System, das durch seine innere Ordnung besticht und den
      Schutz technically garantiert.
    </Paragraph>
    <Paragraph>
      Lassen Sie uns Ihre digitale Basis für die{" "}
      <Marker>nächste Stufe der Professionalität</Marker> gemeinsam gießen.
    </Paragraph>
    <Paragraph>
      <Marker>Seriosität ist planbar.</Marker>
    </Paragraph>
  </>
);
