diff --git a/src/App.js b/src/App.js
index ffc3162..3478f9f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,12 +1,36 @@
-import "./App.css";
-// import Home from "./pages/Home.jsx";
-import Routes from "./routes.js";
+import "./assets/css/App.scss";
+import Home from "./pages/Home.jsx";
+import Test from "./pages/Test.jsx";
+import Single from "./pages/Single.jsx";
+import SearchAndFind from "./screens/SearchAndFind.jsx";
+
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+
+const router = createBrowserRouter([
+	{
+		path: "/",
+		element: <Home />,
+	},
+	{
+		path: "/test",
+		element: <Test />,
+	},
+	{
+		path: "/play",
+		element: <SearchAndFind />,
+	},
+	{
+		path: "/article/:id",
+		element: <Single />,
+	},
+]);
+
 function App() {
 	return (
-		<div className='App'>
-			<h1>salut</h1>
-			{/* <Routes /> */}
-		</div>
+		<>
+			{/* <button onClick={changeLanguage}>Change language</button> */}
+			<RouterProvider router={router} />;
+		</>
 	);
 }