diff --git a/public/Linkedin.svg b/public/Linkedin.svg
new file mode 100644
index 0000000..e93a892
--- /dev/null
+++ b/public/Linkedin.svg
@@ -0,0 +1,4 @@
+<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.5 0.166504C17.0304 0.166504 17.5391 0.377218 17.9142 0.75229C18.2893 1.12736 18.5 1.63607 18.5 2.1665V16.1665C18.5 16.6969 18.2893 17.2056 17.9142 17.5807C17.5391 17.9558 17.0304 18.1665 16.5 18.1665H2.5C1.96957 18.1665 1.46086 17.9558 1.08579 17.5807C0.710714 17.2056 0.5 16.6969 0.5 16.1665V2.1665C0.5 1.63607 0.710714 1.12736 1.08579 0.75229C1.46086 0.377218 1.96957 0.166504 2.5 0.166504H16.5ZM16 15.6665V10.3665C16 9.5019 15.6565 8.6727 15.0452 8.06134C14.4338 7.44997 13.6046 7.1065 12.74 7.1065C11.89 7.1065 10.9 7.6265 10.42 8.4065V7.2965H7.63V15.6665H10.42V10.7365C10.42 9.9665 11.04 9.3365 11.81 9.3365C12.1813 9.3365 12.5374 9.484 12.7999 9.74655C13.0625 10.0091 13.21 10.3652 13.21 10.7365V15.6665H16ZM4.38 5.7265C4.82556 5.7265 5.25288 5.5495 5.56794 5.23444C5.883 4.91938 6.06 4.49207 6.06 4.0465C6.06 3.1165 5.31 2.3565 4.38 2.3565C3.93178 2.3565 3.50193 2.53456 3.18499 2.85149C2.86805 3.16843 2.69 3.59829 2.69 4.0465C2.69 4.9765 3.45 5.7265 4.38 5.7265ZM5.77 15.6665V7.2965H3V15.6665H5.77Z" fill="black"/>
+</svg>
+
diff --git a/public/Telegram.svg b/public/Telegram.svg
new file mode 100644
index 0000000..481488c
--- /dev/null
+++ b/public/Telegram.svg
@@ -0,0 +1,4 @@
+<svg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 0C6.1 0 0.5 5.6 0.5 12.5C0.5 19.4 6.1 25 13 25C19.9 25 25.5 19.4 25.5 12.5C25.5 5.6 19.9 0 13 0ZM18.8 8.5C18.6125 10.475 17.8 15.275 17.3875 17.4875C17.2125 18.425 16.8625 18.7375 16.5375 18.775C15.8125 18.8375 15.2625 18.3 14.5625 17.8375C13.4625 17.1125 12.8375 16.6625 11.775 15.9625C10.5375 15.15 11.3375 14.7 12.05 13.975C12.2375 13.7875 15.4375 10.875 15.5 10.6125C15.5086 10.5728 15.5075 10.5315 15.4966 10.4922C15.4858 10.453 15.4655 10.4171 15.4375 10.3875C15.3625 10.325 15.2625 10.35 15.175 10.3625C15.0625 10.3875 13.3125 11.55 9.9 13.85C9.4 14.1875 8.95 14.3625 8.55 14.35C8.1 14.3375 7.25 14.1 6.6125 13.8875C5.825 13.6375 5.2125 13.5 5.2625 13.0625C5.2875 12.8375 5.6 12.6125 6.1875 12.375C9.8375 10.7875 12.2625 9.7375 13.475 9.2375C16.95 7.7875 17.6625 7.5375 18.1375 7.5375C18.2375 7.5375 18.475 7.5625 18.625 7.6875C18.75 7.7875 18.7875 7.925 18.8 8.025C18.7875 8.1 18.8125 8.325 18.8 8.5Z" fill="black"/>
+</svg>
+
diff --git a/public/discord.svg b/public/discord.svg
new file mode 100644
index 0000000..2ef4b38
--- /dev/null
+++ b/public/discord.svg
@@ -0,0 +1,4 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.5876 7.49605C22.9251 6.72105 21.1251 6.15855 19.2501 5.83355C19.2337 5.83303 19.2174 5.83612 19.2022 5.84259C19.1871 5.84907 19.1736 5.85879 19.1626 5.87105C18.9376 6.28355 18.6751 6.82105 18.5001 7.23355C16.5114 6.93355 14.4889 6.93355 12.5001 7.23355C12.3251 6.80855 12.0626 6.28355 11.8251 5.87105C11.8126 5.84605 11.7751 5.83355 11.7376 5.83355C9.86265 6.15855 8.07515 6.72105 6.40015 7.49605C6.38765 7.49605 6.37515 7.50855 6.36265 7.52105C2.96265 12.6086 2.02515 17.5586 2.48765 22.4586C2.48765 22.4836 2.50015 22.5086 2.52515 22.5211C4.77515 24.1711 6.93765 25.1711 9.07515 25.8336C9.11265 25.8461 9.15015 25.8336 9.16265 25.8086C9.66265 25.1211 10.1126 24.3961 10.5001 23.6336C10.5251 23.5836 10.5001 23.5336 10.4501 23.5211C9.73765 23.2461 9.06265 22.9211 8.40015 22.5461C8.35015 22.5211 8.35015 22.4461 8.38765 22.4086C8.52515 22.3086 8.66265 22.1961 8.80015 22.0961C8.82515 22.0711 8.86265 22.0711 8.88765 22.0836C13.1876 24.0461 17.8251 24.0461 22.0751 22.0836C22.1001 22.0711 22.1376 22.0711 22.1626 22.0961C22.3001 22.2086 22.4376 22.3086 22.5751 22.4211C22.6251 22.4586 22.6251 22.5336 22.5626 22.5586C21.9126 22.9461 21.2251 23.2586 20.5126 23.5336C20.4626 23.5461 20.4501 23.6086 20.4626 23.6461C20.8626 24.4086 21.3126 25.1336 21.8001 25.8211C21.8376 25.8336 21.8751 25.8461 21.9126 25.8336C24.0626 25.1711 26.2251 24.1711 28.4751 22.5211C28.5001 22.5086 28.5126 22.4836 28.5126 22.4586C29.0626 16.7961 27.6001 11.8836 24.6376 7.52105C24.6251 7.50855 24.6126 7.49605 24.5876 7.49605ZM11.1501 19.4711C9.86265 19.4711 8.78765 18.2836 8.78765 16.8211C8.78765 15.3586 9.83765 14.1711 11.1501 14.1711C12.4751 14.1711 13.5251 15.3711 13.5126 16.8211C13.5126 18.2836 12.4626 19.4711 11.1501 19.4711ZM19.8626 19.4711C18.5751 19.4711 17.5001 18.2836 17.5001 16.8211C17.5001 15.3586 18.5501 14.1711 19.8626 14.1711C21.1876 14.1711 22.2376 15.3711 22.2251 16.8211C22.2251 18.2836 21.1876 19.4711 19.8626 19.4711Z" fill="black"/>
+</svg>
+
diff --git a/public/github.svg b/public/github.svg
new file mode 100644
index 0000000..e8a6c23
--- /dev/null
+++ b/public/github.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5 0C10.8585 0 9.23303 0.323325 7.71646 0.9515C6.19989 1.57969 4.8219 2.50044 3.66116 3.66116C1.31696 6.00537 0 9.1848 0 12.5C0 18.025 3.5875 22.7125 8.55 24.375C9.175 24.475 9.375 24.0875 9.375 23.75V21.6375C5.9125 22.3875 5.175 19.9625 5.175 19.9625C4.6 18.5125 3.7875 18.125 3.7875 18.125C2.65 17.35 3.875 17.375 3.875 17.375C5.125 17.4625 5.7875 18.6625 5.7875 18.6625C6.875 20.5625 8.7125 20 9.425 19.7C9.5375 18.8875 9.8625 18.3375 10.2125 18.025C7.4375 17.7125 4.525 16.6375 4.525 11.875C4.525 10.4875 5 9.375 5.8125 8.4875C5.6875 8.175 5.25 6.875 5.9375 5.1875C5.9375 5.1875 6.9875 4.85 9.375 6.4625C10.3625 6.1875 11.4375 6.05 12.5 6.05C13.5625 6.05 14.6375 6.1875 15.625 6.4625C18.0125 4.85 19.0625 5.1875 19.0625 5.1875C19.75 6.875 19.3125 8.175 19.1875 8.4875C20 9.375 20.475 10.4875 20.475 11.875C20.475 16.65 17.55 17.7 14.7625 18.0125C15.2125 18.4 15.625 19.1625 15.625 20.325V23.75C15.625 24.0875 15.825 24.4875 16.4625 24.375C21.425 22.7 25 18.025 25 12.5C25 10.8585 24.6766 9.23303 24.0485 7.71646C23.4202 6.19989 22.4996 4.8219 21.3389 3.66116C20.1781 2.50044 18.8001 1.57969 17.2835 0.9515C15.767 0.323325 14.1415 0 12.5 0Z" fill="black"/>
+</svg>
+
diff --git a/src/components/Clickable.astro b/src/components/Clickable.astro
index 257cb15..72a3453 100644
--- a/src/components/Clickable.astro
+++ b/src/components/Clickable.astro
@@ -1,10 +1,22 @@
+---
+const { marginTop = "0px" } = Astro.props;
+---
+
+<div class="clickable" style={`margin-top: ${marginTop}`}>
+  <slot />
+</div>
+
 <style>
   .clickable {
-    @apply inline-flex flex-col p-2 shadow-md border-black border-[2px];
+    @apply inline-flex  justify-center items-center p-2
+      px-5 w-36 shadow-md border-black border-[2px];
     box-shadow: 5px 5px 1px 1px #000;
   }
+  .clickable:hover {
+    @apply cursor-pointer;
+  }
 </style>
 
 <div class="clickable">
   <slot />
-</div>
+</div>
\ No newline at end of file
diff --git a/src/pages/Footer.astro b/src/pages/Footer.astro
new file mode 100644
index 0000000..64c7781
--- /dev/null
+++ b/src/pages/Footer.astro
@@ -0,0 +1,45 @@
+---
+import Clickable from "../components/Clickable.astro";
+import github_svg from "../../public/github.svg";
+import discord_svg from "../../public/discord.svg";
+import linkeding_svg from "../../public/Linkedin.svg";
+import telegram_svg from "../../public/Telegram.svg";
+import "../globals.css"
+---
+
+<div
+  class="flex flex-col justify-start pt-10 items-center"
+>
+  <h2 class="text-[30px] from-neutral-500">Se parte de la</h2>
+  <h2 class="text-[30px] text-orange-500">Comunidad</h2>
+  <div class="flex flex-col justify-center items-center gap-10 mt-20">
+    <div class="flex justify-between
+            items-center">
+      <Clickable>
+        <img src={github_svg.src} class="w-5" />
+        <p class="pl-5">Github</p>
+      </Clickable>
+    </div>
+
+    <div class="flex justify-between items-center gap-5">
+      <Clickable>
+        <img class="w-5" src={discord_svg.src} />
+        <p class="pl-5">Discord</p>
+      </Clickable>
+    </div>
+
+    <div class="flex justify-between items-center gap-5">
+      <Clickable>
+        <img class="w-5" src={linkeding_svg.src} />
+        <p class="pl-5">Linkedin</p>
+      </Clickable>
+    </div>
+
+    <div class="flex justify-between items-center gap-5">
+      <Clickable>
+        <img class="w-5" src={telegram_svg.src} />
+        <p class="pl-5">Telegram</p>
+      </Clickable>
+    </div>
+  </div>
+</div>