Add 404 page

backontrackus · Jan 17, 2025 · 8916f6c · 8916f6c
1 parent 6952756
commit 8916f6c
Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -11,4 +11,10 @@ export default defineConfig({
   redirects: {
     "/apply": "https://forms.gle/j6vYD5Ki6pDzpHod9",
   },
+  routes: [
+    {
+      path: "404*",
+      component: "./src/pages/404.astro",
+    },
+  ],
 });
diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -0,0 +1,19 @@
+---
+import BackOnTrackLayout from "../layouts/BackOnTrackLayout.astro";
+---
+
+<BackOnTrackLayout title="404 Not Found">
+  <div
+    class="flex h-full flex-grow flex-col items-center justify-start gap-10 p-5"
+  >
+    <h1
+      class="p-2 text-center text-3xl font-extrabold text-bot-blue md:text-6xl"
+    >
+      404 Not Found
+    </h1>
+    <p class="max-w-xl text-center text-lg">
+      The page you requested could not be found.<br /><br />
+      <a href="/" class="underline">Click here to return to home.</a>
+    </p>
+  </div>
+</BackOnTrackLayout>