From 928a6cc1895cc6c25c9c9b70d09140e95e604c18 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Fri, 7 Jul 2023 01:08:36 +0200
Subject: [PATCH] Created the NotFound.jsx

---
 src/pages/NotFound/NotFound.jsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/pages/NotFound/NotFound.jsx

diff --git a/src/pages/NotFound/NotFound.jsx b/src/pages/NotFound/NotFound.jsx
new file mode 100644
index 0000000..99bc23e
--- /dev/null
+++ b/src/pages/NotFound/NotFound.jsx
@@ -0,0 +1,23 @@
+import Navigation from "@components/Navigation";
+import {Box, Button, Typography} from "@mui/material";
+import {useNavigate} from "react-router-dom";
+
+export const NotFound = () => {
+    const navigate = useNavigate();
+
+    return (
+        <>
+            <Navigation/>
+
+            <Box height="100vh" display="flex" flexDirection="column" alignItems="center" justifyContent="center">
+                <Typography variant="h1" fontWeight={700} color="black">404</Typography>
+                <Typography variant="h3" fontWeight={700} color="black">Seite nicht gefunden</Typography>
+
+                <Button variant="outlined" color="primary" sx={{mt: 2}} onClick={() => navigate("/")}>
+                    Zurück zur Startseite
+                </Button>
+            </Box>
+
+        </>
+    )
+}
\ No newline at end of file