feat: add custom 404 error page

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>