'use client'

import { Shield, GitBranch, Server, Scan, FileCheck, Layers } from 'lucide-react'
import { useApp } from '@/lib/context'
import SectionHeading from '@/components/ui/SectionHeading'
import GlassCard from '@/components/ui/GlassCard'

const icons = [Shield, GitBranch, Scan, Server, FileCheck, Layers]

const content = {
  de: {
    tag: '05 / DIFFERENZIERUNG',
    title: 'Was BreakPilot',
    titleHighlight: 'einzigartig macht.',
    subtitle: 'Sechs Alleinstellungsmerkmale, die kein anderer Anbieter in einer Plattform vereint.',
    items: [
      { title: 'Deterministisch, nicht generativ', description: 'Regelbasierte Analyse statt LLM-Interpretation. Jedes Ergebnis ist reproduzierbar und versioniert — unabhängig vom Modell.' },
      { title: 'Lückenloser Decision Trail', description: 'Von der Rechtsquelle über die Obligation zum Control bis zur Maßnahme. Jeder Schritt ist auditierbar und dokumentiert.' },
      { title: 'Code Security integriert', description: 'SAST, DAST, SBOM und Container Scanning als Teil der Compliance-Plattform — nicht als separates Tool.' },
      { title: 'Vollständig on-premise deploybar', description: 'Kein US-Cloud-Anbieter in der gesamten Architektur. Betrieb auf eigener Hardware oder in BSI-zertifizierten Rechenzentren.' },
      { title: 'Regulierungsübergreifend', description: 'DSGVO, NIS2, AI Act, Maschinenverordnung, TDDDG, DORA — eine Plattform statt sieben Einzellösungen.' },
      { title: '294.000+ atomare Controls', description: 'Abgeleitet aus 380+ Rechtsquellen. Nicht manuell kuratiert, sondern systematisch aus Originaltext extrahiert und verifiziert.' },
    ],
  },
  en: {
    tag: '05 / DIFFERENTIATION',
    title: 'What makes BreakPilot',
    titleHighlight: 'unique.',
    subtitle: 'Six unique selling points that no other provider combines in a single platform.',
    items: [
      { title: 'Deterministic, not generative', description: 'Rule-based analysis instead of LLM interpretation. Every result is reproducible and versioned — independent of the model.' },
      { title: 'Seamless decision trail', description: 'From legal source through obligation to control to action. Every step is auditable and documented.' },
      { title: 'Code security integrated', description: 'SAST, DAST, SBOM and container scanning as part of the compliance platform — not as a separate tool.' },
      { title: 'Fully on-premise deployable', description: 'No US cloud provider in the entire architecture. Operation on own hardware or in BSI-certified data centers.' },
      { title: 'Cross-regulatory', description: 'GDPR, NIS2, AI Act, Machinery Regulation, TDDDG, DORA — one platform instead of seven individual solutions.' },
      { title: '294,000+ atomic controls', description: 'Derived from 380+ legal sources. Not manually curated, but systematically extracted and verified from original text.' },
    ],
  },
}

export default function ComparisonSection() {
  const { lang } = useApp()
  const c = content[lang]

  return (
    <section id="comparison" className="py-24 sm:py-32">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <SectionHeading
          tag={c.tag}
          title={c.title}
          titleHighlight={c.titleHighlight}
          subtitle={c.subtitle}
        />

        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
          {c.items.map((item, idx) => {
            const Icon = icons[idx]
            return (
              <GlassCard key={idx} delay={idx * 0.08}>
                <div className="w-10 h-10 rounded-xl bg-accent-electric/10 flex items-center justify-center mb-4">
                  <Icon className="w-5 h-5 text-accent-electric" />
                </div>
                <h3 className="text-sm font-bold mb-2">{item.title}</h3>
                <p className="text-xs text-white/40 leading-relaxed">{item.description}</p>
              </GlassCard>
            )
          })}
        </div>
      </div>
    </section>
  )
}
