diff --git a/package-lock.json b/package-lock.json
index e2f380a..7c9e082 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6447,15 +6447,17 @@
       }
     },
     "node_modules/prettier": {
-      "version": "2.8.7",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
-      "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+      "license": "MIT",
       "optional": true,
+      "peer": true,
       "bin": {
-        "prettier": "bin-prettier.js"
+        "prettier": "bin/prettier.cjs"
       },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=14"
       },
       "funding": {
         "url": "https://github.com/prettier/prettier?sponsor=1"
@@ -8359,6 +8361,22 @@
         "prettier": "2.8.7"
       }
     },
+    "node_modules/yaml-language-server/node_modules/prettier": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
+      "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/yaml-language-server/node_modules/request-light": {
       "version": "0.5.8",
       "resolved": "https://registry.npmjs.org/request-light/-/request-light-0.5.8.tgz",
diff --git a/public/404.jfif b/public/404.jfif
new file mode 100644
index 0000000..94e0d1e
Binary files /dev/null and b/public/404.jfif differ
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..eaa2641
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,33 @@
+---
+import Layout from '../layouts/BaseLayout.astro';
+import { URLS } from '../statics';
+---
+
+<Layout title="404" >
+  <main>
+    <div class="hero bg-base-200 min-h-screen">
+      <div class="hero-content flex-col lg:flex-row">
+        <img
+          src="404.jfif"
+          alt="An AI-generated image of people unable to find the correct way."
+          class="max-w-sm rounded-lg shadow-2xl" />
+        <div>
+          <h1 class="text-5xl font-bold">404!</h1>
+          <div class="py-6">
+            <p>It looks like the page you're looking for doesn't exist.</p>
+
+            <p>Don't worry, you can head back to the <a class="underline hover:text-accent transition-colors" href={URLS.INTERNAL_HOME}>homepage</a> or try searching for what you need.</p>
+          </div>
+          <a class="btn btn-primary" href={URLS.INTERNAL_HOME}>Back Home</a>
+        </div>
+      </div>
+    </div>
+	</main>
+</Layout>
+
+<style>
+	main {
+		font-size: 20px;
+		line-height: 1.6;
+	}
+</style>