function Footer() {
  return (
    <footer className="bg-primary text-white">
      <div className="container mx-auto px-4 py-14">
        <div className="grid md:grid-cols-3 gap-10 mb-10">
          <div>
            <img
              src={window.LOGO_WHITE}
              alt="Casa Bella Construtora"
              className="h-16 w-auto mb-4"
            />
            <p className="text-white font-semibold mb-1">Casa Bella Construtora · Desde 1988</p>
            <p className="text-white/70 text-sm leading-relaxed max-w-xs">
              Locação de Mini Escavadeira Bobcat E10 — escavações em locais de difícil acesso em Uberlândia e região.
            </p>
          </div>

          <div>
            <div className="font-semibold mb-3 text-sm uppercase tracking-wider text-white/90">Navegação</div>
            <ul className="space-y-2 text-sm">
              {['hero', 'services', 'projects', 'advantages', 'faq', 'contact'].map((id) => (
                <li key={id}>
                  <a href={`#${id}`} className="text-white/70 hover:text-accent transition-smooth">
                    {{
                      hero: 'Início',
                      services: 'Serviços',
                      projects: 'Projetos',
                      advantages: 'Vantagens',
                      faq: 'Perguntas frequentes',
                      contact: 'Contato',
                    }[id]}
                  </a>
                </li>
              ))}
            </ul>
          </div>

          <div>
            <div className="font-semibold mb-3 text-sm uppercase tracking-wider text-white/90">Contato</div>
            <ul className="space-y-3 text-sm">
              <li className="flex items-start gap-2">
                <Icon name="phone" size={16} className="text-accent mt-0.5" />
                <span>{window.WHATSAPP_DISPLAY}</span>
              </li>
              <li className="flex items-start gap-2">
                <Icon name="map-pin" size={16} className="text-accent mt-0.5" />
                <span>Rua do Comerciário, 384<br />Uberlândia — MG</span>
              </li>
              <li className="flex items-start gap-2">
                <Icon name="clock" size={16} className="text-accent mt-0.5" />
                <span>Segunda a sábado · 7h às 18h</span>
              </li>
            </ul>
            <a
              href={window.WHATSAPP_URL}
              target="_blank"
              rel="noreferrer"
              className="mt-5 inline-flex items-center gap-2 bg-accent hover:bg-accent/90 text-white text-sm font-semibold rounded-lg px-4 py-2.5 transition-smooth"
            >
              <Icon name="message-circle" size={16} /> Solicitar orçamento
            </a>
          </div>
        </div>

        <div className="border-t border-white/15 pt-6 flex flex-col md:flex-row items-start md:items-center justify-between gap-3">
          <div className="text-white/60 text-xs">
            © {new Date().getFullYear()} Casa Bella Construtora. Todos os direitos reservados.
          </div>
          <div className="text-white/40 text-xs">CNPJ disponível mediante solicitação</div>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;