// Footer — Tutke contact + nav + colophon.

const Footer = () => {
  return (
    <footer className="foot" data-screen-label="08 Footer">
      <div className="foot-grid">
        <div>
          <div className="foot-mark">T U T K E</div>
          <div className="desc">
            Turvallisen tekoälyn keskus. Poikkitieteellinen, poliittisesti sitoutumaton ja voittoa tavoittelematon verkosto.
          </div>
        </div>
        <div>
          <h4>Dokumentti</h4>
          <ul>
            <li><a href="#" onClick={(e) => { e.preventDefault(); window.scrollTo({ top: 0, behavior: 'smooth' }); }}>Alkuun</a></li>
            <li><a href="#chapter-huoltovarmuus">Aihepiirit</a></li>
            <li><a href="#" onClick={(e) => { e.preventDefault(); window.print(); }}>Tulosta PDF</a></li>
          </ul>
        </div>
        <div>
          <h4>Tutke ry</h4>
          <ul>
            <li><a href="https://www.tutke.org/" target="_blank" rel="noopener">tutke.org</a></li>
            <li><a href="mailto:info@tutke.org">info@tutke.org</a></li>
            <li><a href="https://www.tutke.org/blog" target="_blank" rel="noopener">Blogi</a></li>
          </ul>
        </div>
        <div>
          <h4>Vaikuta</h4>
          <ul>
            <li><a href="https://superintelligence-statement.org/" target="_blank" rel="noopener">Superintelligence Statement</a></li>
            <li><a href="https://www.tutke.org/#footer" target="_blank" rel="noopener">Liity ilmoituslistalle</a></li>
          </ul>
        </div>
      </div>
      <div className="foot-bot">
        <span>© Turvallisen tekoälyn keskus · Tutke ry · 2026</span>
        <span>Eduskuntavaalitavoitteet 2027</span>
      </div>
    </footer>
  );
};

window.Footer = Footer;