From ba35724fe5030c8f404d5702ceb30436c1e0a826 Mon Sep 17 00:00:00 2001
From: ABL <zbyrd72@gmail.com>
Date: Tue, 25 Jun 2024 13:56:29 -0400
Subject: [PATCH] added custom 404 page

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

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 00000000..8f497100
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,24 @@
+import { ThemeButtonLink } from "@/components/ThemeButton";
+import { Header } from "@/components";
+
+export default function NotFound() {
+  return (
+    <>
+      <div className="flex flex-col min-h-screen">
+        <Header />
+        <main className="flex-grow flex items-center justify-center">
+          <div className="text-center">
+            <h2 className="heading-3xl mb-4">404</h2>
+            <p className="body-md mb-4">This page cannot be found.</p>
+            <ThemeButtonLink
+              href={"/"}
+              className="text-[#03141B] mx-auto inline-block"
+              color="secondary"
+              label="Return to Home"
+            />
+          </div>
+        </main>
+      </div>
+    </>
+  );
+}