import React, { useState } from 'react'; import { ChevronLeft, ChevronRight, Megaphone, Rocket, TrendingUp, BarChart3, Calendar, Target } from 'lucide-react'; const phaseColor = (p) => { if (p === 1) return { bg: 'bg-purple-500', light: 'bg-purple-100', text: 'text-purple-600', border: 'border-purple-300' }; if (p === 2) return { bg: 'bg-blue-500', light: 'bg-blue-100', text: 'text-blue-600', border: 'border-blue-300' }; return { bg: 'bg-emerald-500', light: 'bg-emerald-100', text: 'text-emerald-600', border: 'border-emerald-300' }; }; const slides = [ { id: 'title' }, { id: 'overview' }, { id: 'phase1a' }, { id: 'phase1b' }, { id: 'phase2' }, { id: 'phase3' }, { id: 'timeline' }, { id: 'kpi' }, { id: 'end' }, ]; const SlideTitle = () => (

{[...Array(20)].map((_, i) => (

))}

Strategic Roadmap

Springbase AI

Launch Campaign

Curiosity → Explosion → Authority. A three-phased rollout engineered for impact.

); const SlideOverview = () => (

Campaign Overview

A three-phased rollout: create curiosity, explode into launch, sustain authority.

{[ { phase: 1, icon: , label:'Phase 1', name:'The Teaser', time:'T-4 Days', desc:'Create curiosity via "Anti-AI" sentiment and the Fatigue Strategy.' }, { phase: 2, icon: , label:'Phase 2', name:'The Launch', time:'Day 0', desc:'Official reveal with an immersive high-energy physical event.' }, { phase: 3, icon: , label:'Phase 3', name:'Post-Launch', time:'Day +1 Onwards', desc:'Establish authority through thought leadership and corporate adoption.' }, ].map(({ phase, icon, label, name, time, desc }) => { const c = phaseColor(phase); return (

{icon}

{label}

{name}

{time}

{desc}

); })}

); const SlidePhase1a = () => (

Phase 1 · T-4 Days

The Teaser — The Fatigue Strategy

Leverage widespread fatigue around generic AI tools to spark curiosity — without naming Springbase.

Influencer Collaboration

→ Creators post "complaint-style" videos & stories
→ Message: "Is it just me, or does all AI look the same?"
→ Seed conversation about AI limitations — no Springbase mention yet

Goal

"Another AI? Really?"

Provocative minimalist hoarding boards in high-traffic areas

Track impressions and sentiment analysis of complaint threads.

); const SlidePhase1b = () => (

Phase 1 · Execution

Physical & Digital Presence

{[ { title: 'Hoarding Boards', emoji: '🪧', desc: 'Minimalist boards in high-traffic areas with provocative copy to spark confusion and curiosity.' }, { title: 'RONB Social Posts', emoji: '📲', desc: 'Engagement-driven posts via "Routine of Nepal Banda" about rising AI fatigue trends.' }, { title: 'Meme Pages', emoji: '😂', desc: 'Relatable memes about "Lazy AI content" targeting viral reach across social platforms.' }, ].map((item, i) => (

{item.emoji}

{item.title}

{item.desc}

))}

); const SlidePhase2 = () => (

Phase 2 · Day 0

The Launch — The Unveiling

Transition from the "problem" (generic AI) to the "solution" (Springbase) at a high-energy physical event.

Venue & Experience

✦ Immersive branding at a premium venue
✦ Exclusive invites: media, tech journalists, teaser influencers
✦ Hands-on demo zones showing Springbase's differentiation

Media Coverage

✦ Live streaming of the full launch event
✦ Press kits distributed to all media partners
✦ Interactive Q&A with the founding team

); const SlidePhase3 = () => (

Phase 3 · Day +1 Onwards

Post-Launch — The Authority Phase

Shift from viral curiosity to established credibility through thought leadership and education.

💡 Thought Leadership

→ Deep-dive podcasts with tech influencers & business leaders
→ Corporate one-on-one interviews on B2B productivity applications
→ Discussions on the Springbase tech stack

🎓 Community & Education

→ Guest speaker ops at top universities for developers & entrepreneurs
→ Practical workshops resolving the "generic AI" issues from Phase 1
→ Track partnership leads & student developer engagement

); const SlideTimeline = () => { const items = [ { label: 'Influencer Complaints', start: 0, span: 3, phase: 1 }, { label: 'Hoarding & Meme Blitz', start: 1, span: 3, phase: 1 }, { label: 'Main Launch Event', start: 4, span: 1, phase: 2 }, { label: 'Podcasts & Interviews', start: 5, span: 4, phase: 3 }, { label: 'College Guest Speaking', start: 6, span: 4, phase: 3 }, ]; const total = 11; const colors = { 1: 'bg-purple-500', 2: 'bg-blue-500', 3: 'bg-emerald-500' }; const labels = ['May 17','May 19','May 21','May 23','May 25','May 27','May 29','May 31','Jun 1','Jun 3','Jun 5']; return (

Campaign Timeline

May 17 — June 13, 2026

{items.map((item, i) => { const c = phaseColor(item.phase); return (

{item.label}

); })}

{[1,2,3].map(p => { const c = phaseColor(p); return

Phase {p}

; })}

); }; const SlideKPI = () => (

Key Performance Indicators

Success metrics across all three phases

{[ { phase: 1, icon: '📊', kpi: 'Phase 1 KPIs', metrics: ['Total impressions on complaint threads', 'Sentiment analysis of social conversations', 'Reach of hoarding & meme campaigns'] }, { phase: 2, icon: '🚀', kpi: 'Phase 2 KPIs', metrics: ['Number of media mentions on launch day', 'Day 1 sign-up conversions', 'Live stream viewership & press kit reach'] }, { phase: 3, icon: '🎯', kpi: 'Phase 3 KPIs', metrics: ['Partnership leads from corporate interviews', 'Student developer sign-up conversions', 'Podcast listens & speaker event attendance'] }, ].map(({ phase, icon, kpi, metrics }) => { const c = phaseColor(phase); return (

{icon}

{kpi}

✓{m}

); })}

); const SlideEnd = () => (

🚀

Ready to Launch.

From curiosity to authority — Springbase changes the conversation.

{['Phase 1: Fatigue Strategy','Phase 2: The Unveiling','Phase 3: The Authority'].map((t, i) => { const c = phaseColor(i + 1); return

{t}

; })}

); const slideComponents = [SlideTitle, SlideOverview, SlidePhase1a, SlidePhase1b, SlidePhase2, SlidePhase3, SlideTimeline, SlideKPI, SlideEnd]; export default function Presentation() { const [current, setCurrent] = useState(0); const prev = () => setCurrent(c => Math.max(0, c - 1)); const next = () => setCurrent(c => Math.min(slides.length - 1, c + 1)); const SlideComp = slideComponents[current]; return (

{/* Progress bar */}

{/* Nav */}

{/* Dot nav */}

{slides.map((_, i) => (

); }