// Footer.jsx
function Footer({ setPage }){
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-top">
          <div>
            <div style={{height:28, marginBottom:20}}>
              <img src="assets/logo-white.jpg" alt="SSP Electrical" style={{height:'100%', width:'auto'}}/>
            </div>
            <p className="text-dim" style={{maxWidth:340, fontSize:14, margin:0}}>Christchurch's premium solar and electrical specialists. Powering smarter homes and businesses across the South Island.</p>
            <div style={{display:'flex', gap:10, marginTop:20}}>
              <span className="badge"><span className="badge-dot"/>Accepting new jobs</span>
            </div>
          </div>
          <div className="footer-col">
            <h5>Explore</h5>
            <a onClick={() => setPage('home')}>Home</a>
            <a onClick={() => setPage('about')}>About</a>
            <a onClick={() => setPage('services')}>Services</a>
            <a onClick={() => setPage('process')}>Our process</a>
            <a onClick={() => setPage('projects')}>Projects</a>
          </div>
          <div className="footer-col">
            <h5>Services</h5>
            <a onClick={() => setPage('services')}>Residential solar</a>
            <a onClick={() => setPage('services')}>Commercial solar</a>
            <a onClick={() => setPage('battery')}>Battery storage</a>
            <a onClick={() => setPage('services')}>EV chargers</a>
            <a onClick={() => setPage('services')}>Maintenance</a>
          </div>
          <div className="footer-col">
            <h5>Contact</h5>
            <a href="tel:+64278259554">027 825 9554</a>
            <a href="mailto:info@sspelectrical.co.nz">info@sspelectrical.co.nz</a>
            <a>Christchurch, NZ</a>
            <a onClick={() => setPage('contact')} style={{color:'var(--cyan)', marginTop:10}}>Get a quote →</a>
          </div>
        </div>
        <div className="footer-bot">
          <div>© 2026 SSP Electrical Ltd. All rights reserved.</div>
          <div style={{display:'flex', gap:24}}>
            <a>Privacy</a><a>Terms</a><a>Licensed NZ Electrical #EWRB</a>
          </div>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;