diff --git a/pitch-deck/components/slides/USPSlide.tsx b/pitch-deck/components/slides/USPSlide.tsx index d1b2afd..b17bad6 100644 --- a/pitch-deck/components/slides/USPSlide.tsx +++ b/pitch-deck/components/slides/USPSlide.tsx @@ -1,5 +1,6 @@ 'use client' +import { useState } from 'react' import { Language } from '@/lib/types' import GradientText from '../ui/GradientText' import FadeInView from '../ui/FadeInView' @@ -17,10 +18,13 @@ interface USPSlideProps { lang: Language } +type BridgeVariant = 'A' | 'B' | 'C' + export default function USPSlide({ lang }: USPSlideProps) { const de = lang === 'de' + const [bridgeVariant, setBridgeVariant] = useState('A') - const title = de ? 'Unser USP' : 'Our USP' + const title = 'USP' const subtitle = de ? 'Die erste Plattform, die Compliance-Dokumente und tatsächliche Code-Umsetzung verbindet' : 'The first platform that connects compliance documents with actual code implementation' @@ -112,14 +116,69 @@ export default function USPSlide({ lang }: USPSlideProps) { - {/* Center: Bridge */} + {/* Center: Bridge — 3 variants to choose from */}
-
- + {bridgeVariant === 'A' && ( + /* Variant A: Circular Loop with BreakPilot in center */ +
+ {/* Rotating ring */} +
+ {/* Arrows on ring */} +
+
+
+
+ {/* Center hub */} +
+ Break
Pilot
+
+
+ )} + {bridgeVariant === 'B' && ( + /* Variant B: Infinity Loop */ +
+ + + + + + + + + + Break + Pilot + +
+ )} + {bridgeVariant === 'C' && ( + /* Variant C: Hexagonal Hub with arrows */ +
+
+
+ Break + Pilot + COMPLAI +
+
+ {/* Left arrow */} +
+ {/* Right arrow */} +
+
+ )} + {/* Variant toggle — small buttons below */} +
+ {(['A', 'B', 'C'] as BridgeVariant[]).map(v => ( + + ))}
-

- {de ? 'Brücke' : 'Bridge'} -

{/* Right: Code */} diff --git a/pitch-deck/lib/i18n.ts b/pitch-deck/lib/i18n.ts index 07b4513..db628d0 100644 --- a/pitch-deck/lib/i18n.ts +++ b/pitch-deck/lib/i18n.ts @@ -95,7 +95,7 @@ const translations = { pillars: [ { title: 'Kontinuierliche Code-Security', - desc: 'SAST, DAST, SBOM und Pentesting bei jeder Code-Änderung — nicht einmal im Jahr. Findings direkt als Tickets im Issue-Tracker deiner Wahl, mit Implementierungsvorschlägen. 30.000+ EUR/Jahr Pentest-Kosten gespart.', + desc: 'SAST, DAST, SBOM und Pentesting bei jeder Code-Änderung — nicht einmal im Jahr. Findings direkt als Tickets im Issue-Tracker deiner Wahl, mit Implementierungsvorschlägen. 15.000+ EUR pro Jahr und Anwendung an Pentest-Kosten gespart.', icon: 'scan', }, { @@ -105,7 +105,7 @@ const translations = { }, { title: 'Deutsche Cloud, volle Integration', - desc: 'BSI-zertifizierte Cloud in DE oder FR. Live-Support über Jitsi (Video) und Matrix (Chat). Keine US-SaaS im Source Code. Optional Mac Mini/Studio für maximale Privacy.', + desc: 'BSI-zertifizierte Cloud in Deutschland. Live-Support über Jitsi (Video) und Matrix (Chat). Keine US-SaaS im Source Code. Optional Mac Mini/Studio für maximale Privacy.', icon: 'server', }, ], @@ -390,7 +390,7 @@ const translations = { pillars: [ { title: 'Continuous Code Security', - desc: 'SAST, DAST, SBOM and pentesting on every code change — not once a year. Findings as tickets in the issue tracker of your choice, with implementation suggestions. EUR 30,000+/year pentest costs saved.', + desc: 'SAST, DAST, SBOM and pentesting on every code change — not once a year. Findings as tickets in the issue tracker of your choice, with implementation suggestions. EUR 15,000+ per year per application in pentest costs saved.', icon: 'scan', }, { @@ -400,7 +400,7 @@ const translations = { }, { title: 'German Cloud, Full Integration', - desc: 'BSI-certified cloud in DE or FR. Live support via Jitsi (video) and Matrix (chat). No US SaaS in source code. Optional Mac Mini/Studio for maximum privacy.', + desc: 'BSI-certified cloud in Germany. Live support via Jitsi (video) and Matrix (chat). No US SaaS in source code. Optional Mac Mini/Studio for maximum privacy.', icon: 'server', }, ],