import Link from "next/link";

export default function Footer() {
  return (
    <footer className="relative border-t border-neutral-200 dark:border-neutral-800 bg-gradient-to-b from-white via-neutral-50 to-neutral-100 dark:from-neutral-950 dark:via-neutral-900 dark:to-neutral-950">
      <div className="container grid gap-8 py-16 sm:grid-cols-3">
        <div>
          <div className="text-xl font-bold bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 bg-clip-text text-transparent">
            Van Hunen IT
          </div>
          <p className="mt-3 text-sm text-neutral-600 dark:text-neutral-400">
            Fixes in days. Uptime for months.
          </p>
        </div>

        <div>
          <div className="text-sm font-semibold text-neutral-900 dark:text-white">Links</div>
          <ul className="mt-3 space-y-1 text-sm">
            {[
              { href: "/services", label: "Services" },
              { href: "/free", label: "Free tools" },
              { href: "/contact", label: "Contact" },
              { href: "/privacy", label: "Privacy" },
              { href: "/terms", label: "Terms" },
              { href: "/cookie", label: "Cookie" },
            ].map((l) => (
              <li key={l.href}>
                <Link
                  href={l.href}
                  className="no-underline text-neutral-700 dark:text-neutral-300 hover:underline"
                >
                  {l.label}
                </Link>
              </li>
            ))}
          </ul>
        </div>

        <div>
          <div className="text-sm font-semibold text-neutral-900 dark:text-white">Contact</div>
          <p className="mt-3 text-sm text-neutral-600 dark:text-neutral-400">
            Email:{" "}
            <a href="mailto:hello@vanhunen.it" className="underline">
              hello@vanhunen.it
            </a>
          </p>
          <p className="mt-3 text-xs text-neutral-500 dark:text-neutral-500">
            © {new Date().getFullYear()} Van Hunen IT. All rights reserved.
          </p>
        </div>
      </div>
    </footer>
  );
}
