// Footer.jsx — huge wordmark + links
function Footer() {
  return (
    <footer className="w-footer">
      <span className="w-ov w-ov-moon w-ov-foot1" aria-hidden></span>
      <div className="w-wrap">
        <img src="../../assets/logo-wordmark-wero.svg" alt="Myra" className="w-footer__logo" data-reveal />
        <div className="w-footer__big" data-reveal>Raw data<br />→ decisions.</div>
        <div className="w-footer__row">
          <div className="w-footer__col">
            <span className="w-eyebrow">Services</span>
            <a href="#services">Data engineering</a>
            <a href="#services">Data analytics</a>
            <a href="#services">Artificial intelligence</a>
          </div>
          <div className="w-footer__col">
            <span className="w-eyebrow">Company</span>
            <a href="#why">Why Myra</a>
            <a href="#compare">Compare</a>
            <a href="#faq">FAQ</a>
          </div>
          <div className="w-footer__col">
            <span className="w-eyebrow">Contact</span>
            <a href="mailto:hello@myra.co">hello@myra.co</a>
            <a href="#">LinkedIn</a>
            <a href="#">GitHub</a>
          </div>
        </div>
        <div className="w-footer__bottom">
          <span>© 2026 Myra Data &amp; AI Services</span>
          <span>Stop guessing. Start deciding.</span>
        </div>
      </div>
    </footer>
  );
}
Object.assign(window, { Footer });