diff --git a/package-lock.json b/package-lock.json
index a7c446c..564e5b4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "license": "ISC",
       "dependencies": {
         "axios": "^1.6.7",
+        "bootstrap": "^5.3.3",
         "react": "^18.2.0",
         "react-cookie": "^7.0.2",
         "react-dom": "^18.2.0",
@@ -758,6 +759,16 @@
         "node": ">=16"
       }
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@remix-run/router": {
       "version": "1.14.2",
       "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.14.2.tgz",
@@ -1663,6 +1674,24 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "node_modules/bootstrap": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
+      "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.8"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
diff --git a/package.json b/package.json
index 33af28b..77aeed8 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
   },
   "dependencies": {
     "axios": "^1.6.7",
+    "bootstrap": "^5.3.3",
     "react": "^18.2.0",
     "react-cookie": "^7.0.2",
     "react-dom": "^18.2.0",
diff --git a/src/main.jsx b/src/main.jsx
index ac786db..d7643d9 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -5,6 +5,7 @@ import "./assets/styles/index.css";
 import { BrowserRouter } from "react-router-dom";
 import { CookiesProvider } from "react-cookie";
 import setupAxios from "./setupAxios";
+import "bootstrap";
 
 setupAxios();
 
diff --git a/src/pages/authenticated/register.jsx b/src/pages/authenticated/register.jsx
index a79fd98..af08a92 100644
--- a/src/pages/authenticated/register.jsx
+++ b/src/pages/authenticated/register.jsx
@@ -42,7 +42,9 @@ export const Register = () => {
           placeholder="confirmation"
           onChange={(e) => setConfirmation(e.target.value)}
         />
-        <button type="submit">submit</button>
+        <button class="btn-outline-primary" type="submit">
+          submit
+        </button>
       </form>
     </div>
   );
diff --git a/src/pages/test.jsx b/src/pages/test.jsx
new file mode 100644
index 0000000..e6f31e7
--- /dev/null
+++ b/src/pages/test.jsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+import { useAuth } from "../hooks";
+
+export const Test = () => {
+  const { user } = useAuth();
+
+  return (
+    <div>
+      <h1>Vive la macronie à bat montjoiuie saint dennis</h1>
+    </div>
+  );
+};
diff --git a/src/router.jsx b/src/router.jsx
index 8495395..ddcf49f 100644
--- a/src/router.jsx
+++ b/src/router.jsx
@@ -2,11 +2,13 @@ import React from "react";
 import { Route, Routes } from "react-router-dom";
 
 import { Home, Login, Register } from "./pages";
+import { Test } from "./pages/test";
 
 export const Router = () => (
   <Routes>
     <Route index element={<Home />} />
     <Route path="login" element={<Login />} />
     <Route path="register" element={<Register />} />
+    <Route path="test" element={<Test />} />
   </Routes>
 );