feat(presenter): add browser TTS (Web Speech API) + fix German umlauts

- Integrate Web Speech API into usePresenterMode for text-to-speech
- Speech-driven paragraph advancement (falls back to timer if TTS unavailable)
- TTS toggle button (Volume2/VolumeX) in PresenterOverlay
- Chrome keepAlive workaround for long speeches
- Voice selection: prefers premium/neural voices, falls back to any matching lang
- Fix all German umlauts across presenter-script, presenter-faq, i18n, route.ts

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-03-20 12:11:12 +01:00
parent 3a2567b44d
commit bcbceba31c
9 changed files with 370 additions and 218 deletions

View File

@@ -11,11 +11,11 @@ const translations = {
'Intro',
'Cover',
'Das Problem',
'Die Loesung',
'Die Lösung',
'Produkte',
'So funktioniert\'s',
'Markt',
'Geschaeftsmodell',
'Geschäftsmodell',
'Traction',
'Wettbewerb',
'Team',
@@ -30,7 +30,7 @@ const translations = {
'Anhang: KI-Pipeline',
],
cover: {
tagline: 'Compliance & Code-Security fuer den Maschinenbau',
tagline: 'Compliance & Code-Security für den Maschinenbau',
subtitle: 'Pre-Seed · Q4 2026',
cta: 'Pitch starten',
},
@@ -41,12 +41,12 @@ const translations = {
{
title: 'DSGVO',
stat: '4.1 Mrd EUR',
desc: 'Bussgelder seit 2018. Maschinenbauer verarbeiten Kundendaten, Telemetrie und Wartungsprotokolle — oft ohne DSGVO-Prozesse.',
desc: 'Bußgelder seit 2018. Maschinenbauer verarbeiten Kundendaten, Telemetrie und Wartungsprotokolle — oft ohne DSGVO-Prozesse.',
},
{
title: 'AI Act',
stat: 'Aug 2025',
desc: 'Maschinen mit KI-Komponenten muessen klassifiziert werden. Embedded KI in Steuerungen und Predictive Maintenance erfordert Dokumentation.',
desc: 'Maschinen mit KI-Komponenten müssen klassifiziert werden. Embedded KI in Steuerungen und Predictive Maintenance erfordert Dokumentation.',
},
{
title: 'CRA & NIS2',
@@ -57,12 +57,12 @@ const translations = {
quote: 'Maschinenbauer brauchen keine Compliance-Berater — sie brauchen eine KI, die ihren Code scannt, Risiken bewertet und Compliance dokumentiert.',
},
solution: {
title: 'Die Loesung',
title: 'Die Lösung',
subtitle: 'ComplAI — Compliance & Code-Security auf Autopilot',
pillars: [
{
title: 'Self-Hosted Vorarbeit',
desc: 'Mac Mini oder Mac Studio im Serverraum scannt Code, analysiert Repositories und erstellt Compliance-Dokumente. Kein Byte verlaesst das Unternehmen.',
desc: 'Mac Mini oder Mac Studio im Serverraum scannt Code, analysiert Repositories und erstellt Compliance-Dokumente. Kein Byte verlässt das Unternehmen.',
icon: 'server',
},
{
@@ -79,7 +79,7 @@ const translations = {
},
product: {
title: 'Unsere Produkte',
subtitle: 'Drei Tiers fuer jede Unternehmensgroesse',
subtitle: 'Drei Tiers für jede Unternehmensgröße',
monthly: '/Monat',
hardware: 'Hardware',
llm: 'KI-Modell',
@@ -92,19 +92,19 @@ const translations = {
steps: [
{
title: 'Hardware aufstellen',
desc: 'Mac Mini oder Mac Studio im Serverraum anschliessen. Plug & Play — scannt ab Tag 1 Ihre Repositories.',
desc: 'Mac Mini oder Mac Studio im Serverraum anschließen. Plug & Play — scannt ab Tag 1 Ihre Repositories.',
},
{
title: 'Code-Repos verbinden',
desc: 'Git-Repos, CI/CD Pipelines und Firmware-Projekte anbinden. Die lokale KI scannt automatisch auf Schwachstellen und Compliance-Luecken.',
desc: 'Git-Repos, CI/CD Pipelines und Firmware-Projekte anbinden. Die lokale KI scannt automatisch auf Schwachstellen und Compliance-Lücken.',
},
{
title: 'Compliance & Security automatisieren',
desc: 'Laufende Code-Analyse und Risikoanalysen bei jeder Aenderung. Bei kritischen Fixes schaltet sich das 1000B Cloud-LLM zu und implementiert Verbesserungen.',
desc: 'Laufende Code-Analyse und Risikoanalysen bei jeder Änderung. Bei kritischen Fixes schaltet sich das 1000B Cloud-LLM zu und implementiert Verbesserungen.',
},
{
title: 'Audit bestehen',
desc: 'Vollstaendige Dokumentation fuer DSGVO, AI Act, CRA und NIS2 auf Knopfdruck. Risikobeurteilungen fuer Ihre Software inklusive.',
desc: 'Vollständige Dokumentation für DSGVO, AI Act, CRA und NIS2 auf Knopfdruck. Risikobeurteilungen für Ihre Software inklusive.',
},
],
},
@@ -121,7 +121,7 @@ const translations = {
growth: 'Wachstum p.a.',
},
businessModel: {
title: 'Geschaeftsmodell',
title: 'Geschäftsmodell',
subtitle: 'Recurring Revenue mit Hardware-Moat',
unitEconomics: 'Unit Economics',
amortization: 'Amortisation',
@@ -151,7 +151,7 @@ const translations = {
},
team: {
title: 'Das Team',
subtitle: 'Gruender mit Domain-Expertise',
subtitle: 'Gründer mit Domain-Expertise',
equity: 'Equity',
expertise: 'Expertise',
},
@@ -191,20 +191,20 @@ const translations = {
send: 'Senden',
thinking: 'Denke nach...',
suggestions: [
'Wie funktioniert die Code-Security fuer Firmware?',
'Warum koennen Proliance und DataGuard das nicht?',
'Was kostet die Loesung fuer einen Maschinenbauer?',
'Wie sieht die Risikoanalyse fuer unsere Software aus?',
'Wie funktioniert die Code-Security für Firmware?',
'Warum können Proliance und DataGuard das nicht?',
'Was kostet die Lösung für einen Maschinenbauer?',
'Wie sieht die Risikoanalyse für unsere Software aus?',
],
},
annex: {
assumptions: {
title: 'Annahmen & Sensitivitaet',
subtitle: 'Drei Szenarien fuer robuste Planung',
title: 'Annahmen & Sensitivität',
subtitle: 'Drei Szenarien für robuste Planung',
},
architecture: {
title: 'Technische Architektur',
subtitle: 'Self-Hosted KI-Stack fuer maximale Datensouveraenitaet',
subtitle: 'Self-Hosted KI-Stack für maximale Datensouveränität',
},
gtm: {
title: 'Go-to-Market Strategie',
@@ -212,7 +212,7 @@ const translations = {
},
regulatory: {
title: 'Regulatorische Details',
subtitle: 'Die vier Saeulen der EU-Compliance fuer Maschinenbauer',
subtitle: 'Die vier Säulen der EU-Compliance für Maschinenbauer',
},
engineering: {
title: 'Engineering Deep Dive',