From d8fd3292b79a8385d051d274d32a09e24e38c9e6 Mon Sep 17 00:00:00 2001
From: 1ilit <lilitmousheghyan@gmail.com>
Date: Sat, 6 Apr 2024 13:59:39 +0300
Subject: [PATCH] Add NotFound page

---
 src/App.jsx            |  2 ++
 src/pages/NotFound.jsx | 26 ++++++++++++++++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 src/pages/NotFound.jsx

diff --git a/src/App.jsx b/src/App.jsx
index 346cbb5..ca8b46e 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -8,6 +8,7 @@ import { useEffect, useLayoutEffect } from "react";
 import LandingPage from "./pages/LandingPage";
 import SettingsContextProvider from "./context/SettingsContext";
 import useSettings from "./hooks/useSettings";
+import NotFound from "./pages/NotFound";
 
 export default function App() {
   return (
@@ -49,6 +50,7 @@ export default function App() {
             }
           />
           <Route path="/templates" element={<Templates />} />
+          <Route path="*" element={<NotFound />} />
         </Routes>
       </BrowserRouter>
     </SettingsContextProvider>
diff --git a/src/pages/NotFound.jsx b/src/pages/NotFound.jsx
new file mode 100644
index 0000000..df63240
--- /dev/null
+++ b/src/pages/NotFound.jsx
@@ -0,0 +1,26 @@
+export default function NotFound() {
+  return (
+    <div className="p-3 space-y-2">
+      <p>hey there!</p>
+
+      <p>looking for something you couldn&apos;t find?</p>
+      <p>
+        <a className="text-blue-600" href="mailto:drawdb@outlook.com">
+          shoot us an email
+        </a>{" "}
+        or{" "}
+        <a
+          className="text-blue-600"
+          href="https://discord.com/invite/8y7XUfcqR8"
+        >
+          a message on discord
+        </a>
+      </p>
+      <br />
+      <p className="opacity-70">
+        * to create a relationship hold the blue dot of a field and drag it
+        towards the field you want to connect it to
+      </p>
+    </div>
+  );
+}