From e74ebfd802c3a148831fa4db270ca941d8149998 Mon Sep 17 00:00:00 2001
From: SrJuggernaut <jugger@srjuggernaut.dev>
Date: Mon, 9 Feb 2026 15:22:15 -0600
Subject: [PATCH] feat: add 404 not found page

Add a new 404.astro page, to provide a user-friendly error page when routes are not found.
---
 src/pages/404.astro | 21 +++++++++++++++++++++
 1 file changed, 21 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..9d6963c
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,21 @@
+---
+import { css } from '@styled-system/css'
+import Basic from '@/components/layout/Basic.astro'
+
+const headingClass = css({
+  fontSize: '50px',
+  textAlign: 'center'
+})
+const notFoundDescription = css({
+  fontSize: 'lg',
+  textAlign: 'center'
+})
+---
+
+<Basic title="Not Found">
+  <h1 class={headingClass}>404 Not Found</h1>
+  <p class={notFoundDescription}>
+    The page you are looking for does not exist or has been moved. Try going
+    back to the <a href="/">home page</a>.
+  </p>
+</Basic>