// chrome.jsx — Header, Footer, Wordmark, primitives function Wordmark({ size = 19, onClick, variant = 'color' }) { // Signature logo image. `size` maps to rendered height for backwards compat. const h = Math.round(size * 1.5); const R = (typeof window !== 'undefined' && window.__resources) || {}; const src = variant === 'white' ? (R.logoWhite || 'assets/criterionmd-logo-white.png') : (R.logoColor || 'assets/criterionmd-logo.png'); return ( { e.preventDefault(); onClick && onClick(); }} className="cmd-wordmark" aria-label="CriterionMD" style={{ display: 'inline-flex', alignItems: 'center', lineHeight: 0, flexShrink: 0 }}> CriterionMD ); } function ArrowRight({ size = 14 }) { return ( ); } function Check({ size = 14, color = "currentColor" }) { return ( ); } function Header({ route, go, authed, onLogout }) { const NavLink = ({ to, children }) => ( { e.preventDefault(); go(to); }} className={route === to ? "active" : ""}>{children} ); return (
go(authed ? 'portal' : 'home')} /> {!authed && ( )} {authed && ( )}
{!authed && ( <> )} {authed && ( <> Dr. Marin Okafor
MO
)}
); } function Footer({ go }) { return ( ); } // Compact label pair used throughout function Stat({ label, value, hint }) { return (
{value}
{label}
{hint &&
{hint}
}
); } // Small product logo tile for the Solutions nav dropdown. Uses ProductMark and // PRODUCT_COLORS exported from pages-marketing.jsx (available on window at render // time even though chrome.jsx loads first). function ProductLogo({ k, size = 22 }) { const colors = (typeof window !== 'undefined' && window.PRODUCT_COLORS) || {}; const Mark = typeof window !== 'undefined' && window.ProductMark; const c = colors[k] || { tile: 'var(--accent)' }; // ScribeAware's logo is a colored image with transparency — show it on a light // tile (and nearly fill it) instead of the dark product tile other glyphs use. const isImg = k === 'notes'; return ( {Mark ? : null} ); } // ── Nav dropdown (shared by Solutions and About) ───────────────────────────── // Hover opens a panel; clicking a section either navigates directly (if the // section has its own `route`) or expands inline to reveal sub-items (if the // section has `items`). Each sub-item can carry an optional status pill. function NavDropdown({ label, targetRoute, currentRoute, go, sections, footerLabel, columns = 1 }) { const [open, setOpen] = React.useState(false); const [expanded, setExpanded] = React.useState(null); const closeTimer = React.useRef(null); const openMenu = () => { if (closeTimer.current) clearTimeout(closeTimer.current); setOpen(true); }; const scheduleClose = () => { closeTimer.current = setTimeout(() => { setOpen(false); setExpanded(null); }, 220); }; const navigate = (r) => { if (closeTimer.current) clearTimeout(closeTimer.current); setOpen(false); setExpanded(null); go(r); }; React.useEffect(() => { if (!open) return; const onKey = (e) => { if (e.key === 'Escape') { setOpen(false); setExpanded(null); } }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [open]); return (
{ e.preventDefault(); navigate(targetRoute); }} className={currentRoute === targetRoute ? 'active' : ''} style={{ display: 'inline-flex', alignItems: 'center', gap: 4 }}> {label} {open && (
{sections.map(sec => { // Direct-nav section (no sub-items) if (sec.route && !sec.items) { return ( ); } // Expandable section with sub-items const isOpen = expanded === sec.id; return (
{isOpen && (
{sec.items.map(item => { const clickable = item.status !== 'soon'; const Tag = clickable ? 'button' : 'div'; return ( navigate(item.route) } : { 'aria-disabled': true })}> {item.productKey && } {item.name} {item.status && ( {item.status === 'beta' ? 'Public beta' : 'In development'} )} ); })}
)}
); })}
{footerLabel !== null && (
{ e.preventDefault(); navigate(targetRoute); }}> {footerLabel || `See ${label.toLowerCase()}`}
)}
)}
); } // ── Solutions nav dropdown ─────────────────────────────────────────────────── const SOLUTIONS_NAV_AUDIENCES = [ { id: 'physicians', label: 'Physicians', sub: 'For individual clinicians and APPs', items: [ { name: 'Insurify', productKey: 'insurify', route: 'insurify', status: 'beta' }, { name: 'ScribeAware', productKey: 'notes', route: 'solutions', status: 'soon' } ] }, { id: 'practices', label: 'Office Practices', sub: 'For procedural-specialty practices', items: [ { name: 'Greenlight', productKey: 'authdesk', route: 'solutions', status: 'soon' }, { name: 'Reckon', productKey: 'rcmiq', route: 'solutions', status: 'soon' }, { name: 'Rebound', productKey: 'denials', route: 'solutions', status: 'soon' } ] }, { id: 'enterprise', label: 'Enterprise', sub: 'For multi-practice and health system rollouts', items: [ { name: 'Sentinel', productKey: 'policy', route: 'solutions', status: 'soon' }, { name: 'Reckon', productKey: 'rcmiq', route: 'solutions', status: 'soon' }, { name: 'Rebound', productKey: 'denials', route: 'solutions', status: 'soon' } ] } ]; function SolutionsNavDropdown({ route, go }) { return ( ); } // ── About nav dropdown ─────────────────────────────────────────────────────── const ABOUT_NAV_SECTIONS = [ { id: 'leadership', label: 'Executive Leadership', sub: 'Founders and the team', route: 'about' }, { id: 'advisory', label: 'Advisory Boards', sub: 'Physician and general advisors', items: [ { name: 'Physician Advisory Board', route: 'physician-board' }, { name: 'General Advisory Board', route: 'general-board' } ] } ]; function AboutNavDropdown({ route, go }) { const ABOUT_ROUTES = ['about', 'physician-board', 'general-board']; const currentRoute = ABOUT_ROUTES.includes(route) ? 'about' : route; return ( ); } // ── Resources nav dropdown ─────────────────────────────────────────────────── const RESOURCES_NAV_SECTIONS = [ { id: 'press', label: 'Press Releases', sub: 'Company news and announcements', route: 'press' }, { id: 'legal', label: 'Privacy & Security', sub: 'Compliance posture and policies', items: [ { name: 'Security overview', route: 'security' }, { name: 'Privacy', route: 'privacy' }, { name: 'Terms of Use', route: 'terms' } ] } ]; function ResourcesNavDropdown({ route, go }) { const RESOURCE_ROUTES = ['press', 'security', 'privacy', 'terms']; const currentRoute = RESOURCE_ROUTES.includes(route) ? 'press' : route; return ( ); } // ── Contact nav dropdown ───────────────────────────────────────────────────── const CONTACT_NAV_SECTIONS = [ { id: 'demos', label: 'Product Demos & Pilots', sub: 'For physicians and practices', route: 'contact-demos' }, { id: 'press', label: 'Media Inquiries', sub: 'Editorial and journalist inquiries', route: 'contact-media' }, { id: 'investors', label: 'Investor Relations', sub: 'Updates and inquiries', route: 'contact-investors' }, { id: 'development', label: 'Product Development', sub: 'Co-develop with our team', route: 'contact-development' }, { id: 'careers', label: 'Careers', sub: 'Join the team', route: 'contact-careers' } ]; function ContactNavDropdown({ route, go }) { const CONTACT_ROUTES = ['contact', 'contact-demos', 'contact-media', 'contact-investors', 'contact-development', 'contact-careers']; const currentRoute = CONTACT_ROUTES.includes(route) ? 'contact' : route; return ( ); } Object.assign(window, { Wordmark, Header, Footer, ArrowRight, Check, Stat });