From fa9298a3343aa356c7a1f490466f06aef24f36af Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Wed, 17 Dec 2025 15:05:29 +0100
Subject: [PATCH] Create PageNotFound.jsx

---
 src/pages/PageNotFound/PageNotFound.jsx        | 10 ++++++++++
 src/pages/PageNotFound/PageNotFound.module.css |  0
 src/router.js                                  |  5 +++++
 3 files changed, 15 insertions(+)
 create mode 100644 src/pages/PageNotFound/PageNotFound.jsx
 create mode 100644 src/pages/PageNotFound/PageNotFound.module.css

diff --git a/src/pages/PageNotFound/PageNotFound.jsx b/src/pages/PageNotFound/PageNotFound.jsx
new file mode 100644
index 0000000..35299a6
--- /dev/null
+++ b/src/pages/PageNotFound/PageNotFound.jsx
@@ -0,0 +1,10 @@
+import Background from "../../components/background/background.jsx";
+
+export default function PageNotFound() {
+
+    return <Background>
+
+        <h1>404</h1>
+
+    </Background>
+}
\ No newline at end of file
diff --git a/src/pages/PageNotFound/PageNotFound.module.css b/src/pages/PageNotFound/PageNotFound.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/router.js b/src/router.js
index 25c91b9..7b34c16 100644
--- a/src/router.js
+++ b/src/router.js
@@ -9,6 +9,7 @@ import ProfilePage from "./pages/Profile/ProfilePage";
 import EventsPage from "./pages/Events/EventsPage.jsx";
 import ValidationErrorPage from "./pages/waitValidationPage/ValidationErrorPage.jsx";
 import VolunteerProfilePage from "./pages/VolunteerProfile/VolunteerProfilePage.jsx";
+import PageNotFound from "./pages/PageNotFound/PageNotFound.jsx";
 
 const router = createBrowserRouter([
     {
@@ -23,6 +24,10 @@ const router = createBrowserRouter([
         path: "/error/validation",
         Component: ValidationErrorPage
     },
+    {
+        path: "/*",
+        Component: PageNotFound,
+    },
     {
         path: "/",
         Component: Layout,