Created the NotFound.jsx

2023-07-07 01:08:36 +02:00 · 2023-07-07 01:08:36 +02:00 · 928a6cc189
commit 928a6cc189
parent be402402fa
1 changed files with 23 additions and 0 deletions
--- a/src/pages/NotFound/NotFound.jsx
+++ 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>
+
+        </>
+    )
+}