diff --git a/app/components/[componentName]/page.tsx b/app/components/[componentName]/page.tsx
index 3aefff8..804112a 100644
--- a/app/components/[componentName]/page.tsx
+++ b/app/components/[componentName]/page.tsx
@@ -4,6 +4,7 @@ import { serialize } from 'next-mdx-remote/serialize'
 import RemoteMdxWrapper from "@/components/Mdx/RemoteMdxWrapper";
 import RenderHTMLFiles from '@/components/galsenUiComponents/RenderHTMLFiles';
 import H1 from "@/components/Mdx/H1";
+import Link from "next/link";
 
 
 type PageProps = {
@@ -36,7 +37,11 @@ export default async function Page({ params }: PageProps) {
   return (
     <main className="">
       <section className="px-4 py-16 sm:max-w-7xl sm:mx-auto">
-
+        <Link href="/" passHref>
+          <button className="py-2 px-4 mb-3 bg-blue-500 text-white rounded hover:bg-blue-600">
+            Back to Home
+          </button>
+        </Link>
         <RemoteMdxWrapper
           mdxSource={mdxSource}
           mdxScope={mdxScope}
diff --git a/components/TheFooter.tsx b/components/TheFooter.tsx
index bd66600..6e58b04 100644
--- a/components/TheFooter.tsx
+++ b/components/TheFooter.tsx
@@ -3,12 +3,17 @@ export default function TheFooter() {
     <footer className="mt-14 border-t border-neutral-100">
       <div className="px-4 py-5 flex flex-col gap-2 items-center justify-between sm:max-w-7xl sm:mx-auto sm:flex-row md:py-8">
         <span>&copy; Galsen UI. Tous droits réservés</span>
-        <ul className="inline-flex items-center gap-2">
-          {/* TODO: add correct links */}
-          <li className="text-sm">Facebook</li>
-          <li className="text-sm">Twitter</li>
-          <li className="text-sm">Github</li>
-        </ul>
+        <ul className="inline-flex items-center gap-4">
+        <li className="text-sm">
+          <a href="https://www.facebook.com/watch/galsendev221/" target="_blank" rel="noopener noreferrer" className="hover:text-blue-600">Facebook</a>
+        </li>
+        <li className="text-sm">
+          <a href="https://x.com/galsendev221" target="_blank" rel="noopener noreferrer" className="hover:text-blue-400">Twitter</a>
+        </li>
+        <li className="text-sm">
+          <a href="https://github.com/GalsenDev221/" target="_blank" rel="noopener noreferrer" className="hover:text-gray-600">Github</a>
+        </li>
+      </ul>
       </div>
     </footer>
   );
diff --git a/public/components/galsen-ui-footer-links/1.html b/public/components/galsen-ui-footer-links/1.html
new file mode 100644
index 0000000..262021e
--- /dev/null
+++ b/public/components/galsen-ui-footer-links/1.html
@@ -0,0 +1,17 @@
+<footer class="mt-14 border-t border-neutral-100">
+    <div class="px-4 py-5 flex flex-col gap-2 items-center justify-between sm:max-w-7xl sm:mx-auto sm:flex-row md:py-8">
+      <span>&copy; Galsen UI. Tous droits réservés</span>
+      <ul class="inline-flex items-center gap-4">
+        <li class="text-sm">
+          <a href="https://www.facebook.com/watch/galsendev221/" target="_blank" rel="noopener noreferrer" class="hover:text-blue-600">Facebook</a>
+        </li>
+        <li class="text-sm">
+          <a href="https://x.com/galsendev221" target="_blank" rel="noopener noreferrer" class="hover:text-blue-400">Twitter</a>
+        </li>
+        <li class="text-sm">
+          <a href="https://github.com/GalsenDev221/" target="_blank" rel="noopener noreferrer" class="hover:text-gray-600">Github</a>
+        </li>
+      </ul>
+    </div>
+  </footer>
+  
\ No newline at end of file