From aa104ee5596d0abd86ea63511167890ec3f4d06c Mon Sep 17 00:00:00 2001
From: SquidSpirit <squid@squidspirit.com>
Date: Wed, 23 Jul 2025 05:40:18 +0800
Subject: [PATCH] BLOG-62 feat: custom not found page

---
 frontend/src/routes/+error.svelte | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 frontend/src/routes/+error.svelte

diff --git a/frontend/src/routes/+error.svelte b/frontend/src/routes/+error.svelte
new file mode 100644
index 0000000..e097286
--- /dev/null
+++ b/frontend/src/routes/+error.svelte
@@ -0,0 +1,14 @@
+<div
+	class="min-h-content-height mx-auto flex max-w-screen-xl flex-col items-center justify-center px-4 md:px-6"
+>
+	<div class="flex flex-row items-end gap-x-4 md:gap-x-6">
+		<h1 class="text-5xl font-extrabold text-gray-800 underline md:text-7xl">404</h1>
+		<h2 class="flex flex-row items-center gap-x-2 text-2xl font-bold md:gap-x-2.5 md:text-3xl">
+			<div class="h-7 w-1.5 bg-gray-800 md:h-9 md:w-2"></div>
+			<div class="rounded-md bg-blue-600 px-1 py-px md:px-1.5 md:py-0.5">
+				<span class="text-white">Not</span>
+			</div>
+			<span class="text-gray-800">Found.</span>
+		</h2>
+	</div>
+</div>