/* global React */

const Footer = () => {
  return (
    <footer className="footer" data-screen-label="10 Footer">
      <div className="container">
        <div className="footer-top">
          <div className="footer-brand">
            <a href="#top" className="brand">
              <div className="brand-mark">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
                  <path d="M3 21V9l9-6 9 6v12" />
                  <path d="M9 21V12h6v9" />
                </svg>
              </div>
              <div>
                <div className="brand-name">Fillmore Construction</div>
                <div className="brand-tag" style={{color: "rgba(244,236,221,0.55)"}}>Murphys, California</div>
              </div>
            </a>
            <p>
              A small family-run general contractor serving Calaveras County
              since 1978. Honest work for honest neighbors.
            </p>
          </div>

          <div>
            <h4>Visit</h4>
            <ul>
              <li>Big Trees Road</li>
              <li>Murphys, CA 95247</li>
              <li>Mon–Fri · 7am–5pm</li>
              <li>Saturday by appointment</li>
            </ul>
          </div>

          <div>
            <h4>Get in touch</h4>
            <ul>
              <li><a href="tel:+12097281234">(209) 728‑1234</a></li>
              <li><a href="mailto:hello@fillmoreconstruction.com">hello@fillmoreconstruction.com</a></li>
              <li><a href="#quote">Request an estimate</a></li>
              <li><a href="https://facebook.com" target="_blank" rel="noreferrer">Find us on Facebook</a></li>
            </ul>
          </div>

          <div>
            <h4>Site</h4>
            <ul>
              <li><a href="#services">Services</a></li>
              <li><a href="#gallery">Recent work</a></li>
              <li><a href="#community">Community</a></li>
              <li><a href="#faq">FAQ</a></li>
            </ul>
          </div>
        </div>

        <div className="footer-bottom">
          <div>© 2026 Fillmore Construction, Inc. All rights reserved.</div>
          <div className="license-badge">
            CSLB License #487201 · Bonded · Insured
          </div>
        </div>
      </div>
    </footer>
  );
};

window.Footer = Footer;