);
}
// ── Agent glyph icons — distinctive SVG marks per agent (Series-A grade) ──
function AgentGlyph({ name }) {
const glyphs = {
'Triage': ,
'Docs': ,
'Cal': ,
'Ledger': ,
'Audit': ,
'Recover': ,
'Intake': ,
'Quote': ,
};
return glyphs[name] || {name[0]};
}
// ── Solutions dropdown ────────────────────────────────────────────
function SolutionsDropdown({ onPhoto }) {
const [open, setOpen] = useState(false);
const ref = useRef(null);
const closeTimer = useRef(null);
const hoverOpen = () => { clearTimeout(closeTimer.current); setOpen(true); };
const hoverClose = () => { closeTimer.current = setTimeout(() => setOpen(false), 120); };
useEffect(() => {
const close = e => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener('mousedown', close);
return () => document.removeEventListener('mousedown', close);
}, []);
const items = [
{ label: 'Carriers', sub: 'Asset-based · LTL · TL', href: '/' },
{ label: 'Oracle ERP', sub: 'Fusion · NetSuite · JD Edwards', href: '/erp' },
{ label: 'Freight & Logistics', sub: 'Brokers · Freight forwarders', href: '/freight' },
{ label: 'Regenerative Health', sub: 'Clinics · Wellness · Aesthetics', href: '/health' },
];
const linkColor = onPhoto ? 'rgba(244,240,232,0.72)' : 'var(--muted)';
const linkHover = onPhoto ? '#F4F0E8' : 'var(--ink)';
return (
);
}
// ── Agents dropdown ───────────────────────────────────────────────
// Same anchor/positioning as SolutionsDropdown so the two read as a
// matched pair. Each row carries the agent's signature color as a dot —
// same palette used on the agent detail pages.
function AgentsDropdown({ onPhoto }) {
const [open, setOpen] = useState(false);
const ref = useRef(null);
const closeTimer = useRef(null);
useEffect(() => {
const close = e => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener('mousedown', close);
return () => document.removeEventListener('mousedown', close);
}, []);
// Hover-intent: open on enter, close on leave with a small grace
// period so the cursor can travel from button → menu without dropping.
const hoverOpen = () => { clearTimeout(closeTimer.current); setOpen(true); };
const hoverClose = () => { closeTimer.current = setTimeout(() => setOpen(false), 120); };
const items = [
{ name: 'Intake', domain: 'Patient Intake & Authorization', color: '#0EA5E9', href: 'agents/intake.html' },
{ name: 'Docs', domain: 'Consent & Compliance', color: '#F59E0B', href: 'agents/docs.html' },
{ name: 'Cal', domain: 'Treatment Scheduling', color: '#10B981', href: 'agents/cal.html' },
{ name: 'Ledger', domain: 'AR & Collections', color: '#A855F7', href: 'agents/ledger.html' },
];
const linkColor = onPhoto ? 'rgba(244,240,232,0.72)' : 'var(--muted)';
const linkHover = onPhoto ? '#F4F0E8' : 'var(--ink)';
return (
);
}
// ── Mobile menu (full-screen overlay) ─────────────────────────────
function MobileMenu({ open, onClose, onPhoto }) {
const [solOpen, setSolOpen] = useState(false);
const [agentsOpen, setAgentsOpen] = useState(false);
useEffect(() => {
if (open) {
const prev = document.body.style.overflow;
document.body.style.overflow = 'hidden';
return () => { document.body.style.overflow = prev; };
}
}, [open]);
const links = [
{ label: 'Why Echo', href: '#why-echo' },
{ label: 'How It Works', href: '#how-it-works' },
];
const solutions = [
{ label: 'Carriers', sub: 'Asset-based · LTL · TL', href: '/' },
{ label: 'Oracle ERP', sub: 'Fusion · NetSuite · JD Edwards', href: '/erp' },
{ label: 'Freight & Logistics', sub: 'Brokers · Freight forwarders', href: '/freight' },
{ label: 'Regenerative Health', sub: 'Clinics · Wellness · Aesthetics', href: '/health' },
];
const agents = [
{ name: 'Intake', domain: 'Patient Intake & Authorization', color: '#0EA5E9', href: 'agents/intake.html' },
{ name: 'Docs', domain: 'Consent & Compliance', color: '#F59E0B', href: 'agents/docs.html' },
{ name: 'Cal', domain: 'Treatment Scheduling', color: '#10B981', href: 'agents/cal.html' },
{ name: 'Ledger', domain: 'AR & Collections', color: '#A855F7', href: 'agents/ledger.html' },
];
return (