From b3baf603eeec59411cf2400d7611068369a1a698 Mon Sep 17 00:00:00 2001
From: Sharang Parnerkar <30073382+mighty840@users.noreply.github.com>
Date: Tue, 21 Apr 2026 11:11:38 +0200
Subject: [PATCH] pitch-deck: remove duplicate in-canvas headings from USP and
 Milestones slides

Keep only the top-level GradientText h2; drop the redundant h1 and kicker
inside each slide canvas.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../components/slides/MilestonesSlide.tsx     | 30 ++-----------------
 pitch-deck/components/slides/USPSlide.tsx     | 22 --------------
 2 files changed, 2 insertions(+), 50 deletions(-)

diff --git a/pitch-deck/components/slides/MilestonesSlide.tsx b/pitch-deck/components/slides/MilestonesSlide.tsx
index 7318938..d68eb5a 100644
--- a/pitch-deck/components/slides/MilestonesSlide.tsx
+++ b/pitch-deck/components/slides/MilestonesSlide.tsx
@@ -653,7 +653,7 @@ function MilestonesInner({ t, de, sel, setSel }: {
 
   return (
     <div style={{
-      position: 'relative', width: 1280, height: 680, overflow: 'hidden',
+      position: 'relative', width: 1280, height: 600, overflow: 'hidden',
       background: t.bg, color: t.fg,
       fontFamily: '"Inter", system-ui, sans-serif', WebkitFontSmoothing: 'antialiased',
     }}>
@@ -699,32 +699,6 @@ function MilestonesInner({ t, de, sel, setSel }: {
         <span style={{ color: t.accent70 }}>{de ? 'Klick auf einen Meilenstein' : 'Click any milestone'}</span>
       </div>
 
-      {/* Heading */}
-      <div style={{ position: 'relative', padding: '22px 60px 0', textAlign: 'center', zIndex: 2 }}>
-        <div style={{
-          ...MONO, fontSize: 10, letterSpacing: 4, color: t.accent70,
-          textTransform: 'uppercase' as const, fontWeight: 700, marginBottom: 6,
-          display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 10,
-        }}>
-          <span style={{ width: 60, height: 1, background: `linear-gradient(90deg, transparent, ${t.accent50})` }} />
-          {de ? 'Roadmap' : 'Roadmap'}
-          <span style={{ width: 60, height: 1, background: `linear-gradient(270deg, transparent, ${t.accent50})` }} />
-        </div>
-        <h1 style={{
-          fontSize: 40, fontWeight: 700, letterSpacing: -1, margin: 0, lineHeight: 1.1,
-          background: t.headingGrad,
-          WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent', backgroundClip: 'text',
-          animation: t.headingAnim,
-        }}>
-          {de ? 'Meilensteine' : 'Milestones'}
-        </h1>
-        <div style={{ fontSize: 14, color: t.fgMuted, marginTop: 6 }}>
-          {de
-            ? 'Was wir bereits erreicht haben — und was als Nächstes kommt'
-            : 'What we\'ve already achieved — and what\'s coming next'}
-        </div>
-      </div>
-
       {/* Timeline */}
       <div style={{ position: 'relative', marginTop: 14 }}>
         <Timeline onSelect={setSel} selectedId={sel?.id ?? null} t={t} de={de} />
@@ -754,7 +728,7 @@ function MilestonesInner({ t, de, sel, setSel }: {
 
 // ── Main slide ────────────────────────────────────────────────────────────────
 const INNER_W = 1280
-const INNER_H = 680
+const INNER_H = 600
 
 export default function MilestonesSlide({ lang }: MilestonesSlideProps) {
   const de = lang === 'de'
diff --git a/pitch-deck/components/slides/USPSlide.tsx b/pitch-deck/components/slides/USPSlide.tsx
index 719c5b4..9395992 100644
--- a/pitch-deck/components/slides/USPSlide.tsx
+++ b/pitch-deck/components/slides/USPSlide.tsx
@@ -670,28 +670,6 @@ export default function USPSlide({ lang }: USPSlideProps) {
             {de ? 'Element anklicken' : 'Click any element'}
           </div>
 
-          {/* Heading */}
-          <div style={{ position: 'relative', padding: '30px 48px 0', textAlign: 'center', zIndex: 2 }}>
-            <div style={{ ...MONO, fontSize: 10, letterSpacing: 4, color: isLight ? 'rgba(109,77,194,.7)' : 'rgba(167,139,250,.7)', textTransform: 'uppercase', fontWeight: 600, marginBottom: 6 }}>
-              {de ? 'Alleinstellungsmerkmal' : 'Unique Selling Proposition'}
-            </div>
-            <h1 style={{
-              fontSize: 34, fontWeight: 700, letterSpacing: -0.8, margin: 0, lineHeight: 1.2,
-              color: isLight ? '#1a1a2e' : '#f7f5fc',
-              animation: isLight ? undefined : 'uspHeading 4s ease-in-out infinite',
-            }}>
-              {de ? 'Die erste Plattform, die ' : 'The first platform bridging '}
-              <span style={{ background: 'linear-gradient(90deg, #c4aaff, #a78bfa)', WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent', backgroundClip: 'text' }}>
-                {de ? 'Compliance' : 'compliance'}
-              </span>
-              {' ↔ '}
-              <span style={{ background: 'linear-gradient(90deg, #fde68a, #fbbf24)', WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent', backgroundClip: 'text' }}>
-                {de ? 'Code' : 'code'}
-              </span>
-              {de ? ' verbindet' : ''}
-            </h1>
-          </div>
-
           {/* Bridge */}
           <div style={{ position: 'relative', margin: '14px 48px 0', height: 340 }}>
             <BridgeConnectors isLight={isLight} />