From 114a998719293aff62d90dae6ed890bd3a67892e Mon Sep 17 00:00:00 2001
From: afiqzudinhadi <afiqzudinhadi@gmail.com>
Date: Tue, 10 Jun 2025 09:51:12 +0800
Subject: [PATCH] feat: 404 page

---
 app/routes/$slug.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 app/routes/$slug.tsx

diff --git a/app/routes/$slug.tsx b/app/routes/$slug.tsx
new file mode 100644
index 0000000..a612cb3
--- /dev/null
+++ b/app/routes/$slug.tsx
@@ -0,0 +1,28 @@
+export default function NotFound() {
+	return (
+		<div
+			style={{
+				minHeight: "100vh",
+				display: "flex",
+				flexDirection: "column",
+				alignItems: "center",
+				justifyContent: "center",
+				background: "#f8fafc",
+				color: "#1e293b",
+			}}
+		>
+			<h1 style={{ fontSize: "4rem", fontWeight: "bold" }}>404</h1>
+			<p style={{ fontSize: "1.5rem" }}>Page Not Found</p>
+			<a
+				href="/"
+				style={{
+					marginTop: "2rem",
+					color: "#2563eb",
+					textDecoration: "underline",
+				}}
+			>
+				Go back home
+			</a>
+		</div>
+	);
+}