import Link from "next/link"
import { Logo } from "./Logo"

const productLinks = [
  { label: "Redação de Peças", href: "/pecas" },
  { label: "Pesquisa Inteligente", href: "/jurisprudencia" },
  { label: "Consultor IA", href: "/chat" },
  { label: "Acervo de Modelos", href: "/templates" },
]

const resourceLinks = [
  { label: "Investimento", href: "/pricing" },
  { label: "Artigos", href: "/blog" },
  { label: "Suporte", href: "/help" },
  { label: "Disponibilidade", href: "/status" },
]

const legalLinks = [
  { label: "Termos de Serviço", href: "/termos" },
  { label: "Política de Privacidade", href: "/privacidade" },
  { label: "Conformidade LGPD", href: "/lgpd" },
]

export default function Footer() {
  return (
    <footer className="border-t border-white/[0.06] bg-[#060a12]">
      <div className="max-w-6xl mx-auto px-6 py-16">
        <div className="grid grid-cols-2 md:grid-cols-4 gap-10">
          <div className="col-span-2 md:col-span-1">
            <Link href="/" className="inline-block mb-5">
              <Logo size="sm" />
            </Link>
            <p className="text-sm text-gray-500 leading-relaxed max-w-[240px]">
              Tecnologia de ponta a serviço da advocacia brasileira. Precisão, agilidade e conformidade em cada documento.
            </p>
          </div>

          <div>
            <h4 className="text-sm font-semibold text-white mb-5">Soluções</h4>
            <ul className="space-y-3">
              {productLinks.map((link) => (
                <li key={link.href}>
                  <Link
                    href={link.href}
                    className="text-sm text-gray-500 hover:text-teal-300 transition-colors duration-200"
                  >
                    {link.label}
                  </Link>
                </li>
              ))}
            </ul>
          </div>

          <div>
            <h4 className="text-sm font-semibold text-white mb-5">Institucional</h4>
            <ul className="space-y-3">
              {resourceLinks.map((link) => (
                <li key={link.href}>
                  <Link
                    href={link.href}
                    className="text-sm text-gray-500 hover:text-teal-300 transition-colors duration-200"
                  >
                    {link.label}
                  </Link>
                </li>
              ))}
            </ul>
          </div>

          <div>
            <h4 className="text-sm font-semibold text-white mb-5">Jurídico</h4>
            <ul className="space-y-3">
              {legalLinks.map((link) => (
                <li key={link.href}>
                  <Link
                    href={link.href}
                    className="text-sm text-gray-500 hover:text-teal-300 transition-colors duration-200"
                  >
                    {link.label}
                  </Link>
                </li>
              ))}
            </ul>
          </div>
        </div>

        <div className="mt-14 pt-8 border-t border-white/[0.06] flex flex-col items-center gap-4">
          <div className="flex flex-col md:flex-row items-center justify-between w-full gap-4">
            <p className="text-xs text-gray-600">
              © {new Date().getFullYear()} LexMind Tecnologia Jurídica Ltda. Todos os direitos reservados.
            </p>
            <p className="text-xs text-gray-600">Desenvolvido com propósito para o Direito brasileiro</p>
          </div>
          <div className="flex items-center gap-2 opacity-40 hover:opacity-70 transition-opacity duration-300 mt-2">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" className="text-teal-400">
              <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
            </svg>
            <span className="text-[0.65rem] text-teal-400/60 tracking-[0.15em] font-semibold">KISLANSKI INDUSTRIES</span>
          </div>
        </div>
      </div>
    </footer>
  )
}
