/* Footer */

function Footer({ t }) {
  return (
    <footer className="footer">
      <div className="footer-inner">
        <div className="footer-top">
          <div className="footer-brand">
            <div className="logo">
              <LamhaLogo height={44} kind="lockup" />
            </div>
            <p>{t.footer.tagline}</p>
          </div>

          <div className="footer-col">
            <h5>{t.footer.links_h}</h5>
            <ul>
              <li><a href="#hero">{t.footer.home}</a></li>
              <li><a href="#partners">{t.footer.partners}</a></li>
              <li><a href="#services">{t.footer.services}</a></li>
            </ul>
          </div>

          <div className="footer-col">
            <h5>{t.footer.info_h}</h5>
            <ul>
              <li><a href="#faq">{t.footer.faq}</a></li>
              <li><a href="#">{t.footer.terms}</a></li>
              <li><a href="#">{t.footer.privacy}</a></li>
            </ul>
          </div>

          <div className="footer-col">
            <h5>{t.footer.documents_h}</h5>
            <ul>
              <li><a href="assets/docs/lamha-commercial-register.pdf" target="_blank" rel="noopener">{t.footer.cr}</a></li>
              <li><a href="assets/docs/lamha-vat-certificate.pdf" target="_blank" rel="noopener">{t.footer.vat}</a></li>
            </ul>
          </div>

          <div className="footer-col">
            <h5>{t.footer.contact_h}</h5>
            <ul>
              <li><a href={window.LAMHA_WHATSAPP} target="_blank" rel="noopener">{t.footer.whatsapp}</a></li>
              <li><a href={window.LAMHA_WHATSAPP} target="_blank" rel="noopener">{t.footer.sales}</a></li>
            </ul>
          </div>
        </div>

        <div className="footer-bottom">
          <span>{t.footer.copy}</span>
          <div className="footer-social">
            <a href={`https://instagram.com/${window.LAMHA_SOCIAL}`} target="_blank" rel="noopener" aria-label="Instagram">{Icons.ig}</a>
            <a href={`https://x.com/${window.LAMHA_SOCIAL}`} target="_blank" rel="noopener" aria-label="X">{Icons.x}</a>
            <a href={window.LAMHA_WHATSAPP} target="_blank" rel="noopener" aria-label="WhatsApp">{Icons.whatsapp}</a>
          </div>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;
