Live

{events.map((e, i) => (

{e.agent.toUpperCase()} {e.verb} {e.ref} · {e.channel}

))}

{events[idx].time}

); } // ── Floating stats card (bottom-right) ───────────────────────────── function HeroStatsCard() { return (

{[ { k: 'PODs / day', v: '4,200', d: 'auto-posted' }, { k: 'Quote latency', v: '< 4m', d: 'first response' }, { k: 'Audit trail', v: '100%', d: 'logged' }, ].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 */}

Otis

SMS · 11:42 AM

{/* msg */}

POD ready for PRO# 4421.
Summit Industrial · J. Martinez
Approve to post to TruckMate AR?

{/* reply */}

Approved

{/* result */}

Posted to TruckMate · PRO# 4421

); } // ── Main hero ────────────────────────────────────────────────────── function Hero({ heroImage = 'hero-truck-corridor' }) { const [parallax, setParallax] = useStateH(0); useEffectH(() => { let raf; const onScroll = () => { if (raf) return; raf = requestAnimationFrame(() => { setParallax(window.scrollY * 0.25); raf = null; }); }; window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); return (

{/* Headlight sweep — diagonal light beam crossing the corridor */}

{/* Atmospheric haze drift */}

{/* Hero-only extra darkening on the left for headline legibility */}

{/* Speed lines — three thin animated streaks suggesting motion */} {/* subtle film grain */}

{/* ── Content ─────────────────────────── */}

{/* Top: eyebrow chip */}

AI agents · For LTL carriers

{/* Single-column hero (Otis card removed — now lives in the agents section) */}

Meet{' '} Echo, {' '}your AI Workforce for{' '} LTL Carriers.

Four agents that handle your PODs, quotes, dock bookings, and detention claims — 24/7, inside the tools your team already uses.

{/* CTAs */}

{/* trust bar */}

Built on {/* Microsoft */}

Microsoft

{/* Azure */}

Azure

{/* TruckMate */}

TruckMate

{/* SOC2 chip kept as compliance signal */} SOC 2 · TYPE II

{/* Bottom row: live ticker only */}

); } Object.assign(window, { Hero, HeroLogo });