export default function SiteFooter() {
  return (
    <footer className="site-footer" aria-label="Footer">
      <div className="footer-inner">
        <div className="footer-main">
          <div className="footer-brand">
            <a className="footer-logo" href="#top" aria-label="Bay Area Email Services home">
              <span className="brand-mark" aria-hidden="true">
                <svg viewBox="0 0 40 32" role="img">
                  <path d="M3 5.5h34v21H3z"></path>
                  <path d="m4.5 7 15.5 11.5L35.5 7"></path>
                  <path d="m4.5 25 11.2-9.2"></path>
                  <path d="m35.5 25-11.2-9.2"></path>
                </svg>
              </span>
              <span>
                <strong>Bay Area</strong>
                <span>Email Services</span>
              </span>
            </a>
            <p>
              Business email hosting, DNS authentication, migration help, and local support for Corpus Christi teams.
            </p>
          </div>

          <nav className="footer-links" aria-label="Footer navigation">
            <h2>Explore</h2>
            <ul>
              <li><a href="#why">Why email matters</a></li>
              <li><a href="#pricing-detail">Pricing</a></li>
              <li><a href="#faq">FAQ</a></li>
              <li><a href="#assessment">Get assessment</a></li>
            </ul>
          </nav>

          <div className="footer-contact">
            <h2>Contact</h2>
            <ul>
              <li><a href="tel:+13617658400">Call (361) 765-8400</a></li>
              <li><a href="#assessment">Book a 20-minute email assessment</a></li>
              <li>Corpus Christi and the Coastal Bend</li>
            </ul>
          </div>
        </div>

        <div className="footer-bottom">
          <p>Bay Area Email Services, part of Bay Area IT. All rights reserved.</p>
          <div>
            <a href="#top" className="back-to-top">
              Back to top
              <svg viewBox="0 0 24 24" aria-hidden="true">
                <path d="m5 12 7-7 7 7"></path>
                <path d="M12 19V5"></path>
              </svg>
            </a>
          </div>
        </div>
      </div>
    </footer>
  );
}
