function Footer({ navigate }) {
 const cols = [
 {
 title: 'Support',
 links: [
 ['Newly diagnosed', 'newly-diagnosed'],
 ['Use our navigation tool', 'navigator'],
 ['Understand SCN2A & DEE', 'understand'],
 ['Seizure types & management', 'seizures'],
 ['NDIS Navigation', 'ndis'],
 ['Carer support', 'carers'],
 ]
 },
 {
 title: 'Driving change',
 links: [
 ['Our impact', 'impact'],
 ['Clinical trials', 'trials'],
 ['Research opportunities', 'research'],
 ['Publications', 'publications'],
 ['Global collaboration', 'global'],
 ['Blogs & news', 'news'],
 ]
 },
 {
 title: 'Get involved',
 links: [
 ['Donate', 'involved'],
 ['Fundraise or volunteer', 'involved'],
 ['Partner with us', 'partners'],
 ]
 },
 {
 title: 'About',
 links: [
 ['Our story', 'about'],
 ['Our team', 'about'],
 ['Our impact', 'impact'],
 ['Partners', 'partners'],
 ['Contact us', 'contact'],
 ]
 },
 ];
 return (
 <footer style={{ background: '#1E3A6E', color: '#fff', marginTop: 0 }}>
 <div className="container stack-mobile" style={{
 padding: '40px 32px 20px',
 display: 'grid',
 gridTemplateColumns: '1.6fr repeat(4, 1fr)',
 gap: 32,
 }} >
 <div>
 <Logo variant="light" size="md" />
 <p style={{ fontSize: 14, lineHeight: 1.6, color: 'rgba(255,255,255,0.78)', marginTop: 22, maxWidth: 320 }}>
 The authoritative, family-led voice for SCN2A-related disorders, and the broader developmental and epileptic encephalopathy (DEE) community.
 </p>
 <div style={{ display: 'flex', gap: 2, marginTop: 18, marginLeft: -10, color: 'rgba(255,255,255,0.78)' }}>
 <a href="https://www.facebook.com/SCN2AAustralia" target="_blank" rel="noopener" aria-label="Facebook" style={{ color: 'inherit', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: 44, height: 44 }}>
 <i data-lucide="facebook" style={{ width: 20, height: 20 }} />
 </a>
 <a href="https://www.instagram.com/scn2aaustralia" target="_blank" rel="noopener" aria-label="Instagram" style={{ color: 'inherit', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: 44, height: 44 }}>
 <i data-lucide="instagram" style={{ width: 20, height: 20 }} />
 </a>
 <a href="https://www.linkedin.com/company/scn2a-australia" target="_blank" rel="noopener" aria-label="LinkedIn" style={{ color: 'inherit', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: 44, height: 44 }}>
 <i data-lucide="linkedin" style={{ width: 20, height: 20 }} />
 </a>
 <a href="https://www.youtube.com/@scn2australia" target="_blank" rel="noopener" aria-label="YouTube" style={{ color: 'inherit', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: 44, height: 44 }}>
 <i data-lucide="youtube" style={{ width: 20, height: 20 }} />
 </a>
 </div>
 <div style={{ marginTop: 28, padding: '14px 16px', background: 'rgba(255,255,255,0.06)', borderLeft: '3px solid #8E3B5E', fontSize: 13, lineHeight: 1.5 }}>
 <strong style={{ display: 'block', marginBottom: 4 }}>Need an interpreter?</strong>
 Call <span className="ledger-mono">TIS National 131 450</span> and ask for SCN2A Australia.
 </div>
 <a href="https://www.acnc.gov.au/charityregister" target="_blank" rel="noopener"
 style={{ display: 'inline-flex', marginTop: 22, width: 96, height: 96, padding: 6, background: 'rgba(255,255,255,0.04)', border: '1px solid rgba(255,255,255,0.10)', borderRadius: 0 }}
 aria-label="ACNC Registered Charity">
 <img src="assets/acnc-registered-charity.png" alt="ACNC Registered Charity"
 style={{ width: '100%', height: '100%', objectFit: 'contain' }} />
 </a>
 </div>
 {cols.map((c) => (
 <div key={c.title}>
 <div style={{
 fontSize: 11, fontWeight: 700, letterSpacing: '0.14em',
 textTransform: 'uppercase', color: '#C7D6EE', marginBottom: 16,
 }}>{c.title}</div>
 <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 10 }}>
 {c.links.map(([l, r]) => (
 <li key={l}>
 <a href={hrefFor(r)}
 onClick={(e)=>{e.preventDefault();navigate(r);}}
 style={{ color: 'rgba(255,255,255,0.88)', textDecoration: 'none', fontSize: 14 }}>
 {l}
 </a>
 </li>
 ))}
 </ul>
 </div>
 ))}
 </div>

 <div style={{ background: 'rgba(0,0,0,0.18)' }}>
 <div className="container" style={{
 padding: '12px 32px',
 display: 'flex', justifyContent: 'space-between', alignItems: 'center',
 flexWrap: 'wrap', gap: 12,
 fontSize: 12, color: 'rgba(255,255,255,0.62)',
 }}>
 <div>© 2026 SCN2A Australia Ltd · ABN 70 665 788 161 · Registered charity (ACNC)</div>
 <div style={{ display: 'flex', gap: 18, alignItems: 'center' }}>
 <a href="/privacy" onClick={(e)=>{e.preventDefault();navigate('privacy');}} style={{ color: 'rgba(255,255,255,0.62)' }}>Privacy</a>
 <a href="/about" onClick={(e)=>{e.preventDefault();navigate('about');}} style={{ color: 'rgba(255,255,255,0.62)' }}>Governance</a>
 <a href="/accessibility" onClick={(e)=>{e.preventDefault();navigate('accessibility');}} style={{ color: 'rgba(255,255,255,0.62)' }}>Accessibility</a>
 <span>Acknowledges the Traditional Owners of the lands on which we work.</span>
 </div>
 </div>
 </div>
 </footer>
 );
}

Object.assign(window, { Footer });