function Header({ onNavigate, onGoSection }) { const { navLinks, contactInfo } = window.LHMockData; const [mobileOpen, setMobileOpen] = React.useState(false); const [activeId, setActiveId] = React.useState(''); const goSection = (e, href) => { if (onGoSection) { e.preventDefault(); setMobileOpen(false); onGoSection(href); } }; // Scroll-spy: highlight the nav tab of the section currently in view. React.useEffect(() => { const ids = navLinks.map((l) => l.href.replace('#', '')); const sections = ids.map((id) => document.getElementById(id)).filter(Boolean); if (!sections.length) return; const io = new IntersectionObserver((entries) => { const visible = entries.filter((e) => e.isIntersecting).sort((a, b) => b.intersectionRatio - a.intersectionRatio); if (visible[0]) setActiveId('#' + visible[0].target.id); }, { rootMargin: '-30% 0px -50% 0px', threshold: [0, 0.2, 0.5] }); sections.forEach((s) => io.observe(s)); return () => io.disconnect(); }, []); return (

Request Appointment - {contactInfo.phones[0]} ; {contactInfo.phones[1]}

{ e.preventDefault(); onNavigate('home'); }} style={{ display: 'flex', alignItems: 'center' }}>

{mobileOpen && (

{navLinks.map((link, i) => ( { goSection(e, link.href); setMobileOpen(false); }} style={{ color: 'var(--ink-950)', fontSize: 16, fontWeight: 500, textDecoration: 'none', fontFamily: 'var(--font-sans)', padding: '12px 0', borderBottom: '1px solid var(--neutral-100)' }}>{link.name} ))} Book Free Consultation

)}

); } window.LHHeader = Header;