portfolio/src/components/footer.tsx

import Link from "next/link";

export default function Footer() {
  return (
    <>
      <div className="w-full border-t border-t-gray-500 bg-black py-5 px-4">
        <h1 className="text-gray-600 font-[Bitcount] text-2xl w-full mb-2.5 border-b border-b-gray-600">periodicbrake.fr</h1>
        <div className="flex flex-row ml-4 space-x-1.5 font-[Bitcount] text-gray-500 text-xl">
          <nav className="flex flex-col space-y-1">
            <Link href="/portfolio" className="hover:text-gray-300"><ul>portfolio</ul></Link>
            <Link href="/contact" className="hover:text-gray-300"><ul>contact</ul></Link>
            <Link href="/legal" className="hover:text-gray-300"><ul>legal</ul></Link>
          </nav>
        </div>
      </div>
    </>
  );
}