/* global React */
function Footer() {
  const yr = new Date().getFullYear();
  return (
    <footer className="pc-footer">
      <div className="pc-container">
        <div className="pc-footer__top">
          <a href="#top" className="pc-footer__brand" aria-label="Pathway Civil — back to top">
            <span className="pc-footer__fulllogo-wrap">
              <img
                src="assets/logo-pathway-civil.jpeg"
                alt="Pathway Civil"
                className="pc-footer__fulllogo"
              />
            </span>
          </a>
          <div className="pc-footer__cols">
            <div>
              <span className="pc-eyebrow__label">Services</span>
              <ul>
                <li><a href="#services">Wet machine hire</a></li>
                <li><a href="#services">Site preparation</a></li>
                <li><a href="#services">Trenching</a></li>
                <li><a href="#services">Drainage &amp; stormwater</a></li>
                <li><a href="#services">Civil earthworks</a></li>
              </ul>
            </div>
            <div>
              <span className="pc-eyebrow__label">Company</span>
              <ul>
                <li><a href="#projects">Project experience</a></li>
                <li><a href="#capability">Machine capability</a></li>
                <li><a href="#why">Why Pathway Civil</a></li>
                <li><a href="#contact">Contact</a></li>
              </ul>
            </div>
            <div>
              <span className="pc-eyebrow__label">Direct</span>
              <ul>
                <li><a href="tel:+61459235860">0459 235 860</a></li>
                <li><a href="mailto:admin@pathwaycivil.com.au">admin@pathwaycivil.com.au</a></li>
                <li className="pc-footer__muted">Adelaide · South Australia</li>
              </ul>
            </div>
          </div>
        </div>
        <div className="pc-footer__bot">
          <span className="pc-mono">© {yr} Pathway Civil</span>
          <span className="pc-mono pc-footer__muted">ABN 72 642 430 998</span>
          <span className="pc-mono pc-footer__muted">Insurances available on request</span>
          <span className="pc-footer__credit">
            Website designed &amp; engineered by{" "}
            <a href="https://www.prizmacore.com" target="_blank" rel="noopener noreferrer" className="pc-footer__credit-link">
              <img src="assets/prizmacore-logo.svg" alt="PrizmaCore" className="pc-prizmacore-logo" aria-hidden="true" />
              PrizmaCore
            </a>
          </span>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;