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,