diff --git a/src/files/About.jsx b/src/files/About.jsx
index e69de29..0ce85bd 100644
--- a/src/files/About.jsx
+++ b/src/files/About.jsx
@@ -0,0 +1,3 @@
+export function About() {
+  return <h1>Ici vous pouvez lire en quoi est constitué le projet</h1>;
+}
diff --git a/src/files/Blog.jsx b/src/files/Blog.jsx
index e69de29..54a53f7 100644
--- a/src/files/Blog.jsx
+++ b/src/files/Blog.jsx
@@ -0,0 +1,3 @@
+export function Blog() {
+  return <h1>Ici vous pouvez lire le blog des dernieres maj</h1>;
+}
diff --git a/src/files/Downloads.jsx b/src/files/Downloads.jsx
index e69de29..757fddf 100644
--- a/src/files/Downloads.jsx
+++ b/src/files/Downloads.jsx
@@ -0,0 +1,3 @@
+export function Downloads() {
+  return <h1>Voici la page des downloads</h1>;
+}
diff --git a/src/files/Help.jsx b/src/files/Help.jsx
index e69de29..8649195 100644
--- a/src/files/Help.jsx
+++ b/src/files/Help.jsx
@@ -0,0 +1,3 @@
+export function Help() {
+  return <h1>Ici vous pouvez demander de l'aide</h1>;
+}
diff --git a/src/files/Product.jsx b/src/files/Product.jsx
index e69de29..cfa79cf 100644
--- a/src/files/Product.jsx
+++ b/src/files/Product.jsx
@@ -0,0 +1,3 @@
+export function Product() {
+  return <h1>Voici les produits</h1>;
+}
diff --git a/src/files/Serveurs.jsx b/src/files/Serveurs.jsx
index e69de29..df84ebd 100644
--- a/src/files/Serveurs.jsx
+++ b/src/files/Serveurs.jsx
@@ -0,0 +1,3 @@
+export function Serveurs() {
+  return <h1>Voici les serveurs</h1>;
+}
diff --git a/src/main.jsx b/src/main.jsx
index 4de39e2..2a3c787 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -4,10 +4,11 @@ import ReactDOM from "react-dom/client";
 import { RouterProvider } from "react-router-dom";
 import back_img from "./assets/img_site.jpg";
 import { router } from "./services/Router.jsx";
-function buttoncaller(argv) {
+
+/* function button_caller(argv) {
   console.log(argv);
   alert(argv);
-}
+} */
 
 ReactDOM.createRoot(document.getElementById("root")).render(
   <>
diff --git a/src/services/Router.jsx b/src/services/Router.jsx
index 63e3527..8b89bd5 100644
--- a/src/services/Router.jsx
+++ b/src/services/Router.jsx
@@ -1,6 +1,11 @@
 import { createBrowserRouter } from "react-router-dom";
+import { About } from "../files/About";
 import { Accueil } from "../files/Accueil";
+import { Blog } from "../files/Blog";
+import { Help } from "../files/Help";
+import { Product } from "../files/Product";
 import { Register } from "../files/Register";
+import { Serveurs } from "../files/Serveurs";
 import { SignIn } from "../files/Sign_in";
 
 export const router = createBrowserRouter([
@@ -16,4 +21,24 @@ export const router = createBrowserRouter([
     path: "/register",
     element: <Register />,
   },
+  {
+    path: "/about",
+    element: <About />,
+  },
+  {
+    path: "/blog",
+    element: <Blog />,
+  },
+  {
+    path: "/help",
+    element: <Help />,
+  },
+  {
+    path: "/product",
+    element: <Product />,
+  },
+  {
+    path: "/serveurs",
+    element: <Serveurs />,
+  },
 ]);