From 428abb4591d493529610df32d6cdee975de5eb90 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 27 Sep 2025 01:20:59 +0300
Subject: [PATCH] feat(website): improve 404 page

---
 apps/website2/src/pages/_404.css | 9 +++++++++
 apps/website2/src/pages/_404.tsx | 5 +++--
 2 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 apps/website2/src/pages/_404.css

diff --git a/apps/website2/src/pages/_404.css b/apps/website2/src/pages/_404.css
new file mode 100644
index 000000000..8c9bdef59
--- /dev/null
+++ b/apps/website2/src/pages/_404.css
@@ -0,0 +1,9 @@
+section.section-404 {
+    text-align: center;
+    background: var(--background-color);
+}
+
+section.section-404 h2 {
+    color: var(--brand-3);
+    margin: 1em;
+}
\ No newline at end of file
diff --git a/apps/website2/src/pages/_404.tsx b/apps/website2/src/pages/_404.tsx
index d67383a02..7cd7e4e5c 100644
--- a/apps/website2/src/pages/_404.tsx
+++ b/apps/website2/src/pages/_404.tsx
@@ -1,9 +1,10 @@
 import Section from "../components/Section";
+import "./_404.css";
 
 export function NotFound() {
 	return (
-		<Section title="404: Not Found">
-			<p>It's gone :(</p>
+		<Section title="404: Not Found" className="section-404">
+            The page you were looking for could not be found. Maybe it was deleted or the URL is incorrect.
 		</Section>
 	);
 }