'use client' import { useState } from 'react' import { motion, AnimatePresence } from 'framer-motion' import { Language } from '@/lib/types' import { t } from '@/lib/i18n' import { AlertTriangle, Scale, Shield, ExternalLink, X } from 'lucide-react' import GlassCard from '../ui/GlassCard' import GradientText from '../ui/GradientText' import FadeInView from '../ui/FadeInView' interface ProblemSlideProps { lang: Language } interface SourceInfo { name: string url: string date: string excerpt_de: string excerpt_en: string } interface ProblemCardData { sources: SourceInfo[] } // Quellenangaben fuer jede Behauptung const cardSources: ProblemCardData[] = [ { // DSGVO: 4.1 Mrd EUR Bussgelder, 83% KMU sources: [ { name: 'GDPR Enforcement Tracker (CMS Law)', url: 'https://www.enforcementtracker.com/', date: '2025', excerpt_de: 'Der GDPR Enforcement Tracker dokumentiert alle oeffentlich bekannten DSGVO-Bussgelder in der EU. Kumuliert belaufen sich die Bussgelder auf ueber 4,1 Mrd. EUR seit Inkrafttreten der DSGVO im Mai 2018.', excerpt_en: 'The GDPR Enforcement Tracker documents all publicly known GDPR fines across the EU. Cumulative fines exceed EUR 4.1 billion since the GDPR took effect in May 2018.', }, { name: 'DIHK Digitalisierungsumfrage 2024', url: 'https://www.dihk.de/de/themen-und-positionen/wirtschaft-digital/digitalisierung', date: '2024', excerpt_de: 'Laut der DIHK-Digitalisierungsumfrage 2024 geben 83% der befragten KMU an, die DSGVO-Anforderungen nicht vollstaendig umgesetzt zu haben. Hauptgruende sind mangelnde Ressourcen, fehlendes Know-how und die Komplexitaet der Vorschriften.', excerpt_en: 'According to the DIHK Digitization Survey 2024, 83% of surveyed SMEs report not having fully implemented GDPR requirements. Main reasons cited are lack of resources, missing expertise, and regulatory complexity.', }, { name: 'Compliance-Markt validiert: Top-10 Anbieter >$1,1 Mrd. Umsatz', url: 'https://sacra.com/c/vanta/', date: '2025-2026', excerpt_de: 'Der Markt ist real: Vanta ($220M ARR, $4,15 Mrd. Bewertung), Drata ($100M), OneTrust ($500M+), DataGuard (€52M). Allein die Top-10 Compliance-Automation-Anbieter erzielen >$1,1 Mrd. Umsatz. Trotzdem managen 80% der Unternehmen Compliance noch manuell — die Marktdurchdringung ist erst am Anfang.', excerpt_en: 'The market is real: Vanta ($220M ARR, $4.15B valuation), Drata ($100M), OneTrust ($500M+), DataGuard (€52M). The top 10 compliance automation providers alone generate >$1.1B revenue. Yet 80% of companies still manage compliance manually — market penetration is still early.', }, ], }, { // AI Act: August 2025 sources: [ { name: 'EU AI Act — Verordnung (EU) 2024/1689', url: 'https://eur-lex.europa.eu/eli/reg/2024/1689', date: '2024-08-01', excerpt_de: 'Die EU-KI-Verordnung (AI Act) trat am 1. August 2024 in Kraft. Ab dem 2. August 2025 gelten die Verbote fuer KI-Systeme mit unannehmbarem Risiko (Art. 5) sowie die Verpflichtungen fuer Anbieter von KI-Modellen mit allgemeinem Verwendungszweck (Art. 51-56). Ab August 2026 gelten die Anforderungen fuer Hochrisiko-KI-Systeme.', excerpt_en: 'The EU AI Act (Regulation 2024/1689) entered into force on August 1, 2024. From August 2, 2025, prohibitions on unacceptable-risk AI systems (Art. 5) and obligations for general-purpose AI model providers (Art. 51-56) apply. Requirements for high-risk AI systems apply from August 2026.', }, ], }, { // NIS2: 30.000+ Unternehmen sources: [ { name: 'BSI — NIS-2-Umsetzungs- und Cybersicherheitsstaerkungsgesetz', url: 'https://www.bsi.bund.de/DE/Themen/Regulierte-Wirtschaft/NIS-2-regulierte-Unternehmen/nis-2-regulierte-unternehmen_node.html', date: '2025', excerpt_de: 'Das NIS-2-Umsetzungsgesetz (NIS2UmsuCG) erweitert den Kreis der regulierten Unternehmen in Deutschland erheblich. Nach Schaetzungen des BSI und des BMI sind kuenftig mehr als 30.000 Unternehmen und Einrichtungen von den neuen Cybersicherheitsanforderungen betroffen — gegenueber bisher ca. 4.500 unter der NIS-1-Richtlinie.', excerpt_en: 'The NIS-2 Implementation Act significantly expands the scope of regulated entities in Germany. According to BSI and BMI estimates, more than 30,000 companies and institutions will be affected by the new cybersecurity requirements — compared to approximately 4,500 under NIS-1.', }, ], }, ] const icons = [AlertTriangle, Scale, Shield] function SourceModal({ isOpen, onClose, cardIndex, lang, cardTitle, }: { isOpen: boolean onClose: () => void cardIndex: number lang: Language cardTitle: string }) { if (!isOpen) return null const sources = cardSources[cardIndex]?.sources || [] return ( {isOpen && (
e.stopPropagation()} >

{cardTitle}

{lang === 'de' ? 'Quellenangaben' : 'Sources'}

{sources.map((src, idx) => (

{src.name}

{src.date}

{lang === 'de' ? src.excerpt_de : src.excerpt_en}

))}
)} ) } export default function ProblemSlide({ lang }: ProblemSlideProps) { const i = t(lang) const [activeModal, setActiveModal] = useState(null) return (

{i.problem.title}

{i.problem.subtitle}

{i.problem.cards.map((card, idx) => { const Icon = icons[idx] const sourceCount = cardSources[idx]?.sources.length || 0 return ( setActiveModal(idx)} >

{card.title}

{card.stat}

{card.desc}

{sourceCount} {lang === 'de' ? (sourceCount === 1 ? 'Quelle' : 'Quellen') : (sourceCount === 1 ? 'source' : 'sources')} {' · '} {lang === 'de' ? 'Klicken fuer Details' : 'Click for details'}

) })}

“{i.problem.quote}”

{/* Source Modals */} {i.problem.cards.map((card, idx) => ( setActiveModal(null)} cardIndex={idx} lang={lang} cardTitle={card.title} /> ))}
) }