// Footer.jsx
function Footer() {
  return (
    <footer className="footer">
      <div className="footer__wrap">
        <div className="footer__top">
          <h2 className="footer__word">NUUN/<br/>CREATIVE</h2>
          <div className="footer__col">
            <h4>Site</h4>
            <ul>
              <li><a href="#work">Work</a></li>
              <li><a href="#services">Services</a></li>
              <li><a href="#process">Process</a></li>
              <li><a href="#fit">Fit</a></li>
              <li><a href="/">Owner-led service business? Start here &rarr;</a></li>
            </ul>
          </div>
          <div className="footer__col">
            <h4>Divisions</h4>
            <ul>
              <li><a href="#">NUUN Creative</a></li>
              <li><a href="#">NUUN CX · Government</a></li>
              <li><a href="#">NUUN Freelance</a></li>
            </ul>
          </div>
          <div className="footer__col">
            <h4>Elsewhere</h4>
            <ul>
              <li><a href="#">LinkedIn</a></li>
              <li><a href="#">YouTube</a></li>
              <li><a href="#">Instagram</a></li>
              <li><a href="mailto:contact@nuun.dev">contact@nuun.dev</a></li>
            </ul>
          </div>
        </div>
        <div className="footer__bottom">
          <span>© 2026 NUUN Propaganda Supply Co. LLC · Salt Lake City, UT</span>
          <span>Built by NUUN &mdash; ironically.</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;