const { useState: useStateT, useEffect: useEffectT, useRef: useRefT, useMemo: useMemoT } = React; /* ---------------- NAV ---------------- */ function Nav() { useAutoHideNav(); return ( ); } /* ---------------- TRANSCRIPT (live-typing) ---------------- */ function LiveTranscript() { const reduced = useReducedMotion(); const scenarios = CONTENT.transcripts; const [idx, setIdx] = useStateT(0); const [rendered, setRendered] = useStateT([]); // array of {t, who, lang, text, done} const [qualified, setQualified] = useStateT(false); useEffectT(() => { let cancelled = false; setRendered([]); setQualified(false); const scen = scenarios[idx]; const run = async () => { for (let i = 0; i < scen.lines.length; i++) { if (cancelled) return; const line = scen.lines[i]; // push line shell setRendered(r => [...r, { ...line, typed: '' }]); if (reduced) { setRendered(r => r.map((l, j) => j === i ? { ...l, typed: line.text } : l)); await wait(500); } else { const chars = [...line.text]; for (let c = 0; c < chars.length; c++) { if (cancelled) return; await wait(18 + Math.random() * 22); setRendered(r => r.map((l, j) => j === i ? { ...l, typed: line.text.slice(0, c + 1) } : l)); } await wait(350); } } if (cancelled) return; await wait(400); setQualified(true); await wait(reduced ? 2000 : 4200); if (cancelled) return; setIdx(v => (v + 1) % scenarios.length); }; run(); return () => { cancelled = true; }; // eslint-disable-next-line }, [idx]); const scen = scenarios[idx]; return (
{/* call header */}
Inbound call
+1 (305) ·· connecting
LIVE
{/* lines */}
{rendered.map((l, i) => (
[{l.t}] {l.who}: {l.typed} {i === rendered.length - 1 && !qualified && l.typed.length < l.text.length && } {l.lang === 'es' && ES} {l.lang === 'en' && l.who === 'LealIntake' && EN}
))}
{/* Qualified bar */}
Qualified · {scen.caseType} · Routed to {scen.routedTo} · Synced to {scen.synced}
); } function wait(ms) { return new Promise(r => setTimeout(r, ms)); } /* ---------------- HERO ---------------- */ function Hero() { return (
{/* background */} {/* fade base */}
{/* Left */}
INTAKE INTELLIGENCE LAYER · EN / ES

{CONTENT.hero.headline1}
In English. In Spanish.
At 2 AM.

{CONTENT.hero.sub}

{CONTENT.hero.ctaPrimary.label} {CONTENT.hero.ctaSecondary.label}
{CONTENT.hero.trust.split(' · ').map((t, i) => ( {t} ))}
{/* Right — transcript card */}
); } /* ---------------- SCANNER DIVIDER ---------------- */ function Scanner() { return (
); } /* ---------------- SECTION HEADER ---------------- */ function SectionHeader({ eyebrow, headline, align = 'left', id }) { return (
{eyebrow}

{headline}

); } /* ---------------- REVENUE LEAK ---------------- */ function LeakSection() { const { eyebrow, headline, metrics, closing, calculator } = CONTENT.leak; const [calls, setCalls] = useStateT(180); // monthly calls const [fee, setFee] = useStateT(5000); // avg case value const [missRate, setMissRate] = useStateT(35); // % unanswered const [conversion, setConversion] = useStateT(15); // % of missed that would have converted const monthlyLeak = useMemoT(() => { return Math.round((calls * (missRate / 100)) * (conversion / 100) * fee); }, [calls, fee, missRate, conversion]); const annual = monthlyLeak * 12; return (
{/* Metric tiles */}
{metrics.map((m, i) => (
{m.custom ? {m.custom} : } {m.unit && {m.unit}}

{m.label}

))}

{"That's "}$600K a year{' walking out the door. '} Our system costs less than 5% of it.

{/* Calculator */}
LEAK CALCULATOR

{calculator.title}

{calculator.subtitle}

Your leak
${monthlyLeak.toLocaleString()}
per month — in cases that called and got nothing.
Math: calls × unanswered × would-retain × case value.
); } function Slider({ label, value, setValue, min, max, step, display }) { return (
{display}
setValue(Number(e.target.value))} />
); } function StatTile({ label, value, sub, good }) { return (
{label}
{value}
{sub &&
{sub}
}
); } Object.assign(window, { Nav, Hero, Scanner, SectionHeader, LeakSection, LiveTranscript });