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 PrivacyAnalytics: React.FC = () => (
  <>
    <LeadParagraph>
      "Ich brauche Google Analytics, um zu wissen, was meine Nutzer tun." – Das
      ist eine weit verbreitete Fehlannahme.
    </LeadParagraph>
    <LeadParagraph>
      In meiner täglichen Arbeit als Digital Architect beweise ich das
      Gegenteil:{" "}
      <Marker>Maximale Erkenntnis erfordert keine maximale Überwachung.</Marker>
    </LeadParagraph>
    <LeadParagraph>
      Ich zeige Ihnen, wie wir Erfolg präzise messen, ohne die Privatsphäre
      Ihrer Kunden an US-Konzerne zu verkaufen.
    </LeadParagraph>

    <H2>Analytics ohne den Beigeschmack der Überwachung</H2>
    <Paragraph>
      Klassische Analytics-Tools funktionieren wie ein Trojaner.
    </Paragraph>
    <Paragraph>
      Sie sammeln riesige Mengen an persönlichen Daten, um daraus Profile zu
      bilden, die weit über Ihre Website hinausgehen.
    </Paragraph>
    <Paragraph>
      Dies zwingt Sie rechtlich in die Knie – Sie brauchen Banner, Consent-Tools
      und riskieren Abmahnungen.
    </Paragraph>
    <Paragraph>
      Das Paradoxon:{" "}
      <Marker>Die meisten dieser Daten brauchen Sie gar nicht.</Marker>
    </Paragraph>
    <Paragraph>
      Sie wollen wissen, welche Inhalte funktionieren, nicht wie der Nutzer in
      seiner Freizeit heißt.
    </Paragraph>

    <div className="my-12">
      <Mermaid
        graph={`graph LR
          Traffic["Besucherstrom"] --> Filter["Privacy-Proxy"]
          Filter --> Metrics["Aggregate Metriken (Trends)"]
          Filter --> Zero["Zero PII (No Personal Info)"]
          Metrics --> Insights["Optimierung Ihres Business"]
          Zero --> Compliance["100% DSGVO & Banner-Frei"]
          style Insights fill:#4ade80,stroke:#333
          style Compliance fill:#4ade80,stroke:#333`}
      />
      <p className="text-center text-xs text-slate-400 mt-4 italic">
        Ethisches Tracking: Wir gewinnen wertvolle Business-Insights, während
        die Identität der Nutzer absolut geschützt bleibt.
      </p>
    </div>

    <H3>Qualität der Daten vor Quantität der Profile</H3>
    <Paragraph>
      Mein Ansatz basiert auf aggregierten Trends statt auf individueller
      Verfolgung.
    </Paragraph>
    <Paragraph>
      Wir messen Seitenaufrufe, Verweildauer und Conversions – aber wir tun es{" "}
      <Marker>anonym und am Edge</Marker>.
    </Paragraph>
    <Paragraph>
      Das Ergebnis ist statistisch genauso wertvoll für Ihr Marketing, aber
      moralisch und rechtlich weit überlegen.
    </Paragraph>
    <Paragraph>
      Wahre Souveränität bedeutet, Insights zu generieren, ohne sich von
      GA4-Komplexität abhängig zu machen.
    </Paragraph>

    <H2>Meine Architektur für ethische Insights</H2>
    <Paragraph>Ich integriere Analytics direkt in Ihre Plattform.</Paragraph>
    <Paragraph>
      Keine externen Scripte bedeutet auch: Mehr Performance für Ihre Nutzer.
    </Paragraph>

    <IconList>
      <IconListItem check>
        <strong>Cookieless Tracking:</strong> Wir erkennen wiederkehrende Nutzer
        über kurzlebige, anonyme Hashes. Keine Speicherung am Endgerät nötig.
      </IconListItem>
      <IconListItem check>
        <strong>First-Party Data:</strong> Die Daten bleiben auf Ihrem Server.
        Kein Abfluss an Drittanbieter-Netzwerke zur Werbeoptimierung.
      </IconListItem>
      <IconListItem check>
        <strong>Lightweight Implementation:</strong> Statt 100KB
        Analytics-Ballast nutzen wir Lösungen, die weniger als 1KB wiegen.{" "}
        <Marker>Geschwindigkeit trifft auf Erkenntnis.</Marker>
      </IconListItem>
    </IconList>

    <div className="my-12">
      <ComparisonRow
        description="Der strategische Vergleich im Lead-Tracking"
        negativeLabel="Google Analytics / GA4"
        negativeText="Abhängigkeit von Consent-Raten, Daten-Leakage, komplexe & träge Interfaces"
        positiveLabel="Mintel Privacy Analytics"
        positiveText="Volle Lead-Transparenz, Banner-Freiheit, blitzschnelle Auswertung"
      />
    </div>

    <H2>Der unternehmerische Hebel: Banner-freie Leads</H2>
    <Paragraph>
      Wenn Sie kein Banner brauchen, messen Sie 100 % Ihres Traffics.
    </Paragraph>
    <Paragraph>
      Bei Google Analytics verlieren Sie oft 40-60 % der Daten, weil Nutzer den
      Consent ablehnen.
    </Paragraph>
    <Paragraph>
      Mein System liefert Ihnen <Marker>die echten Zahlen</Marker>, weil die
      Hürde der Zustimmung technisch entfällt.
    </Paragraph>
    <Paragraph>
      Ehrlichkeit zahlt sich hier direkt in der Genauigkeit Ihrer
      Marketing-Planung aus.
    </Paragraph>
    <Paragraph>
      Gute Entscheidungen brauchen ein solides Fundament – keine lückenhaften
      Statistiken.
    </Paragraph>

    <H2>Wann sollten Sie umstellen?</H2>
    <Paragraph>Haben Sie genug von rechtlichen Grauzonen?</Paragraph>
    <Paragraph>
      Ich baue für Entscheider, die{" "}
      <Marker>Datenschutz als Teil ihres Markenversprechens</Marker> begreifen.
    </Paragraph>
    <Paragraph>
      Lassen Sie uns Analytics von einer Last zu einer Stärke machen.
    </Paragraph>

    <H2>Fazit: Wissen ist Macht, Respekt ist Zukunft</H2>
    <Paragraph>Messen Sie, was zählt – und schützen Sie, wer zählt.</Paragraph>
    <Paragraph>
      Ich begleite Sie bei der Installation einer Lösung, die Professionalität
      und Ethik brillant vereint.
    </Paragraph>
    <Paragraph>
      <Marker>Insights ohne Reue.</Marker> Das ist modernes digitales
      Management.
    </Paragraph>
  </>
);
