}
);
}
// —————————————————————————————————————————————
// WHY — the problem, with a swipe between talking and watching
// —————————————————————————————————————————————
const PROBLEMS = {
talk: {
tab: "When you're talking",
lead: (
<>
In a live call you're doing three jobs at once — listening,
remembering, and deciding what to say next.
One always slips: the reference you half-knew, the number you meant to cite,
the comeback that lands a beat too late.
),
before: [
"Half-listening while you rehearse your reply.",
"The fact you needed surfaces an hour after the call.",
"Notes pull your eyes off the person you're talking to.",
],
after: [
"The context is held for you — names, claims, numbers.",
"One card arrives the second it's useful, then it's gone.",
"Your eyes stay on the room. The effort stays invisible.",
],
},
watch: {
tab: "When you're watching",
lead: (
<>
A lecture, an earnings call, a science talk — the speaker drops a
name, a term, a date,
and you've already lost the next sentence. So you pause, you google, you
rewind… and the thread is gone.
),
before: [
"Pause and google every unfamiliar name or term.",
"Rewind to catch the point you missed while searching.",
"Ten tabs deep — and you've lost the plot of the talk.",
],
after: [
"Every reference explained inline, the moment it's said.",
"Keep playing — no pausing, no second screen.",
"The lecture finally makes sense, end to end.",
],
},
};
function Why() {
const [mode, setMode] = useState("talk");
const p = PROBLEMS[mode];
return (
It moves faster than memory.}
/>
{p.lead}
On your own
{p.before.map((t, i) =>
{t}
)}
With
{p.after.map((t, i) =>
{t}
)}
);
}
// —————————————————————————————————————————————
// WHAT IT DOES — three concrete capabilities
// —————————————————————————————————————————————
const PILLARS = [
{
n: "01",
k: "Hears every reference",
body: "Live on a call or playing in a video — names, numbers, claims and jargon are caught the moment they're spoken. Nothing to type, nothing to look up.",
},
{
n: "02",
k: "Surfaces one card, on time",
body: "Not a transcript and not a teleprompter. One factual card or one sharp reframe, exactly when it helps — then it's gone.",
},
{
n: "03",
k: "Disappears on command",
body: "One keystroke hides everything. Audio never leaves your Mac. No bot joins the call, no recording lives on a server.",
},
];
function WhatItDoes() {
return (
{PILLARS.map((p, i) => (
{p.n}
{p.k}
{p.body}
))}
);
}
// —————————————————————————————————————————————
// WHERE IT WORKS — four real rooms
// —————————————————————————————————————————————
const CASES = [
{
id: "lecture", tab: "Lecture", tint: "sky", field: "Education", mode: "Watching",
who: "Recorded · Modern History",
quote: "…by 1923 reparations had tipped Weimar into hyperinflation.",
card: { eyebrow: "Context", title: "Weimar hyperinflation, 1923", text: "1 USD ≈ 4.2 trillion marks. Driven by reparations + the Ruhr occupation, not printing alone." },
},
{
id: "science", tab: "Science talk", tint: "mint", field: "Science", mode: "Watching",
who: "Keynote · Molecular Biology",
quote: "CRISPR-Cas9 lets us edit a single base pair in vivo.",
card: { eyebrow: "Term", title: "CRISPR-Cas9, in one line", text: "A guided find-and-replace for DNA: a guide RNA finds the site, Cas9 cuts, the cell's repair makes the edit." },
},
{
id: "earnings", tab: "Earnings call", tint: "peach", field: "Business", mode: "Watching",
who: "Q3 webcast · CFO",
quote: "We're guiding to mid-teens operating margin, ex-FX.",
card: { eyebrow: "Metric", title: "Operating margin, ex-FX", text: "Operating profit ÷ revenue, with currency swings stripped out — so you judge the business, not exchange rates." },
},
{
id: "client", tab: "Client call", tint: "peach", field: "Business", mode: "In the room",
who: "Dana · VP Ops",
quote: "Honestly, it's more than we'd budgeted this year.",
card: { eyebrow: "Objection", title: "Reframe the cost, don't discount", text: "Anchor on the manual process — ~12 hrs/week across the team — not the sticker price." },
},
{
id: "interview", tab: "Interview", tint: "sky", field: "Career", mode: "In the room",
who: "Amir · Hiring manager",
quote: "Tell me about a system you owned that fell over.",
card: { eyebrow: "Structure · STAR", title: "One incident, four beats", text: "Lead with scope, land on recovery time and the guardrail you shipped after." },
},
];
function WhereItWorks() {
const [active, setActive] = useState("lecture");
const c = CASES.find((x) => x.id === active);
return (