{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "security-compliance-badges", "title": "Security Compliance Badges", "type": "registry:block", "files": [ { "path": "packages/registry-react/blocks/security-compliance-badges/SecurityComplianceBadges.tsx", "content": "'use client'\n\nimport * as React from 'react'\nimport { Check, CheckCircle2, Copy, Download, RefreshCw, ShieldCheck } from 'lucide-react'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card } from '@/components/ui/card'\nimport { cn } from '@/lib/utils'\n\ninterface CompliancePillar {\n id: string\n name: string\n standard: string\n status: string\n auditor: string\n lastAudit: string\n sha256: string\n highlights: string[]\n}\n\nconst pillars: CompliancePillar[] = [\n {\n id: 'soc2',\n name: 'SOC2 Type II Certified',\n standard: 'AICPA Trust Services Criteria (Security, Availability, Confidentiality)',\n status: 'Clean Opinion (Zero Exceptions)',\n auditor: 'Schellman & Company, LLC',\n lastAudit: 'Q4 2025 Audit Period',\n sha256: '9f86d081884c7d659a2feaa0c55ad015a3bf4f1b2b0b822cd15d6c15b0f00a08',\n highlights: [\n 'Continuous 24/7 automated control monitoring via Drata',\n 'Annual independent black-box & white-box penetration testing',\n 'Mandatory hardware key 2FA (WebAuthn / FIDO2) across all staff',\n 'Immutable tamper-evident centralized audit logs with 365-day retention',\n ],\n },\n {\n id: 'iso27001',\n name: 'ISO/IEC 27001:2022',\n standard: 'Information Security Management System (ISMS)',\n status: 'Globally Certified',\n auditor: 'BSI Group Global',\n lastAudit: 'Continuous Surveillance',\n sha256: '5e884898da28047151d0e56f8dc6292773603d0d6aabbdd62a11ef721d1542d8',\n highlights: [\n 'Strict cryptographic key management with automated rotation',\n 'Zero vendor data sharing or telemetry monetization guarantees',\n 'Comprehensive disaster recovery with RPO < 1 min, RTO < 15 mins',\n 'Physical security auditing of all tier-4 sovereign edge hosting locations',\n ],\n },\n {\n id: 'gdpr',\n name: 'GDPR & CCPA Compliant',\n standard: 'EU 2016/679 & California Consumer Privacy Act',\n status: 'Strict Privacy Tier',\n auditor: 'Internal Privacy Council + DPO',\n lastAudit: 'Live Continuous Compliance',\n sha256: '4b227777d4dd1fc61c6f884f48641d02b4d121d3fd328cb08b5531fcacdabf8a',\n highlights: [\n 'Zero third-party tracking cookies or marketing beacons in registry AST',\n 'Automated self-serve data portability & deletion API endpoints',\n 'EU Standard Contractual Clauses (SCCs) baked into standard DPA',\n 'Encrypted localized edge caches with sovereign residency enforcement',\n ],\n },\n {\n id: 'hipaa',\n name: 'HIPAA & HITECH Ready',\n standard: 'Health Insurance Portability and Accountability Act',\n status: 'BAA Eligible',\n auditor: 'Coalfire Systems',\n lastAudit: 'Annual Attestation',\n sha256: 'ef2d127de37b942baad06145e54b0c619a1f22327b2ebbcfbec78f5564afe39d',\n highlights: [\n 'AES-256 encryption for data at rest and TLS 1.3 in transit',\n 'Automated Business Associate Agreement (BAA) execution for enterprise tiers',\n 'Strict role-based access control (RBAC) with just-in-time privilege escalation',\n 'PHI isolation architecture with zero persistent client-side caching',\n ],\n },\n]\n\nexport interface SecurityComplianceBadgesProps {\n className?: string\n}\n\nexport function SecurityComplianceBadges({ className }: SecurityComplianceBadgesProps) {\n const [activeTab, setActiveTab] = React.useState('soc2')\n const [copiedHash, setCopiedHash] = React.useState(false)\n const [isDownloadingReport, setIsDownloadingReport] = React.useState(false)\n\n const currentPillar = pillars.find((p) => p.id === activeTab)!\n\n const copyHash = () => {\n navigator.clipboard.writeText(currentPillar.sha256)\n setCopiedHash(true)\n setTimeout(() => setCopiedHash(false), 2000)\n }\n\n const mockDownload = () => {\n setIsDownloadingReport(true)\n setTimeout(() => {\n setIsDownloadingReport(false)\n }, 1200)\n }\n\n return (\n \n {/* Ambient Radial Glow */}\n
\n\n
\n {/* Section Header */}\n
\n \n \n Enterprise Trust & Cryptographic Security\n \n

\n Built for the most compliance-sensitive architectures.\n

\n

\n Zero runtime bloat, zero tracking beacons, and independent third-party verified attestations for your SecOps\n team.\n

\n
\n\n {/* Compliance Badges 4-Tile Preview Row */}\n
\n {pillars.map((p) => (\n setActiveTab(p.id)}\n >\n
\n
\n \n
\n \n
\n\n

{p.name.split(' ')[0]}

\n

{p.status}

\n \n ))}\n
\n\n {/* Interactive Attestation & Security Workbench Card */}\n \n {/* Workbench Top Details */}\n
\n
\n
\n

{currentPillar.name}

\n \n Verified\n \n
\n

{currentPillar.standard}

\n
\n\n \n
\n\n {/* Audit Details Grid */}\n
\n {/* Left: Key Controls & Technical Enforcements */}\n
\n

Key Technical Controls

\n
    \n {currentPillar.highlights.map((item, idx) => (\n
  • \n \n {item}\n
    • \n ))}\n
\n
\n\n {/* Right: Auditor & Cryptographic SHA-256 Fingerprint */}\n
\n
\n
\n Independent Auditor:\n {currentPillar.auditor}\n
\n
\n Audit Cycle:\n {currentPillar.lastAudit}\n
\n
\n CVE Vulnerability Scan:\n 0 High • 0 Critical\n
\n
\n\n {/* SHA-256 Hash Box */}\n
\n
\n Attestation PDF SHA-256 Fingerprint:\n \n {copiedHash ? : }\n {copiedHash ? 'Copied' : 'Copy Hash'}\n \n
\n

\n {currentPillar.sha256}\n

\n
\n
\n
\n \n
\n \n )\n}\nexport default SecurityComplianceBadges\n", "type": "registry:block", "target": "~/components/blocks/SecurityComplianceBadges.tsx" } ], "dependencies": [ "lucide-react" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/react/badge.json", "https://uipkge.dev/r/react/button.json", "https://uipkge.dev/r/react/card.json" ], "description": "Enterprise security and compliance workbench featuring SOC2, ISO27001, GDPR, and HIPAA audit inspection, cryptographic SHA-256 fingerprint verification, and whitepaper download.", "categories": [ "marketing" ] }