);
}
/* ============== HERO ============== */
const HEADLINES = {
reception: {
pre: 'AI reception, built for clinics.',
main: <>Give your front desk back the time to grow the clinic,
sub: "Arcline answers calls, books with the right practitioner, navigates claim pathways, and writes everything back to PracSuite — so your reception team is free for the work that lifts conversion, retention, and patient experience.",
},
patients: {
pre: 'AI reception, built for clinics.',
main: <>AI reception built for health clinics, so your front desk can focus on patients,
sub: "Arcline handles the repetitive, rules-based phone work — bookings, rescheduling, claim pathways, after-hours calls — while your team stays present for the patient in front of them.",
},
revenue: {
pre: 'AI reception, built for clinics.',
main: <>Turn repetitive phone work into better service, more bookings, stronger revenue.,
sub: "Arcline captures the calls your team can't get to, books them correctly the first time, and routes complex claims — so demand stops leaking and your front desk gets its day back.",
},
};
/* Animated headline — splits children into words and staggers them in */
function AnimatedHeadline({ node }) {
// Walk react children and produce {text, italic, accent} word tokens, preserving spans for italic/accent
const words = uM(() => {
const out = [];
const walk = (n, italic, accent) => {
if (n == null || n === false) return;
if (typeof n === 'string') {
n.split(/(\s+)/).forEach(part => {
if (!part) return;
if (/^\s+$/.test(part)) { out.push({ space: true }); return; }
out.push({ text: part, italic, accent });
});
return;
}
if (Array.isArray(n)) { n.forEach(c => walk(c, italic, accent)); return; }
if (n.props) {
const cls = n.props.className || '';
const isItalic = italic || cls.includes('serif-italic');
const isAccent = accent || cls.includes('accent-text');
walk(n.props.children, isItalic, isAccent);
}
};
walk(node);
return out;
}, [node]);
return (
{words.map((w, i) => {
if (w.space) return ' ';
const cls = [w.italic && 'serif-italic', w.accent && 'accent-text'].filter(Boolean).join(' ');
return (
{w.text}
);
})}
);
}
function Hero({ headlineKey = 'reception', scenario, onScenarioChange }) {
const h = HEADLINES[headlineKey] || HEADLINES.reception;
return (