From 77bf64fda13c0e11961cc77b64f708041b7f3260 Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Thu, 16 May 2024 19:21:13 +0200
Subject: [PATCH] Add NotFoundPage component to handle 404 errors

---
 app/not-found.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 app/not-found.tsx

diff --git a/app/not-found.tsx b/app/not-found.tsx
new file mode 100644
index 0000000..bc47f23
--- /dev/null
+++ b/app/not-found.tsx
@@ -0,0 +1,20 @@
+import { Button } from "@/components/ui/button";
+import Link from "next/link";
+
+function NotFoundPage() {
+  return (
+    <div className="grid h-screen place-content-center px-4">
+      <div className="text-center">
+        <h1 className="text-9xl font-black">404</h1>
+        <p className="text-2xl font-bold tracking-tight sm:text-4xl">Uh-oh!</p>
+        <p className="mt-4 text-gray-500">We can't find that page.</p>
+
+        <Button asChild className="mt-6 text-foreground">
+          <Link href="/">Go Back Home</Link>
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+export default NotFoundPage;