diff --git a/src/pages/VolunteerProfile/VolunteerProfilePage.jsx b/src/pages/VolunteerProfile/VolunteerProfilePage.jsx
new file mode 100644
index 0000000..f56ec75
--- /dev/null
+++ b/src/pages/VolunteerProfile/VolunteerProfilePage.jsx
@@ -0,0 +1,13 @@
+import styles from "./VolunteerProfilePage.module.css"
+import { useParams } from "react-router";
+
+
+export default function VolunteerProfilePage() {
+
+    const params = useParams();
+    const id = params.id;
+
+    return <div>
+
+    </div>
+}
\ No newline at end of file
diff --git a/src/pages/VolunteerProfile/VolunteerProfilePage.module.css b/src/pages/VolunteerProfile/VolunteerProfilePage.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/router.js b/src/router.js
index bf44302..25c91b9 100644
--- a/src/router.js
+++ b/src/router.js
@@ -8,6 +8,7 @@ import VolunteersPage from "./pages/Volunteers/VolunteersPage";
 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";
 
 const router = createBrowserRouter([
     {
@@ -45,6 +46,10 @@ const router = createBrowserRouter([
             {
                 path: "/volunteers",
                 Component: VolunteersPage,
+            },
+            {
+                path: "/profile/:id",
+                Component: VolunteerProfilePage,
             }
         ]
     }