From 6a1ddaabf8ae605c914dd36b9628f6eb4a87cf8c Mon Sep 17 00:00:00 2001
From: SrJuggernaut <jugger@srjuggernaut.dev>
Date: Wed, 25 Feb 2026 17:57:17 -0600
Subject: [PATCH] feat: add custom 404 error page

---
 src/pages/404.astro | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/pages/404.astro

diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..2cc7f20
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,30 @@
+---
+import { css } from '@styled-system/css'
+import Basic from '@/components/layout/Basic.astro'
+
+const titleClass = css({
+  fontFamily: 'orbitron',
+  fontSize: '4em',
+  textAlign: 'center'
+})
+
+const notFoundContainerClass = css({
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '100%',
+  height: '100%'
+})
+---
+
+<Basic title="404" description="La página que buscas no existe.">
+  <div class={notFoundContainerClass}>
+    <h1 class={titleClass}>404</h1>
+    <p>
+      Oops, la página que buscas no existe. Vuelve a la
+      <a href="/">página principal</a>
+      e intenta de nuevo.
+    </p>
+  </div>
+</Basic>