// hero-section.jsx — Full-bleed photo hero with floating UI cards const { useState: useStateH, useEffect: useEffectH, useRef: useRefH } = React; // ── Hero Logo (cream version for photo overlay) ──────────────────── function HeroLogo({ size = 28 }) { // Brand mark — uses the canonical Echo logo image asset. return ( Echo ); } // ── Floating live ticker (bottom-left of hero) ───────────────────── function LiveTicker() { const rows = [ { id: 'P-0441', patient: 'J. Martinez', type: 'new patient', agent: 'Intake', action: 'intake complete · EHR posted', statusColor: '#4ADE80', time: '3m ago' }, { id: 'BAL-882',patient: 'R. Thompson', type: 'AR · $4,200 due', agent: 'Ledger', action: 'payment reminder sent', statusColor: '#6EE7B7', time: '8m ago' }, { id: 'APT-119', patient: 'M. Chen', type: 'infusion · Thu 10am',agent: 'Cal', action: 'follow-up booked via SMS', statusColor: '#4ADE80', time: '14m ago' }, { id: 'CNS-057', patient: 'D. Okafor', type: 'consent · missing', agent: 'Docs', action: 'form flagged · reminder sent', statusColor: '#FCD34D', time: '21m ago' }, { id: 'BAL-883', patient: 'L. Singh', type: 'AR · $8,200 overdue',agent: 'Ledger', action: 'balance collected · posted to AR', statusColor: '#4ADE80', time: '29m ago' }, { id: 'P-0442', patient: 'A. Williams', type: 'new patient', agent: 'Intake', action: 'ID verified · prior auth cleared', statusColor: '#4ADE80', time: '36m ago' }, { id: 'APT-120', patient: 'K. Patel', type: 'annual checkup', agent: 'Cal', action: 'slot confirmed · SMS sent', statusColor: '#4ADE80', time: '43m ago' }, { id: 'BAL-884', patient: 'T. Rivera', type: 'AR · $2,600 due', agent: 'Ledger', action: 'payment plan set up', statusColor: '#6EE7B7', time: '51m ago' }, ]; const Row = ({ row }) => ( {row.id} {row.patient} {row.type} {row.agent} → {row.action} {row.time} ); return (
Live · Clinic
{rows.map((r, i) => )} {rows.map((r, i) => )}
); } // ── Floating stats card (bottom-right) ───────────────────────────── function HeroStatsCard() { return (
{[ { k: 'AR cycle', v: '14 days', d: 'vs. 45-day avg' }, { k: 'No-show rate', v: '< 5%', d: 'with reminders' }, { k: 'Consents', v: '100%', d: 'filed before tx' }, ].map((s, i) => (
0 ? '1px solid rgba(20,52,43,0.10)' : 'none', paddingLeft: i > 0 ? 24 : 0 }}>
{s.v}
{s.k}
{s.d}
))}
); } // ── Floating SMS preview (right side, mid) ───────────────────────── function HeroSMSPreview() { return (
{/* header */}
V
Intake
Teams · 9:04 AM
{/* msg */}
Intake complete · P-0441.
Forms signed, ID verified, prior auth clear.
Post to EHR?
{/* reply */}
Post it
{/* result */}
Patient record posted · EHR updated · P-0441
); } // ── Main hero ────────────────────────────────────────────────────── function Hero({ heroImage = 'hero-truck-corridor' }) { // (Scroll-coupled parallax state removed — value was unused but the listener // was firing setState on every scroll frame, re-rendering the hero subtree // and causing lag.) return (
{/* Text-legibility scrim */}
{/* (Speed lines removed for Health — calmer hero, no motion streaks.) */} {/* ── Content ─────────────────────────── */}
{/* Zone 1: Headline + subtext */}

Meet{' '} Echo, {' '}your AI Workforce for{' '} Clinics.

Four agents for patient intake, AR collections, treatment scheduling, and consent compliance. 24/7, inside the tools you already use.

{/* CTA row */} {/* Trust bar — directly under buttons */}
Built on {/* Microsoft */}
Microsoft
{/* Microsoft Teams */}
Teams
{/* athenahealth */}
athenahealth
{/* +100 More Apps */} +100 more apps {/* HIPAA chip — hidden on mobile */} HIPAA · BAA AVAILABLE {/* SOC 2 chip — always visible */} SOC 2
{/* end trust bar outer */}
{/* end hero-content */}
); } Object.assign(window, { Hero, HeroLogo });