// Footer.jsx — minimal modern footer
function Footer() {
  return (
    <footer className="dt-footer">
      <div className="container">
        <div className="dt-footer-cols">
          <div className="dt-footer-brand">
            <a className="dt-brand" href="#top">
              <img src="assets/logo-mark.png" alt="DuckTask" style={{ width: 34, height: 34, borderRadius: "50%" }} />
              <span className="dt-brand-word">DuckTask</span>
            </a>
            <p>
              The operating layer of small and mid-size businesses.
              HR, inventory, admin, automation, and AI agents — handled.
            </p>
            <div className="dt-footer-socials">
              <a href="https://instagram.com/duck.task" target="_blank" rel="noreferrer" aria-label="Instagram">
                <i data-lucide="instagram" className="ic"></i>
              </a>
              <a href="https://www.facebook.com/people/Ducktask/61562862996787/" target="_blank" rel="noreferrer" aria-label="Facebook">
                <i data-lucide="facebook" className="ic"></i>
              </a>
              <a href="mailto:contact@ducktask.com" aria-label="Email">
                <i data-lucide="mail" className="ic"></i>
              </a>
            </div>
          </div>

          <div className="dt-footer-col">
            <h5>Services</h5>
            <ul>
              <li><a href="#services">AI agents</a></li>
              <li><a href="#services">Workflow automation</a></li>
              <li><a href="#services">HR &amp; recruiting</a></li>
              <li><a href="#services">Inventory systems</a></li>
              <li><a href="#services">SaaS &amp; web</a></li>
            </ul>
          </div>

          <div className="dt-footer-col">
            <h5>Company</h5>
            <ul>
              <li><a href="#why">Why DuckTask</a></li>
              <li><a href="#process">Our process</a></li>
              <li><a href="#cases">Selected work</a></li>
              <li><a href="#pricing">Pricing</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
          </div>

          <div className="dt-footer-col">
            <h5>Connect</h5>
            <ul>
              <li><a href="mailto:contact@ducktask.com">contact@ducktask.com</a></li>
              <li><a href="https://instagram.com/duck.task">@duck.task</a></li>
              <li><a href="https://www.facebook.com/people/Ducktask/61562862996787/">Facebook</a></li>
              <li><a href="#contact">Book a consult</a></li>
            </ul>
          </div>
        </div>

        <div className="dt-footer-bottom">
          <div>© {new Date().getFullYear()} DuckTask. All rights reserved.</div>
          <div className="links">
            <a href="#">Privacy</a>
            <a href="#">Terms</a>
            <a href="#">Security</a>
          </div>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;
