fix(pitch-deck): regulatory matrix — remove legend, stagger headers
All checks were successful
Build pitch-deck / build-push-deploy (push) Successful in 1m1s
CI / go-lint (push) Has been skipped
CI / python-lint (push) Has been skipped
CI / nodejs-lint (push) Has been skipped
CI / test-go-consent (push) Successful in 30s
CI / test-python-voice (push) Successful in 33s
CI / test-bqas (push) Successful in 29s

- Remove colored dot legend row (redundant with column headers)
- Stagger column headers on 2 rows (odd/even) to save space
- Last column: Reg. → Regulatorien

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-04-14 23:54:59 +02:00
parent f385c612f5
commit 7b8f8d4b5a

View File

@@ -90,32 +90,37 @@ export default function RegulatoryLandscapeSlide({ lang }: RegulatoryLandscapeSl
{/* Matrix */} {/* Matrix */}
<FadeInView delay={0.5}> <FadeInView delay={0.5}>
<GlassCard hover={false} className="p-4 overflow-x-auto"> <GlassCard hover={false} className="p-4 overflow-x-auto">
{/* Category Legend */}
<div className="flex flex-wrap gap-3 mb-4 justify-center">
{CATEGORIES.map((cat) => (
<div key={cat.id} className="flex items-center gap-1.5">
<div className="w-2.5 h-2.5 rounded-full" style={{ backgroundColor: cat.color }} />
<span className="text-[10px] text-white/50">{categoryLabels[cat.id]}</span>
</div>
))}
</div>
{/* Matrix Grid */} {/* Matrix Grid */}
<div className="space-y-1.5"> <div className="space-y-1.5">
{/* Header row */} {/* Staggered header rows — odd columns on top row, even on bottom */}
<div className="grid items-center gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}> <div className="grid items-end gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}>
<div className="text-[9px] text-white/30 uppercase tracking-wider pl-1"> <div />
{lang === 'de' ? 'Branche' : 'Industry'} {CATEGORIES.map((cat, idx) => (
</div>
{CATEGORIES.map((cat) => (
<div key={cat.id} className="text-center"> <div key={cat.id} className="text-center">
{idx % 2 === 0 ? (
<span className="text-[8px] font-semibold uppercase tracking-wider" style={{ color: cat.color }}> <span className="text-[8px] font-semibold uppercase tracking-wider" style={{ color: cat.color }}>
{categoryLabels[cat.id]} {categoryLabels[cat.id]}
</span> </span>
) : null}
</div>
))}
<div />
</div>
<div className="grid items-start gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}>
<div className="text-[9px] text-white/30 uppercase tracking-wider pl-1">
{lang === 'de' ? 'Branche' : 'Industry'}
</div>
{CATEGORIES.map((cat, idx) => (
<div key={cat.id} className="text-center">
{idx % 2 === 1 ? (
<span className="text-[8px] font-semibold uppercase tracking-wider" style={{ color: cat.color }}>
{categoryLabels[cat.id]}
</span>
) : null}
</div> </div>
))} ))}
<div className="text-[8px] text-white/30 text-center font-semibold uppercase tracking-wider"> <div className="text-[8px] text-white/30 text-center font-semibold uppercase tracking-wider">
{lang === 'de' ? 'Reg.' : 'Regs'} {lang === 'de' ? 'Regulatorien' : 'Regulations'}
</div> </div>
</div> </div>