From 36d97aecd1c88173a45d96f5c1925ea0d073a814 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Thu, 7 Nov 2024 18:14:58 +0100
Subject: [PATCH] feat: add custom 404 Not Found page

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

diff --git a/app/not-found.jsx b/app/not-found.jsx
new file mode 100644
index 0000000..bda1814
--- /dev/null
+++ b/app/not-found.jsx
@@ -0,0 +1,27 @@
+import Footer from "@/components/Footer";
+import Header from "@/components/Header";
+import Link from "next/link";
+
+function NotFound() {
+  return (
+    <>
+      <div className="flex flex-col min-h-screen">
+        <Header />
+        <section className="flex flex-col max-w-screen-xl mx-auto items-center justify-center px-3 flex-1 flex-grow">
+          <h1 className="text-3xl md:text-5xl text-center">
+            <span className="text-red-500">404</span> Page not Found
+          </h1>
+          <p className="text-lg mt-3 text-muted-foreground">
+            Please return back to{" "}
+            <Link href="/" className="underline font-bold">
+              Home
+            </Link>
+          </p>
+        </section>
+        <Footer />
+      </div>
+    </>
+  );
+}
+
+export default NotFound;