function Footer({setPage}){
const isMobile=window.useIsMobile();
const isNarrow=window.useIsNarrowDesktop();
return (
<div style={{background:'var(--charcoal-900)',color:'var(--text-inverse)',padding:isMobile?'40px 20px 24px':'64px 32px 32px'}}>
<div style={{maxWidth:'var(--container-max)',margin:'0 auto',display:'grid',gridTemplateColumns:isMobile?'1fr':'1.4fr 1fr 1fr 1fr',gap:32}}>
<div>
<img src="assets/logo.png" alt="Polychem" style={{height:44,filter:'brightness(0) invert(1)',marginBottom:12}} />
<div style={{color:'var(--grey-300)',fontSize:isNarrow?7:14,lineHeight:isNarrow?'var(--lh-snug)':'var(--lh-relaxed)',maxWidth:280}}>The Science of Color, The Art of Perfection. Manufacturing pigment paste since 1998.</div>
</div>
<div>
<div style={{fontWeight:600,marginBottom:12,fontSize:14,letterSpacing:'.04em',textTransform:'uppercase',color:'var(--grey-400)'}}>Company</div>
<div style={{display:'flex',flexDirection:'column',gap:8,fontSize:14,color:'var(--grey-300)'}}><span onClick={()=>setPage('about')} style={{cursor:'pointer'}}>About</span><span onClick={()=>setPage('manufacturing')} style={{cursor:'pointer'}}>Manufacturing</span><span onClick={()=>setPage('manufacturing')} style={{cursor:'pointer'}}>Quality</span></div>
</div>
<div>
<div style={{fontWeight:600,marginBottom:12,fontSize:14,letterSpacing:'.04em',textTransform:'uppercase',color:'var(--grey-400)'}}>Products</div>
<div style={{display:'flex',flexDirection:'column',gap:8,fontSize:14,color:'var(--grey-300)'}}><span onClick={()=>setPage('products')} style={{cursor:'pointer'}}>Pigment Pastes</span><span onClick={()=>setPage('products')} style={{cursor:'pointer'}}>Brown Paste</span><span onClick={()=>setPage('products')} style={{cursor:'pointer'}}>Dispersions</span></div>
</div>
<div>
<div onClick={()=>setPage('contact')} style={{fontWeight:600,marginBottom:12,fontSize:14,letterSpacing:'.04em',textTransform:'uppercase',color:'var(--grey-400)',cursor:'pointer'}}>Contact</div>
<div style={{display:'flex',flexDirection:'column',gap:8,fontSize:14,color:'var(--grey-300)'}}>
<span>New Delhi, Delhi - 110082</span><span>+91-9654240004</span><span>saxenamcc@gmail.com</span>
</div>
</div>
</div>
<div style={{maxWidth:'var(--container-max)',margin:'32px auto 0',paddingTop:24,borderTop:'1px solid var(--border-on-dark)',color:'var(--grey-400)',fontSize:13}}>© {new Date().getFullYear()} Polychem & Allied Products. All rights reserved.</div>
</div>
);
}
window.Footer=Footer;