diff --git a/apps/hub/app/(app)/layout.tsx b/apps/hub/app/(app)/layout.tsx
index cc238732..3cdd6e92 100644
--- a/apps/hub/app/(app)/layout.tsx
+++ b/apps/hub/app/(app)/layout.tsx
@@ -6,6 +6,9 @@ import { getServerSession } from "../api/auth/[...nextauth]/auth";
 import { EmailVerification } from "_components/EmailVerification";
 import { FirstPath } from "./_components/FirstPath";
 import { Penalty } from "_components/Penalty";
+import YoutubeSvg from "./resources/_components/youtube_wider.svg";
+import FacebookSvg from "./resources/_components/facebook.svg";
+import Image from "next/image";
 
 export const metadata: Metadata = {
 	title: "VAR: Hub",
@@ -80,6 +83,29 @@ export default async function RootLayout({
 									<DiscordLogoIcon className="w-5 h-5" />
 								</a>
 							</div>
+
+							<div className="tooltip tooltip-top" data-tip="YouTube">
+								<a
+									href="https://www.youtube.com/@VirtualAirRescue"
+									target="_blank"
+									rel="noopener noreferrer"
+									className="hover:text-primary text-white"
+								>
+									<Image src={YoutubeSvg} className="invert w-5 h5" alt="Youtube Icon" />
+								</a>
+							</div>
+
+							<div className="tooltip tooltip-top" data-tip="Facebook">
+								<a
+									href="https://www.facebook.com/people/Virtual-Air-Rescue/100090867294041/#"
+									target="_blank"
+									rel="noopener noreferrer"
+									className="hover:text-primary text-white"
+								>
+									<Image src={FacebookSvg} className="invert w-5 h5" alt="Youtube Icon" />
+								</a>
+							</div>
+
 							<div className="tooltip tooltip-top" data-tip="Instagram">
 								<a
 									href="https://www.instagram.com/virtualairrescue/"
diff --git a/apps/hub/app/(app)/resources/_components/facebook.svg b/apps/hub/app/(app)/resources/_components/facebook.svg
new file mode 100644
index 00000000..bbac5fe7
--- /dev/null
+++ b/apps/hub/app/(app)/resources/_components/facebook.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" ?>
+<!-- License: Logo. Made by :  -->
+<svg fill="#000000" stroke="#000" stroke-width="1" width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><path d="M44,7H20A13,13,0,0,0,7,20V44A13,13,0,0,0,20,57H44A13,13,0,0,0,57,44V20A13,13,0,0,0,44,7ZM33,55V38a1,1,0,0,0-1-1H27V31h5a1,1,0,0,0,1-1V22a5,5,0,0,1,5-5h8v6H42a3,3,0,0,0-3,3v4a1,1,0,0,0,1,1h6v6H40a1,1,0,0,0-1,1V55ZM55,44A11,11,0,0,1,44,55H41V39h6a1,1,0,0,0,1-1V30a1,1,0,0,0-1-1H41V26a1,1,0,0,1,1-1h5a1,1,0,0,0,1-1V16a1,1,0,0,0-1-1H38a7,7,0,0,0-7,7v7H26a1,1,0,0,0-1,1v8a1,1,0,0,0,1,1h5V55H20A11,11,0,0,1,9,44V20A11,11,0,0,1,20,9H44A11,11,0,0,1,55,20Z"/></svg>
diff --git a/apps/hub/app/(app)/resources/_components/youtube_wider.svg b/apps/hub/app/(app)/resources/_components/youtube_wider.svg
new file mode 100644
index 00000000..8420d566
--- /dev/null
+++ b/apps/hub/app/(app)/resources/_components/youtube_wider.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 49 49" xml:space="preserve">
+<g stroke="#000" stroke-width="1">
+	<g>
+		<path d="M39.256,6.5H9.744C4.371,6.5,0,10.885,0,16.274v16.451c0,5.39,4.371,9.774,9.744,9.774h29.512
+			c5.373,0,9.744-4.385,9.744-9.774V16.274C49,10.885,44.629,6.5,39.256,6.5z M47,32.726c0,4.287-3.474,7.774-7.744,7.774H9.744
+			C5.474,40.5,2,37.012,2,32.726V16.274C2,11.988,5.474,8.5,9.744,8.5h29.512c4.27,0,7.744,3.488,7.744,7.774V32.726z"/>
+		<path d="M33.36,24.138l-13.855-8.115c-0.308-0.18-0.691-0.183-1.002-0.005S18,16.527,18,16.886v16.229
+			c0,0.358,0.192,0.69,0.502,0.868c0.154,0.088,0.326,0.132,0.498,0.132c0.175,0,0.349-0.046,0.505-0.137l13.855-8.113
+			c0.306-0.179,0.495-0.508,0.495-0.863S33.667,24.317,33.36,24.138z M20,31.37V18.63l10.876,6.371L20,31.37z"/>
+	</g>
+</g>
+</svg>