From 58d132139ba8d5fa17c8681a0275047ce4cca809 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Wed, 3 Dec 2025 03:51:29 +0900
Subject: feat(frontend): design update

---
 frontend/src/pages/NotFound.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

(limited to 'frontend/src/pages/NotFound.tsx')

diff --git a/frontend/src/pages/NotFound.tsx b/frontend/src/pages/NotFound.tsx
index 23c1184..adc782b 100644
--- a/frontend/src/pages/NotFound.tsx
+++ b/frontend/src/pages/NotFound.tsx
@@ -1,14 +1,24 @@
+import { Link } from "wouter";
+
 export function NotFound() {
 	return (
 		<div className="flex min-h-96 flex-col items-center justify-center">
 			<div className="text-center">
-				<h1 className="text-6xl font-bold text-gray-900">404</h1>
-				<h2 className="mt-4 text-2xl font-semibold text-gray-700">
+				<h1 className="text-6xl font-semibold tracking-tight text-stone-900">
+					404
+				</h1>
+				<h2 className="mt-4 text-xl font-medium text-stone-700">
 					Page Not Found
 				</h2>
-				<p className="mt-2 text-gray-500">
+				<p className="mt-2 text-sm text-stone-400">
 					The page you're looking for doesn't exist.
 				</p>
+				<Link
+					href="/"
+					className="mt-6 inline-block rounded-lg bg-sky-600 px-5 py-2.5 text-sm font-medium text-white transition-all duration-200 hover:bg-sky-700"
+				>
+					Go back home
+				</Link>
 			</div>
 		</div>
 	);
-- 
cgit v1.2.3-70-g09d2

