diff --git a/src/lib/assets/icons/facebook.svg b/src/lib/assets/icons/facebook.svg
new file mode 100644
index 0000000..4f40b43
--- /dev/null
+++ b/src/lib/assets/icons/facebook.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24">
+	<path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" />
+</svg>
diff --git a/src/lib/assets/icons/github.svg b/src/lib/assets/icons/github.svg
new file mode 100644
index 0000000..34e16aa
--- /dev/null
+++ b/src/lib/assets/icons/github.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24">
+	<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+</svg>
diff --git a/src/lib/assets/icons/instagram.svg b/src/lib/assets/icons/instagram.svg
new file mode 100644
index 0000000..a8f56bf
--- /dev/null
+++ b/src/lib/assets/icons/instagram.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24">
+	<path d="M7.03.084c-1.277.06-2.149.264-2.91.563a5.874 5.874 0 0 0-2.124 1.388 5.878 5.878 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076.008 8.354-.005 8.764.001 12.023c.007 3.259.021 3.667.083 4.947.061 1.277.264 2.149.563 2.911.308.789.72 1.457 1.388 2.123a5.872 5.872 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552 1.278.056 1.689.069 4.947.063 3.257-.007 3.668-.021 4.947-.082 1.28-.06 2.147-.265 2.91-.563a5.881 5.881 0 0 0 2.123-1.388 5.881 5.881 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912.056-1.28.07-1.69.063-4.948-.006-3.258-.02-3.667-.081-4.947-.06-1.28-.264-2.148-.564-2.911a5.892 5.892 0 0 0-1.387-2.123 5.857 5.857 0 0 0-2.128-1.38c-.764-.294-1.636-.496-2.914-.55C15.647.009 15.236-.006 11.977 0 8.718.008 8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.736 3.736 0 0 1-1.382-.895 3.695 3.695 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228-.06-1.264-.072-1.644-.08-4.848-.006-3.204.006-3.583.061-4.848.05-1.169.246-1.805.408-2.228.216-.561.477-.96.895-1.382a3.705 3.705 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417 1.265-.06 1.644-.072 4.848-.08 3.203-.006 3.583.006 4.85.062 1.168.05 1.804.244 2.227.408.56.216.96.475 1.382.895.421.42.681.817.9 1.378.165.422.362 1.056.417 2.227.06 1.265.074 1.645.08 4.848.005 3.203-.006 3.583-.061 4.848-.051 1.17-.245 1.805-.408 2.23-.216.56-.477.96-.896 1.38a3.705 3.705 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418-1.266.06-1.645.072-4.85.079-3.204.007-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442 1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024 6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16 4 4 0 0 1 8 12.008" />
+</svg>
diff --git a/src/lib/assets/icons/x.svg b/src/lib/assets/icons/x.svg
new file mode 100644
index 0000000..bf2f323
--- /dev/null
+++ b/src/lib/assets/icons/x.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24">
+	<path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
+</svg>
diff --git a/src/lib/assets/logos/mascota.png b/src/lib/assets/logos/mascota.png
new file mode 100644
index 0000000..939e4d3
Binary files /dev/null and b/src/lib/assets/logos/mascota.png differ
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
new file mode 100644
index 0000000..868b6bd
--- /dev/null
+++ b/src/lib/components/Footer.svelte
@@ -0,0 +1,49 @@
+<script lang="ts">
+	import facebook_logo from "$lib/assets/icons/facebook.svg";
+	import x_logo from "$lib/assets/icons/x.svg";
+	import instagram_logo from "$lib/assets/icons/instagram.svg";
+	import github_logo from "$lib/assets/icons/github.svg";
+	import mascota_imagen from "$lib/assets/logos/mascota.png";
+</script>
+
+<footer>
+	<div class="flex flex-col justify-between gap-6 p-6">
+		<div class="flex justify-between sm:flex-col md:flex-row md:gap-96">
+			<img class="hidden size-32 md:block" src={mascota_imagen} alt="Mascota" />
+			<div class="flex flex-col gap-2 lg:justify-between">
+				<h2>SUBSCRIBE TO OUR NEWSLETTER</h2>
+				<p>The latest news, articles, and resources, sent to your inbox weekly.</p>
+				<div class="flex flex-col items-center gap-3 md:flex-row">
+					<input
+						class="form-input h-10 w-full rounded text-gray-900 md:w-3/4"
+						type="email"
+						placeholder="Enter your email"
+					/>
+					<button class="h-10 w-full truncate rounded-lg bg-lime-600 px-2 md:w-1/4">
+						Subscribe
+					</button>
+				</div>
+			</div>
+		</div>
+
+		<div
+			class="flex flex-col-reverse justify-between gap-5 border-t border-t-gray-400 p-4 md:flex-row lg:gap-96"
+		>
+			<h6 class="text-xs text-gray-300">© 2024 Kokoa. All rights reserved.</h6>
+			<div class="flex gap-6 text-gray-300">
+				<a href="https://www.facebook.com/kokoaecuador">
+					<img height="16" width="16" src={facebook_logo} alt="Facebook" />
+				</a>
+				<a href="https://x.com/kokoa_espol">
+					<img height="16" width="16" src={x_logo} alt="X" />
+				</a>
+				<a href="https://www.instagram.com/kokoa_espol">
+					<img height="16" width="16" src={instagram_logo} alt="Instagram" />
+				</a>
+				<a href="https://github.com/kokoaespol">
+					<img height="16" width="16" src={github_logo} alt="Github" />
+				</a>
+			</div>
+		</div>
+	</div>
+</footer>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 83ea84c..ce5379a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -3,6 +3,7 @@
 	import { Toaster } from "svelte-sonner";
 	import { page } from "$app/stores";
 	import Navbar from "$lib/components/layout/Navbar.svelte";
+	import Footer from "$lib/components/Footer.svelte";
 
 	let { children } = $props();
 </script>
@@ -14,4 +15,5 @@
 
 <Navbar />
 {@render children()}
+<Footer />
 <Toaster richColors closeButton />