From 5e295e670676129c9724cfaf396e3c65379e7d24 Mon Sep 17 00:00:00 2001
From: Daniel Reinoso <daniel@sushi.com>
Date: Tue, 28 Jan 2025 19:02:31 -0300
Subject: [PATCH] feat: add custom 404 page similar to default Next.js one

---
 apps/web/src/app/not-found.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 apps/web/src/app/not-found.tsx

diff --git a/apps/web/src/app/not-found.tsx b/apps/web/src/app/not-found.tsx
new file mode 100644
index 0000000000..2231e22c80
--- /dev/null
+++ b/apps/web/src/app/not-found.tsx
@@ -0,0 +1,16 @@
+export default function NotFound() {
+  return (
+    <div className="flex h-screen flex-col items-center justify-center font-sans">
+      <div className="flex leading-[48px]">
+        <h1 className="mr-5 inline-block border-r border-current pr-6 text-2xl font-medium text-opacity-30 align-top">
+          404
+        </h1>
+        <div className="inline-block">
+          <h2 className="text-sm font-normal leading-7">
+            This page could not be found.
+          </h2>
+        </div>
+      </div>
+    </div>
+  )
+}