diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index ed30a38..9e7fe55 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -1,8 +1,17 @@
+import Link from "next/link";
+
 export default function Footer() {
   return (
     <>
-      <div className="w-full border-t border-t-gray-500 bg-black py-5 pl-4">
-        <h1 className="text-gray-600 font-[Bitcount] text-2xl ">periodicbrake.fr</h1>
+      <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>
     </>
   );