From caeeaf6b6a8e6b477ee2d482946cc9bb733f847b Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Fri, 15 May 2026 18:52:58 +0100
Subject: [PATCH] feat: account deletion page

---
 .../components/profile-settings/delete-account.tsx    |  2 +-
 frontend/src/main.tsx                                 |  2 ++
 frontend/src/pages/account-deletion.tsx               | 11 +++++++++++
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/pages/account-deletion.tsx

diff --git a/frontend/src/components/profile-settings/delete-account.tsx b/frontend/src/components/profile-settings/delete-account.tsx
index 2f393a3..5c81f52 100644
--- a/frontend/src/components/profile-settings/delete-account.tsx
+++ b/frontend/src/components/profile-settings/delete-account.tsx
@@ -19,7 +19,7 @@ export default function DeleteAccount() {
 			return;
 		}
 
-		navigate("/404");
+		navigate("/account-deletion");
 	};
 
 	const close = () => {
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index 8a28827..610cbf3 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -24,6 +24,7 @@ import ReportUserPage from "./pages/report/user.tsx";
 import EditMiiPage from "./pages/edit.tsx";
 import PunishedPage from "./pages/punished.tsx";
 import BreachNoticePage from "./pages/breach-notice.tsx";
+import AccountDeletionPage from "./pages/account-deletion.tsx";
 
 createRoot(document.getElementById("root")!).render(
 	<StrictMode>
@@ -50,6 +51,7 @@ createRoot(document.getElementById("root")!).render(
 						<Route path="/terms-of-service" element={<TermsOfServicePage />} />
 						<Route path="/punished" element={<PunishedPage />} />
 						<Route path="/breach-notice" element={<BreachNoticePage />} />
+						<Route path="/account-deletion" element={<AccountDeletionPage />} />
 						<Route path="*" element={<NotFoundPage />} />
 					</Routes>
 				</Layout>
diff --git a/frontend/src/pages/account-deletion.tsx b/frontend/src/pages/account-deletion.tsx
new file mode 100644
index 0000000..e34e153
--- /dev/null
+++ b/frontend/src/pages/account-deletion.tsx
@@ -0,0 +1,11 @@
+export default function AccountDeletionPage() {
+	return (
+		<div className="grow flex items-center justify-center">
+			<div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg p-8 max-w-lg w-full text-center flex flex-col">
+				<h2 className="text-3xl font-black">Your account is deleted</h2>
+				<p>Your profile will stay up for another up to 2 hours.</p>
+				<p>Logging in again will create a new account.</p>
+			</div>
+		</div>
+	);
+}