// components.jsx — Shared components for MCR Group MD website // Exports via window: SiteNav, SiteFooter, SERVICES, SPECIALTIES, DashboardMockup, AccentRule const { useState, useEffect, useRef } = React; const SERVICES = [ { slug: 'service-rcm.html', title: 'End-to-End RCM', icon: 'workflow', color: 'navy', tagline: 'Full-cycle revenue infrastructure.', desc: 'Complete management of your revenue cycle from eligibility verification through zero-balance reconciliation.', }, { slug: 'service-coding.html', title: 'Medical Coding', icon: 'clipboard-list', color: 'green', tagline: 'Specialty-certified coding review.', desc: 'Specialty-specific coding with quarterly drift correction — eliminating silent downcoding losses.', }, { slug: 'service-credentialing.html', title: 'Credentialing', icon: 'shield-check', color: 'teal', tagline: 'Payer enrollment, managed continuously.', desc: 'Payer enrollment, re-credentialing, and CAQH maintenance managed as an ongoing system.', }, { slug: 'service-ar-recovery.html', title: 'AR Recovery', icon: 'trending-up', color: 'gold', tagline: 'Aged-bucket receivables reclaimed.', desc: 'Systematic aged-bucket workflows that recover receivables past 90 days before they expire.', }, { slug: 'service-denials.html', title: 'Denial Management', icon: 'file-x', color: 'navy', tagline: 'Root-cause denial prevention.', desc: 'Root-cause analysis and compounding prevention loops that eliminate recurring denial patterns.', }, { slug: 'service-patient-billing.html', title: 'Patient Billing', icon: 'receipt', color: 'green', tagline: 'Patient-facing billing, simplified.', desc: 'Clear, compliant patient statements and payment workflows that protect both revenue and relationships.', }, { slug: 'service-eligibility.html', title: 'Eligibility & Pre-Auth', icon: 'activity', color: 'teal', tagline: 'Real-time verification at intake.', desc: 'Real-time eligibility verification and prior authorization woven into every patient encounter.', }, ]; const SPECIALTIES = [ { slug: 'orthopedics', name: 'Orthopedics', icon: 'bone', desc: 'High-volume surgical coding, implant billing, and modifier management for orthopedic groups.', challenges: ['Complex surgical modifiers', 'Implant cost tracking', 'Post-op global periods'], }, { slug: 'cardiology', name: 'Cardiology', icon: 'heart-pulse', desc: 'Interventional and diagnostic cardiology billing across hospital and office settings.', challenges: ['Incident-to billing', 'Multiple procedure rules', 'Bundling requirements'], }, { slug: 'primary-care', name: 'Primary Care', icon: 'stethoscope', desc: 'High-volume E/M coding, chronic care management, and value-based care optimization.', challenges: ['E/M level optimization', 'CCM & PCM billing', 'Preventive vs. diagnostic'], }, { slug: 'oncology', name: 'Oncology', icon: 'microscope', desc: 'Drug administration coding, infusion billing, and prior authorization management for oncology practices.', challenges: ['Drug administration codes', 'Infusion hierarchies', 'Prior auth for biologics'], }, { slug: 'neurology', name: 'Neurology', icon: 'brain', desc: 'Neuro diagnostic billing, EMG/EEG coding, and sleep medicine revenue optimization.', challenges: ['Diagnostic testing codes', 'Technical vs. professional', 'Telehealth billing'], }, { slug: 'gastroenterology', name: 'Gastroenterology', icon: 'activity', desc: 'Procedural GI billing including colonoscopy, endoscopy, and infusion center management.', challenges: ['Modifier -53 / -52', 'Polyp removal coding', 'Anesthesia coordination'], }, { slug: 'radiology', name: 'Radiology', icon: 'scan', desc: 'Imaging center and teleradiology billing with global / split billing expertise.', challenges: ['TC vs. PC splits', 'Order-to-bill workflow', 'Prior auth management'], }, { slug: 'behavioral-health', name: 'Behavioral Health', icon: 'brain-circuit', desc: 'Psychiatric and therapy billing with parity law compliance and telehealth optimization.', challenges: ['Mental health parity', 'Telehealth documentation', 'Dual-diagnosis billing'], }, { slug: 'physical-therapy', name: 'Physical Therapy', icon: 'dumbbell', desc: 'Therapy cap management, KX modifier compliance, and functional reporting for PT/OT/ST.', challenges: ['Therapy cap tracking', 'KX modifier compliance', 'Functional limitation codes'], }, { slug: 'dermatology', name: 'Dermatology', icon: 'layers', desc: 'Surgical dermatology coding, destruction procedures, and cosmetic vs. medical distinction.', challenges: ['Destruction codes', 'Cosmetic exclusions', 'Pathology coordination'], }, { slug: 'urology', name: 'Urology', icon: 'circle-dot', desc: 'Urological surgical billing, prostate care coding, and robotic procedure management.', challenges: ['Robotic-assisted codes', 'Global surgical packages', 'In-office lab billing'], }, { slug: 'emergency-medicine', name: 'Emergency Medicine', icon: 'zap', desc: 'High-volume ED facility and physician billing with critical care and observation management.', challenges: ['Critical care thresholds', 'Observation vs. inpatient', 'Split/shared billing'], }, ]; // ——— Accent Rule ——— const AccentRule = ({ dark = false }) => ( ); // ——— Dashboard Mockup ——— const DashboardMockup = () => { const card = { background: 'rgba(255,255,255,0.04)', border: '1px solid rgba(255,255,255,0.08)', borderRadius: 14, padding: 20, backdropFilter: 'blur(10px)', }; const lbl = { fontFamily: 'var(--font-body)', fontWeight: 700, fontSize: 9, letterSpacing: '1.5px', textTransform: 'uppercase', color: '#5ac6f1' }; const met = { fontFamily: 'var(--font-display)', fontWeight: 700, fontSize: 38, color: '#D49B28', lineHeight: 1, letterSpacing: '-0.02em', marginTop: 8 }; const sub = { fontSize: 11, color: 'rgba(255,255,255,0.5)', marginTop: 6, fontWeight: 300 }; return (
AR Days
28
↓ 46% vs baseline
Clean Claims
98%
first-pass
Monthly Collections
{['Eligibility', 'Submit', 'Adjudicate', 'Post'].map((s, i, a) => (
{s} {i < a.length - 1 &&
}
))}
); }; // ——— Site Navigation ——— const SiteNav = ({ dark = true, current = '', basePath = '' }) => { const [scrolled, setScrolled] = useState(false); const [servicesOpen, setServicesOpen] = useState(false); const [mobileOpen, setMobileOpen] = useState(false); const dropRef = useRef(null); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 80); window.addEventListener('scroll', onScroll); return () => window.removeEventListener('scroll', onScroll); }, []); useEffect(() => { const handler = (e) => { if (dropRef.current && !dropRef.current.contains(e.target)) setServicesOpen(false); }; document.addEventListener('mousedown', handler); return () => document.removeEventListener('mousedown', handler); }, []); const solidNav = !dark || scrolled; const navStyle = { position: 'fixed', top: 0, left: 0, right: 0, zIndex: 100, padding: '16px 0', background: solidNav ? 'rgba(13,16,41,0.96)' : 'transparent', backdropFilter: solidNav ? 'blur(14px)' : 'none', transition: 'background 0.3s, backdrop-filter 0.3s', borderBottom: solidNav ? '1px solid rgba(255,255,255,0.06)' : 'none', }; const linkStyle = { fontFamily: 'var(--font-body)', fontWeight: 500, fontSize: 14, letterSpacing: '0.3px', color: 'rgba(255,255,255,0.65)', textDecoration: 'none', transition: 'color 0.2s', background: 'none', border: 'none', cursor: 'pointer', padding: 0, }; const activeLink = { ...linkStyle, color: '#fff' }; const p = basePath; return ( ); }; // ——— Site Footer ——— const SiteFooter = ({ basePath = '' }) => { const p = basePath; const cols = [ { title: 'Services', links: SERVICES.slice(0, 4).map(s => ({ label: s.title, href: `${p}${s.slug}` })), }, { title: 'More Services', links: SERVICES.slice(4).map(s => ({ label: s.title, href: `${p}${s.slug}` })), }, { title: 'Company', links: [ { label: 'Specialties', href: `${p}specialties.html` }, { label: 'Contact Us', href: `${p}contact.html` }, { label: 'Request Meeting', href: `${p}meeting.html` }, ], }, ]; return ( ); }; Object.assign(window, { SERVICES, SPECIALTIES, AccentRule, DashboardMockup, SiteNav, SiteFooter });