// Promo Video — Scenes 5-8 // 5. Personality-adaptive (43-53s) // 6. Parent dashboard (53-63s) // 7. Founder note (63-71s) // 8. Brand close (71-75s) // ============================================================================ // SCENE 5 — Personality-adaptive. Pi pulls Rina's chess hobby into a proof. // ============================================================================ function Scene5Personality() { const { localTime } = useSprite(); const t = localTime; const interests = [ { label: 'Chess', detail: 'club captain · ECF 1450', icon: '♞', highlight: true }, { label: 'Piano', detail: 'Grade 7 — ABRSM', icon: '𝄞' }, { label: 'Cross-country', detail: 'school 1st team', icon: '◇' }, { label: 'Sci-fi', detail: 'reads 100 books/yr', icon: '☆' }, ]; return (
{/* LEFT — context card */}
Student context read by every tutor
Rina · Year 8
Cambridge · age 12 · parent-managed account
{interests.map((it, i) => { const showAt = 1.0 + i * 0.25; const op = Math.max(0, Math.min(1, (t - showAt) / 0.4)); const highlightAt = 3.4; const isLit = it.highlight && t >= highlightAt; const litOp = isLit ? Math.min(1, (t - highlightAt) / 0.4) : 0; return (
{it.icon}
{it.label}
{it.detail}
); })}
{/* Pi reads chip */} {t >= 3.0 && (
Pi reading context…
)}
{/* RIGHT — Pi's response with chess moves */}
{/* Chat bubble */} {t >= 4.0 && (
Professor Pi
Like your chess opening — let's plan the first 3 moves of this proof. Move 1: what's being asked.
)} {/* Mini chess board animating 3 moves */} {t >= 5.5 && (
Same 3-move pattern, applied to the proof chess → algebra
{[ { n: 'Move 01', chess: 'Control centre', algebra: 'Identify what\'s asked' }, { n: 'Move 02', chess: 'Develop pieces', algebra: 'Lay out the knowns' }, { n: 'Move 03', chess: 'Castle — safety', algebra: 'Pick the operation' }, ].map((m, i) => { const showAt = 6.0 + i * 0.5; const op = Math.max(0, Math.min(1, (t - showAt) / 0.45)); return (
{m.n}
♞ {m.chess}
↳ {m.algebra}
); })}
)}
); } // ============================================================================ // SCENE 6 — Parent dashboard. Transparency: parent sees the week. // ============================================================================ function Scene6Dashboard() { const { localTime } = useSprite(); const t = localTime; const sessions = [ { day: 'MON', topic: 'Fractions ↔ decimals', mins: 22, energy: 'green', who: 'Pi' }, { day: 'TUE', topic: 'Expanding brackets', mins: 15, energy: 'amber', who: 'Pi' }, { day: 'WED', topic: '— rest day (Mentor advised)', mins: 0, energy: 'red', who: 'Mentor' }, { day: 'THU', topic: 'Ratio & proportion', mins: 28, energy: 'green', who: 'Pi' }, { day: 'FRI', topic: 'Recap — Friday test prep', mins: 18, energy: 'amber', who: 'Pi' }, ]; const energyColor = (k) => k === 'green' ? palette.go : k === 'amber' ? palette.amber : palette.stop; const energyLabel = (k) => k === 'green' ? 'GREEN' : k === 'amber' ? 'AMBER' : 'RED'; return (
{/* Browser chrome */}
{/* URL bar */}
{['#ff5f57', '#febc2e', '#28c840'].map(c => ( ))}
aitutorsme/dashboard/parent
parent · jason
{/* Dashboard body */}
{/* Heading row */}
Rina · week of May 18
What Rina actually did this week.
{[ { lbl: 'Sessions', val: '4', sub: '1 rest day' }, { lbl: 'Time', val: '83', sub: 'minutes total' }, { lbl: 'Topics', val: '4', sub: 'maths · KS3' }, ].map((s, i) => (
{s.val}
{s.lbl} · {s.sub}
))}
{/* Session list */}
{sessions.map((s, i) => { const showAt = 1.4 + i * 0.25; const op = Math.max(0, Math.min(1, (t - showAt) / 0.4)); const isRest = s.energy === 'red'; return (
{s.day} {energyLabel(s.energy)} {s.topic} {s.who} {isRest ? '— rest —' : `${s.mins} min`}
); })}
{/* Mentor note */} {t >= 4.6 && (
Mentor flagged ↓ Wednesday: Rina logged a RED after football practice. I suggested rest instead of pushing through. She accepted.
)}
); } // ============================================================================ // SCENE 7 — Founder note. // ============================================================================ function Scene7Founder() { const { localTime } = useSprite(); const t = localTime; return (
{/* Photo placeholder */}
{/* striped texture */}
Photo · Jason & Rina
Cambridge · 2026 03 months in
{/* Letter */}
{/* Opening line */} {t >= 0.5 && (
Built for my daughter.
Now sharing with yours.
)} {/* Body */} {t >= 2.2 && (
Rina is 12. Avid reader, Grade 7 piano, runs cross-country. The generic AI homework helpers we tried{' '} did her work for her{' '} — or felt like a quiz machine that didn't know it was 9pm on a Thursday.
)} {/* Signature */} {t >= 5.2 && (
— Jason Founder · aitutorsme
)}
); } // ============================================================================ // SCENE 8 — Brand close. Wordmark blooms with sparkle. // ============================================================================ function Scene8Close() { const { localTime, duration } = useSprite(); const t = localTime; // Bg sweeps from paper to deep navy over 0-1s const bgT = Math.min(1, t / 0.9); // Mark scale const markT = Math.min(1, Math.max(0, (t - 0.4) / 0.9)); const markScale = 0.6 + 0.4 * Easing.easeOutBack(markT); const markOp = markT; // Sparkle burst const sparkT = Math.min(1, Math.max(0, (t - 1.1) / 1.0)); const sparkSpin = sparkT * 540; const sparkScale = 0.4 + 1.6 * Easing.easeOutBack(Math.min(1, sparkT * 1.5)); // Tagline const tagOp = Math.min(1, Math.max(0, (t - 1.4) / 0.6)); const tagTy = (1 - Easing.easeOutCubic(tagOp)) * 14; return (
{/* Subtle paper grain overlay on dark */}
{/* Burst rays */} {sparkT > 0 && ( {[...Array(12)].map((_, i) => { const ang = (i / 12) * Math.PI * 2; const r1 = 60, r2 = 280; const x1 = Math.cos(ang) * r1, y1 = Math.sin(ang) * r1; const x2 = Math.cos(ang) * r2, y2 = Math.sin(ang) * r2; return ; })} )} {/* Wordmark */}
aitutors me
{/* Tagline */}
The AI tutor that finally fits your kid's life.
{/* URL chip */} {t >= 1.9 && (
aitutors.me
)}
); } Object.assign(window, { Scene5Personality, Scene6Dashboard, Scene7Founder, Scene8Close, });