components/Footer.jsx

export default function Footer() {
  return (
    <footer className="bg-primary text-white py-12">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="grid md:grid-cols-3 gap-8">
          <div>
            <h3 className="text-xl font-bold mb-4">Ecclesiato</h3>
            <p className="text-gray-300">
              Transformando ideias em soluções digitais inovadoras.
            </p>
          </div>
          <div>
            <h4 className="text-lg font-semibold mb-4">Links Rápidos</h4>
            <ul className="space-y-2">
              <li><a href="/" className="text-gray-300 hover:text-white">Home</a></li>
              <li><a href="/about" className="text-gray-300 hover:text-white">Sobre</a></li>
              <li><a href="/services" className="text-gray-300 hover:text-white">Serviços</a></li>
              <li><a href="/contact" className="text-gray-300 hover:text-white">Contato</a></li>
            </ul>
          </div>
          <div>
            <h4 className="text-lg font-semibold mb-4">Contato</h4>
            <p className="text-gray-300">Email: contato@ecclesiato.com.br</p>
            <p className="text-gray-300">Telefone: (11) 1234-5678</p>
          </div>
        </div>
        <div className="border-t border-gray-600 mt-8 pt-8 text-center text-gray-400">
          <p>© {new Date().getFullYear()} Ecclesiato. Todos os direitos reservados.</p>
        </div>
      </div>
    </footer>
  );
}