import Link from "next/link";
import { Separator } from "@/components/ui/separator";

export function Footer() {
  const currentYear = new Date().getFullYear();

  const footerLinks = [
    { href: "/", label: "Home" },
    { href: "/services", label: "Services" },
    { href: "/portfolio", label: "Showcase" },
    { href: "/about", label: "People" },
    { href: "#", label: "Blog" },
    { href: "#", label: "Lab" },
    { href: "/contact", label: "Contact Us" },
  ];

  return (
    <footer className="border-t border-gray-800 bg-black">
      <div className="mx-auto max-w-5xl px-4 py-12">
        <div className="grid grid-cols-1 gap-2 text-center">
          {footerLinks.map((link) => (
            <Link
              key={link.href}
              href={link.href}
              className="text-xs text-gray-400 hover:text-white transition-colors"
            >
              {link.label}
            </Link>
          ))}
        </div>
        <p className="mt-6 text-center text-[10px] text-gray-500">© {currentYear} Basement</p>
      </div>
    </footer>
  );
}

