557305db5d
Some checks failed
ci/woodpecker/push/integration Pipeline failed
ci/woodpecker/push/main Pipeline failed
CI/CD Pipeline / Go Tests (push) Has been cancelled
CI/CD Pipeline / Python Tests (push) Has been cancelled
CI/CD Pipeline / Website Tests (push) Has been cancelled
CI/CD Pipeline / Linting (push) Has been cancelled
CI/CD Pipeline / Security Scan (push) Has been cancelled
CI/CD Pipeline / Docker Build & Push (push) Has been cancelled
CI/CD Pipeline / Integration Tests (push) Has been cancelled
CI/CD Pipeline / Deploy to Staging (push) Has been cancelled
CI/CD Pipeline / Deploy to Production (push) Has been cancelled
CI/CD Pipeline / CI Summary (push) Has been cancelled
Security Scanning / Secret Scanning (push) Has been cancelled
Security Scanning / Dependency Vulnerability Scan (push) Has been cancelled
Security Scanning / Go Security Scan (push) Has been cancelled
Security Scanning / Python Security Scan (push) Has been cancelled
Security Scanning / Node.js Security Scan (push) Has been cancelled
Security Scanning / Docker Image Security (push) Has been cancelled
Security Scanning / Security Summary (push) Has been cancelled
Tests / Go Tests (push) Has been cancelled
Tests / Python Tests (push) Has been cancelled
Tests / Integration Tests (push) Has been cancelled
Tests / Go Lint (push) Has been cancelled
Tests / Python Lint (push) Has been cancelled
Tests / Security Scan (push) Has been cancelled
Tests / All Checks Passed (push) Has been cancelled
- Academy, Whistleblower, Incidents frontend pages with API proxies and types - Vendor compliance API proxy route - Go backend handlers and models for all new SDK modules - Investor pitch-deck app with interactive slides - Blog section with DSGVO, AI Act, NIS2, glossary articles - MkDocs documentation site - CI/CD pipelines (Woodpecker, GitHub Actions), security scanning config - Planning and implementation documentation Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
69 lines
2.4 KiB
TypeScript
69 lines
2.4 KiB
TypeScript
'use client'
|
|
|
|
import { motion } from 'framer-motion'
|
|
import { PitchFeature, Language } from '@/lib/types'
|
|
import { Check, X, Star } from 'lucide-react'
|
|
|
|
interface FeatureMatrixProps {
|
|
features: PitchFeature[]
|
|
lang: Language
|
|
}
|
|
|
|
function Cell({ value, isDiff }: { value: boolean; isDiff: boolean }) {
|
|
return (
|
|
<td className="px-4 py-3 text-center">
|
|
{value ? (
|
|
<motion.span
|
|
initial={{ scale: 0 }}
|
|
animate={{ scale: 1 }}
|
|
transition={{ type: 'spring', stiffness: 500, delay: 0.1 }}
|
|
>
|
|
<Check className={`w-5 h-5 mx-auto ${isDiff ? 'text-green-400' : 'text-white/50'}`} />
|
|
</motion.span>
|
|
) : (
|
|
<X className="w-5 h-5 mx-auto text-white/20" />
|
|
)}
|
|
</td>
|
|
)
|
|
}
|
|
|
|
export default function FeatureMatrix({ features, lang }: FeatureMatrixProps) {
|
|
return (
|
|
<div className="overflow-x-auto">
|
|
<table className="w-full text-sm">
|
|
<thead>
|
|
<tr className="border-b border-white/10">
|
|
<th className="text-left px-4 py-3 font-medium text-white/60">Feature</th>
|
|
<th className="px-4 py-3 font-bold text-indigo-400">ComplAI</th>
|
|
<th className="px-4 py-3 font-medium text-white/60">Proliance</th>
|
|
<th className="px-4 py-3 font-medium text-white/60">DataGuard</th>
|
|
<th className="px-4 py-3 font-medium text-white/60">heyData</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{features.map((f, i) => (
|
|
<motion.tr
|
|
key={f.id}
|
|
initial={{ opacity: 0, x: -20 }}
|
|
animate={{ opacity: 1, x: 0 }}
|
|
transition={{ delay: i * 0.05 }}
|
|
className={`border-b border-white/5 ${f.is_differentiator ? 'bg-indigo-500/5' : ''}`}
|
|
>
|
|
<td className="px-4 py-3 flex items-center gap-2">
|
|
{f.is_differentiator && <Star className="w-3.5 h-3.5 text-yellow-400" />}
|
|
<span className={f.is_differentiator ? 'text-white font-medium' : 'text-white/70'}>
|
|
{lang === 'de' ? f.feature_name_de : f.feature_name_en}
|
|
</span>
|
|
</td>
|
|
<Cell value={f.breakpilot} isDiff={f.is_differentiator} />
|
|
<Cell value={f.proliance} isDiff={false} />
|
|
<Cell value={f.dataguard} isDiff={false} />
|
|
<Cell value={f.heydata} isDiff={false} />
|
|
</motion.tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
)
|
|
}
|