From c1b66f8112fa63ceba3f390e929c2d484ca82fdf Mon Sep 17 00:00:00 2001
From: MarioYellowy <mario03eche@gmail.com>
Date: Mon, 14 Sep 2026 22:49:27 -0600
Subject: [PATCH 1/3] Add external routes to social media

---
 src/components/mod.rs | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/mod.rs b/src/components/mod.rs
index b760610..cab02ef 100644
--- a/src/components/mod.rs
+++ b/src/components/mod.rs
@@ -20,3 +20,9 @@ pub mod project_card;
 pub mod resources;
 pub mod sponsor_block;
 pub mod why_rust;
+
+const BOOK_PATH: &str = "https://book.rustlang-es.org/";
+const JOIN_PATH: &str = "https://discord.rustlang-es.org/";
+const GITHUB_PATH: &str = "https://github.com/RustLangES";
+const LINKEDIN_PATH: &str = "https://www.linkedin.com/company/rustlanges";
+const TELEGRAM_PATH: &str = "https://t.me/rust_es";

From 212de7de4deec298e5dae7a3d0d1e83bb68c2de9 Mon Sep 17 00:00:00 2001
From: MarioYellowy <mario03eche@gmail.com>
Date: Mon, 14 Sep 2026 23:02:18 -0600
Subject: [PATCH 2/3] remove constants

---
 src/components/header.rs | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/header.rs b/src/components/header.rs
index 9e41fe4..0eccbc2 100644
--- a/src/components/header.rs
+++ b/src/components/header.rs
@@ -1,5 +1,8 @@
 use crate::{
-    components::icons::{NewLogoRustDarkPageIcon, NewLogoRustLightPageIcon},
+    components::{
+        BOOK_PATH, JOIN_PATH,
+        icons::{NewLogoRustDarkPageIcon, NewLogoRustLightPageIcon},
+    },
     context::theme_provider::{Theme, use_theme},
 };
 use leptos::prelude::*;
@@ -9,9 +12,6 @@ use rustlanges_components::{
     icons::{Close, Menu, Moon, SunLine, SunMoon},
 };
 
-const BOOK_PATH: &str = "https://book.rustlang-es.org/";
-const JOIN_PATH: &str = "https://discord.rustlang-es.org/";
-
 #[island]
 pub fn Header() -> impl IntoView {
     let this = use_window();

From 482d701d61be5fd393846856c12e52423924ca14 Mon Sep 17 00:00:00 2001
From: MarioYellowy <mario03eche@gmail.com>
Date: Mon, 14 Sep 2026 23:02:54 -0600
Subject: [PATCH 3/3] Implement the footer component with external links

---
 src/components/footer.rs | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/components/footer.rs b/src/components/footer.rs
index 6a9fe38..c99dc94 100644
--- a/src/components/footer.rs
+++ b/src/components/footer.rs
@@ -4,35 +4,45 @@ use rustlanges_components::{
     icons::{Discord, Github, Linkedin, Telegram},
 };
 
+use crate::components::{GITHUB_PATH, JOIN_PATH, LINKEDIN_PATH, TELEGRAM_PATH};
+
 #[component]
 pub fn Footer() -> impl IntoView {
     view! {
-        <section class="flex flex-col justify-center items-center w-full gap-8 py-10 bg-primary-500 dark:bg-primary-600">
-            <div class="container flex flex-col justify-center items-center gap-3">
-                <p class="text-center max-w-xl">"Comunidad - Rust Lang en Español"</p>
-                <div class="flex gap-4 justify-center items-center w-full">
+        <footer class="w-full flex flex-col items-center justify-between bg-primary-500 dark:bg-primary-600 py-10">
+            <section>
+                <p class="py-3 font-semibold">"Comunidad - Rust Lang en Español"</p>
+            </section>
+            <div class="flex gap-4 justify-center items-center w-full">
+                <a href=JOIN_PATH target="_blank" rel="noopener noreferrer">
                     <Button
                         variant=ButtonVariant::Icon
                         on_click=|_| {}
                         icon=view! { <Discord /> }.into_any()
                     />
+                </a>
+                <a href=GITHUB_PATH target="_blank" rel="noopener noreferrer">
                     <Button
                         variant=ButtonVariant::Icon
                         on_click=|_| {}
                         icon=view! { <Github /> }.into_any()
                     />
+                </a>
+                <a href=LINKEDIN_PATH target="_blank" rel="noopener noreferrer">
                     <Button
                         variant=ButtonVariant::Icon
                         on_click=|_| {}
                         icon=view! { <Linkedin /> }.into_any()
                     />
+                </a>
+                <a href=TELEGRAM_PATH target="_blank" rel="noopener noreferrer">
                     <Button
                         variant=ButtonVariant::Icon
                         on_click=|_| {}
                         icon=view! { <Telegram /> }.into_any()
                     />
-                </div>
+                </a>
             </div>
-        </section>
+        </footer>
     }
 }