/* global React */

function Footer() {
  return (
    <footer className="at-footer" style={{ backgroundColor: "rgb(0, 0, 0)" }}>
      <div className="at-footer-inner">
        <div>
          <div className="at-footer-brand-row">
            <img src={(window.__resources && window.__resources.logoDark) || "assets/logo-mark-dark-bg.png"} alt="" />
            <div>
              <div className="at-footer-brand-name">AnsarTech</div>
              <div className="at-footer-brand-tag">AI Automation Architecture</div>
            </div>
          </div>
          <p className="at-footer-tag-big">
            We architect the automation layer your business is already paying for in <span style={{ color: 'var(--at-red)' }}>salaries.</span>
          </p>
        </div>

        <div className="at-footer-cols">
          <div>
            <div className="at-footer-h">Services</div>
            <a href="#services" data-cursor-label="link">Architecture review</a>
            <a href="#services" data-cursor-label="link">Agent build</a>
            <a href="#services" data-cursor-label="link">Workflow integration</a>
            <a href="#services" data-cursor-label="link">Operate & evaluate</a>
          </div>
          <div>
            <div className="at-footer-h">Company</div>
            <a href="#process" data-cursor-label="link">Process</a>
            <a href="/case-studies" data-cursor-label="link">Case studies</a>
            <a href="/about" data-cursor-label="link">About</a>
            <a href="/contact" data-cursor-label="link">Contact</a>
          </div>
          <div>
            <div className="at-footer-h">Elsewhere</div>
            <a href="https://github.com/zianansar" target="_blank" rel="noopener" data-cursor-label="github">GitHub</a>
            <a href="https://linkedin.com/in/zian-ansar" target="_blank" rel="noopener" data-cursor-label="linkedin">LinkedIn</a>
            <a href="https://www.youtube.com/@DiscoPandaAI" target="_blank" rel="noopener" data-cursor-label="youtube">YouTube</a>
            <a href="mailto:zian@ansartech.net" data-cursor-label="email">zian@ansartech.net</a>
          </div>
          <div>
            <div className="at-footer-h">Legal</div>
            <a href="https://privacy.ansartech.net/privacy-policy" target="_blank" rel="noopener" data-cursor-label="link">Privacy</a>
            <a href="https://privacy.ansartech.net/terms-and-conditions" target="_blank" rel="noopener" data-cursor-label="link">Terms</a>
          </div>
        </div>
      </div>

      <div className="at-footer-base">
        <span className="status">
          <span className="dot"></span>
          All systems nominal · ansartech.net
        </span>
        <span>© 2026 AnsarTech — Built by hand</span>
      </div>
    </footer>);

}

window.Footer = Footer;