import Navbar from '@/components/layout/Navbar'
import Footer from '@/components/layout/Footer'
import ChatFAB from '@/components/layout/ChatFAB'

// Stärken / USP-Seite — sieben Verkaufsargumente aus der IACE-Strategie
// (Memory: project_marketing_website_3014_themes.md). Aufgebaut als
// Long-Form-Page mit Anker-Sprungmarken — eine Nummerierte Differenzierung
// pro Sektion, damit Sales-Calls über tiefe Links arbeiten können.

const usps = [
  {
    id: 'engine',
    no: '1',
    title: 'Engine, nicht Checkliste',
    sub: 'Wir leiten Gefährdungen ab. Wettbewerb fragt aus einer Liste.',
    body:
      'Marktstandard (DesignSafe, Pilz, Sick) ist Excel-aufgewertete Checkliste: der Engineer wählt aus einer Hazard-Bibliothek aus. ' +
      'BreakPilot betreibt eine deterministische Pattern-Engine mit über 1.200 Hazard-Patterns. Aus der Maschinenbeschreibung leitet sie ' +
      'die Gefährdungen ab — keine Auswahllisten, keine vergessenen Punkte.',
    proof: 'Audit-Suite cmd/iace-audit erkennt eigene Lücken (Methode A–E)',
  },
  {
    id: 'multi-markt',
    no: '2',
    title: 'Eine Risikobeurteilung — alle Märkte',
    sub: 'CE + OSHA + ANSI + GB + JIS aus einem Datenmodell.',
    body:
      'Die gleiche Pattern-Engine generiert pro Maschinenbeschreibung mehrere Compliance-Anhänge. Hersteller wählt seine Zielmärkte. ' +
      'EU-Recht zitieren wir wörtlich (Rule 1). OWASP unter CC-BY-SA mit Pflicht-Attribution (Rule 2). DIN/EN nur per Identifier (Rule 3). ' +
      'Norm-Cross-Reference-Bibliothek mappt ISO 12100 ↔ DIN EN ISO 12100 ↔ ANSI B11.0 ↔ GB/T 15706 ↔ JIS B 9700.',
    proof: '252 Regulationen klassifiziert · 314.811 Controls audited',
  },
  {
    id: 'folgegefahren',
    no: '3',
    title: 'Vom Bediener bis zum Endkunden',
    sub: 'Folgegefahren-Modell mit Sekundärschadens-Kette.',
    body:
      'Klassische Risikobeurteilung schaut nur den Bediener an. Wir modellieren die Schadenskette weiter: Glasbruch in der Abfüllanlage ' +
      'verletzt nicht nur den Bediener, sondern erreicht über Restsplitter den Endkunden. BreakPilot verbindet CE-Sicherheit mit ' +
      'Produkthaftung nach ProdHaftG, Lebensmittelrecht nach VO 178/2002 und ISO 31000 Unternehmensrisiko in einem Datenmodell.',
    proof: 'SecondaryHarm-Modell live für consumer_safety, product_liability, food_safety, environmental, reputation, financial',
  },
  {
    id: 'public-domain',
    no: '4',
    title: 'Public Domain als Rechtsanker',
    sub: 'Werte aus OSHA, NIST, EUR-Lex, BAuA — auditfähig zitiert.',
    body:
      'Mindestabstände der Maschinensicherheit kommen bei uns aus OSHA 29 CFR 1910 Subpart O — US Federal Public Domain, lizenzrechtlich ' +
      'unbedenklich. Engineering-Rundung auf safe-side mm-Raster wird transparent dokumentiert. EU-Normen erscheinen nur als Identifier-Verweis ' +
      'mit einer menschlich kuratierten "Strenger/Gleich/Weicher"-Annotation — kein Copyright-Risiko.',
    proof: 'OSHA Table O-10 + §1910.217 PSDI-Formel verbatim · DIN nur Identifier · 6 DGUV-Publikationen referenziert',
  },
  {
    id: 'audit-suite',
    no: '5',
    title: 'Audit findet Lücken, die der Fachmann übersieht',
    sub: 'Fünf deterministische Audits ohne Ground Truth.',
    body:
      'Unsere Engine kennt ihre eigenen Lücken. Methode A bis E (Reachability, Consistency, Vocabulary, Echo, Hierarchy) finden Gaps ' +
      'ohne Fachmann-Vergleich. Bei einem Test fanden wir 100 strukturell unerreichbare Patterns und 46 unvollständige Component-Tags — ' +
      'Probleme, die ein menschlicher Auditor in einem Einzelfall nie gesehen hätte.',
    proof: 'cmd/iace-audit · 1.213 Patterns transparent · 99,94% Recall verifiziert',
  },
  {
    id: 'made-in-germany',
    no: '6',
    title: 'Made in Germany meets US Federal Public Domain',
    sub: 'Deutscher Maschinenbau, der gleichzeitig US-Compliance liefert.',
    body:
      'Deutscher Exportweltmeister-Maschinenbau braucht UL/NRTL-Zulassung für die USA. Die gleichen Daten, die wir für CE generieren, ' +
      'liefern dem US-Auditor 80 % der Vorarbeit. Risikobeurteilung in einer Sprache, Compliance in zwei Märkten — ohne Mehraufwand für den Hersteller.',
    proof: 'OSHA-Anker im RAG · NRTL-fähige Compliance-Spur · DesignSafe-Marktstandard wird hier erweitert, nicht imitiert',
  },
  {
    id: 'tooling',
    no: '7',
    title: 'LLM-Gap-Review als Co-Pilot, nicht als Roboter-Anwalt',
    sub: 'Pattern-Engine als Audit-Spur, LLM als Lücken-Suchhund.',
    body:
      'Die deterministische Engine bleibt die auditfähige Quelle der Wahrheit. Ein nachgelagerter LLM-Gap-Review (Qwen / Claude) prüft, ' +
      'was die Engine übersehen hat — mit klarer Quellen-Provenance (R3 LLM-Review) und Adopt/Reject-UX. Halluzinationen können nicht in ' +
      'die finale Risikobeurteilung schlüpfen.',
    proof: 'POST /projects/:id/llm-gap-review · Konfidenz-Stufen · Fallback auf statische Checkliste',
  },
] as const

const competitors = [
  { feature: 'Pattern-Engine statt Checkliste', bp: '✓', ds: '—', pilz: '—', sick: '—', sphera: '—' },
  { feature: 'Multi-Markt CE / US / CN / JP', bp: '✓', ds: 'nur US', pilz: 'nur EU', sick: 'nur EU', sphera: 'enterprise' },
  { feature: 'Folgegefahren-Modell', bp: '✓', ds: '—', pilz: '—', sick: '—', sphera: 'Process' },
  { feature: 'Audit-Suite (Engine-Lücken-Erkennung)', bp: '✓', ds: '—', pilz: '—', sick: '—', sphera: '—' },
  { feature: 'OSHA-Anker (Public Domain Werte)', bp: '✓', ds: '✓', pilz: '—', sick: '—', sphera: '—' },
  { feature: 'LLM-Gap-Review (Co-Pilot)', bp: '✓', ds: '—', pilz: '—', sick: '—', sphera: '—' },
]

export default function StaerkenPage() {
  return (
    <>
      <Navbar />
      <main className="bg-enterprise-dark text-white pt-32 pb-24">
        <div className="max-w-5xl mx-auto px-4">
          <header className="mb-16">
            <h1 className="text-5xl font-bold mb-4">Was uns differenziert</h1>
            <p className="text-white/60 text-lg max-w-3xl">
              Sieben konkrete Punkte, die BreakPilot von DesignSafe, Pilz, Sick, TÜV-Tools und Sphera trennen.
              Jede Differenzierung ist im Produkt umgesetzt — kein Marketing-Versprechen.
            </p>
          </header>

          <ol className="space-y-12">
            {usps.map((u) => (
              <li id={u.id} key={u.id} className="border-l-2 border-accent-electric pl-6">
                <div className="flex items-baseline gap-3 mb-2">
                  <span className="text-accent-electric font-mono text-3xl font-bold">#{u.no}</span>
                  <h2 className="text-2xl font-semibold">{u.title}</h2>
                </div>
                <p className="text-accent-electric/80 text-sm mb-3">{u.sub}</p>
                <p className="text-white/70 leading-relaxed mb-3">{u.body}</p>
                <p className="text-white/40 text-xs">
                  <span className="text-white/60">Belegt durch:</span> {u.proof}
                </p>
              </li>
            ))}
          </ol>

          <section className="mt-20">
            <h2 className="text-3xl font-bold mb-4">Direktvergleich</h2>
            <p className="text-white/60 mb-6 max-w-3xl">
              Stand 2026. Marktangaben basieren auf öffentlicher Produktinformation der genannten Anbieter.
            </p>
            <div className="overflow-x-auto border border-white/10 rounded-lg">
              <table className="w-full text-sm">
                <thead className="bg-white/[0.04] border-b border-white/10">
                  <tr>
                    <th className="text-left p-3 font-medium">Feature</th>
                    <th className="text-left p-3 font-medium text-accent-electric">BreakPilot</th>
                    <th className="text-left p-3 font-medium text-white/60">DesignSafe</th>
                    <th className="text-left p-3 font-medium text-white/60">Pilz PASS</th>
                    <th className="text-left p-3 font-medium text-white/60">Sick SD</th>
                    <th className="text-left p-3 font-medium text-white/60">Sphera</th>
                  </tr>
                </thead>
                <tbody>
                  {competitors.map((c) => (
                    <tr key={c.feature} className="border-t border-white/[0.06]">
                      <td className="p-3 text-white/80">{c.feature}</td>
                      <td className="p-3 text-accent-electric font-medium">{c.bp}</td>
                      <td className="p-3 text-white/50">{c.ds}</td>
                      <td className="p-3 text-white/50">{c.pilz}</td>
                      <td className="p-3 text-white/50">{c.sick}</td>
                      <td className="p-3 text-white/50">{c.sphera}</td>
                    </tr>
                  ))}
                </tbody>
              </table>
            </div>
          </section>

          <section className="mt-20 border-t border-white/10 pt-12">
            <h2 className="text-2xl font-bold mb-3">Quellen &amp; Lizenz-Architektur</h2>
            <p className="text-white/60 leading-relaxed">
              Die Plattform stützt sich auf öffentliche Quellen: EU-Recht (EUR-Lex), Bundesrecht (BetrSichV, ArbSchG),
              US Federal Code (OSHA, NIST), Behörden-Leitfäden (ENISA, EDPB, BAuA), freie Sicherheits-Frameworks unter
              CC-BY-SA (OWASP). Jeder Inhalt trägt eine deterministische Lizenzregel R1/R2/R3 und löst die
              entsprechende Attribution im Ausgabe-PDF und im Frontend automatisch aus. Vollständige Quellenliste
              im SDK unter <code className="bg-white/[0.06] px-1.5 py-0.5 rounded">/sdk/licenses</code>.
            </p>
          </section>
        </div>
      </main>
      <Footer />
      <ChatFAB />
    </>
  )
}
