/* global React, Logo, Icon */
function Footer() {
  return (
    <footer className="cl-footer">
      <div className="cl-container">
        <div className="cl-footer-grid">
          <div>
            <Logo variant="light" tagline />
            <p className="desc">Professional certified translations you can trust — prepared for USCIS, immigration, legal, academic, and business purposes throughout the United States.</p>
          </div>
          <div>
            <h4>Services</h4>
            <ul>
              <li><a href="#documents">Personal &amp; Civil</a></li>
              <li><a href="#documents">Legal</a></li>
              <li><a href="#documents">Academic</a></li>
              <li><a href="#documents">Business</a></li>
            </ul>
          </div>
          <div>
            <h4>Company</h4>
            <ul>
              <li><a href="#why">Why choose us</a></li>
              <li><a href="#process">Our process</a></li>
              <li><a href="#contact">Get a quote</a></li>
              <li><a href="#contact">Certificate of Accuracy</a></li>
            </ul>
          </div>
          <div>
            <h4>Contact</h4>
            <div className="cl-contact-line"><Icon name="mail" size={16} /><a href="mailto:columbus.lingua.llc@gmail.com">columbus.lingua.llc@gmail.com</a></div>
            <div className="cl-contact-line"><Icon name="send" size={16} /><a href="https://t.me/columbus_support">Telegram support</a></div>
          </div>
        </div>
        <div className="cl-footer-bottom">
          <span>© 2026 Columbus Lingua. All rights reserved.</span>
          <span>Accurate · Certified · Confidential</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;