// Footer.jsx — 4-column footer + copyright strip

function Footer() {
  const cols = [
    {
      title: "SERVICES",
      links: ["Repair Services", "Fleet Solutions", "Insurance Help", "Hail Damage"],
    },
    {
      title: "COMPANY",
      links: ["About Us", "Privacy Policy", "Terms of Service", "Accessibility"],
    },
    {
      title: "SUPPORT",
      links: ["Contact Support", "Find a Location", "Estimate Tool"],
    },
  ];
  return (
    <footer className="rd-footer" data-screen-label="01 Home / Footer">
      <div className="rd-footer__inner">
        <div className="rd-footer__brand">
          <div className="rd-footer__logo" />
          <p>
            Setting the gold standard in automotive restoration. We don't just repair cars;
            we restore confidence through precision engineering.
          </p>
        </div>
        {cols.map((c, i) => (
          <div key={i} className="rd-footer__col">
            <div className="rd-footer__h">{c.title}</div>
            <ul>
              {c.links.map((l) => <li key={l}><a href="#">{l}</a></li>)}
            </ul>
            {i === 2 && (
              <div className="rd-footer__social">
                <a href="#" aria-label="X"><img src="assets/icon-social-1.svg" alt="" /></a>
                <a href="#" aria-label="Facebook"><img src="assets/icon-social-2.svg" alt="" /></a>
              </div>
            )}
          </div>
        ))}
      </div>
      <div className="rd-footer__legal">
        <span>© 2026 Raydar Collision Group.</span>
        <span>All Rights Reserved</span>
      </div>
    </footer>
  );
}

window.Footer = Footer;