From d2c2fd92cc59f5ed4311db94194d8272db369dd4 Mon Sep 17 00:00:00 2001 From: Benjamin Admin Date: Wed, 15 Apr 2026 22:26:05 +0200 Subject: [PATCH] feat(pitch-deck): tab pulse animation + BrandName in regulatory/competition MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Inactive tabs pulse gently (animate-[pulse_3s]) on: Competition, AIPipeline, Financials, Regulatory slides - RegulatorySlide: "Wie ComplAI hilft" → BrandName component - CompetitionSlide: "ComplAI" label → BrandName component Co-Authored-By: Claude Opus 4.6 (1M context) --- pitch-deck/components/slides/AIPipelineSlide.tsx | 2 +- pitch-deck/components/slides/CompetitionSlide.tsx | 4 ++-- pitch-deck/components/slides/FinancialsSlide.tsx | 2 +- pitch-deck/components/slides/RegulatorySlide.tsx | 5 +++-- 4 files changed, 7 insertions(+), 6 deletions(-) diff --git a/pitch-deck/components/slides/AIPipelineSlide.tsx b/pitch-deck/components/slides/AIPipelineSlide.tsx index 5dd59f3..087114b 100644 --- a/pitch-deck/components/slides/AIPipelineSlide.tsx +++ b/pitch-deck/components/slides/AIPipelineSlide.tsx @@ -228,7 +228,7 @@ export default function AIPipelineSlide({ lang }: AIPipelineSlideProps) { className={`flex items-center gap-2 px-4 py-2 rounded-xl text-sm transition-all ${activeTab === tab.id ? 'bg-indigo-500/20 text-indigo-300 border border-indigo-500/30' - : 'bg-white/[0.04] text-white/40 border border-transparent hover:text-white/60 hover:bg-white/[0.06]' + : 'bg-white/[0.04] text-white/40 border border-transparent hover:text-white/60 hover:bg-white/[0.06] animate-[pulse_3s_ease-in-out_infinite]' }`} > diff --git a/pitch-deck/components/slides/CompetitionSlide.tsx b/pitch-deck/components/slides/CompetitionSlide.tsx index 968c58a..8d0f69b 100644 --- a/pitch-deck/components/slides/CompetitionSlide.tsx +++ b/pitch-deck/components/slides/CompetitionSlide.tsx @@ -537,7 +537,7 @@ export default function CompetitionSlide({ lang, features, competitors }: Compet className={`px-4 py-1.5 rounded-full text-xs font-medium transition-all ${ activeTab === tab.key ? 'bg-indigo-500/20 text-indigo-300 border border-indigo-500/30' - : 'bg-white/[0.04] text-white/40 border border-white/5 hover:bg-white/[0.08]' + : 'bg-white/[0.04] text-white/40 border border-white/5 hover:bg-white/[0.08] animate-[pulse_3s_ease-in-out_infinite]' }`} > {lang === 'de' ? tab.de : tab.en} @@ -762,7 +762,7 @@ export default function CompetitionSlide({ lang, features, competitors }: Compet
{lang === 'de' ? 'Vanta, Drata — SOC 2 Fokus, Setup-Gebuehr, kein Self-Hosted' : 'Vanta, Drata — SOC 2 focus, setup fee, no self-hosted'}
-
ComplAI
+
€990 – €2.990/mo
{lang === 'de' ? 'Compliance + Code-Security + Self-Hosted KI, kein Setup' : 'Compliance + code security + self-hosted AI, no setup fee'}
diff --git a/pitch-deck/components/slides/FinancialsSlide.tsx b/pitch-deck/components/slides/FinancialsSlide.tsx index 978563f..a9ef531 100644 --- a/pitch-deck/components/slides/FinancialsSlide.tsx +++ b/pitch-deck/components/slides/FinancialsSlide.tsx @@ -117,7 +117,7 @@ export default function FinancialsSlide({ lang, investorId }: FinancialsSlidePro className={`px-3 py-1.5 rounded-lg text-xs transition-all ${activeTab === tab.id ? 'bg-indigo-500/20 text-indigo-300 border border-indigo-500/30' - : 'bg-white/[0.04] text-white/40 border border-transparent hover:text-white/60 hover:bg-white/[0.06]' + : 'bg-white/[0.04] text-white/40 border border-transparent hover:text-white/60 hover:bg-white/[0.06] animate-[pulse_3s_ease-in-out_infinite]' }`} > {tab.label} diff --git a/pitch-deck/components/slides/RegulatorySlide.tsx b/pitch-deck/components/slides/RegulatorySlide.tsx index e333169..452de24 100644 --- a/pitch-deck/components/slides/RegulatorySlide.tsx +++ b/pitch-deck/components/slides/RegulatorySlide.tsx @@ -4,6 +4,7 @@ import { useState } from 'react' import { Language } from '@/lib/types' import { t } from '@/lib/i18n' import GradientText from '../ui/GradientText' +import BrandName from '../ui/BrandName' import FadeInView from '../ui/FadeInView' import GlassCard from '../ui/GlassCard' import { Shield, Scale, Wifi, Lock, Calendar, AlertTriangle, CheckCircle2, Clock } from 'lucide-react' @@ -237,7 +238,7 @@ export default function RegulatorySlide({ lang }: RegulatorySlideProps) { className={`flex items-center gap-2 px-4 py-2 rounded-xl text-sm transition-all ${activeTab === tab.id ? 'bg-indigo-500/20 text-indigo-300 border border-indigo-500/30' - : 'bg-white/[0.04] text-white/40 border border-transparent hover:text-white/60 hover:bg-white/[0.06]' + : 'bg-white/[0.04] text-white/40 border border-transparent hover:text-white/60 hover:bg-white/[0.06] animate-[pulse_3s_ease-in-out_infinite]' }`} > @@ -273,7 +274,7 @@ export default function RegulatorySlide({ lang }: RegulatorySlideProps) {

- {de ? 'Wie ComplAI hilft' : 'How ComplAI Helps'} + {de ? <>Wie hilft : <>How Helps}

    {reg.howWeHelp.map((item, idx) => (