proof of concept de fake multi-page

GrossesMitaines/grosses-mitaines-ui/src/components/App.js

@@ -1,10 +1,24 @@
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import Layout from "../pages/Layout";
+import Home from "../pages/Home";
+import AboutUs from "../pages/AboutUs";
+import Privacy from "../pages/Privacy";
+import ContactUs from "../pages/ContactUs";
+
 const App = () => {
-  
+
   return (
-    <>
-    Les Grosses Mitaines
-    </>
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<Layout />}>
+          <Route index element={<Home />} />
+          <Route path="aboutUs" element={<AboutUs/>} />
+          <Route path="contactUs" element={<ContactUs/>}/>
+          <Route path="privacy" element={<Privacy/>}/>
+        </Route>
+      </Routes>
+    </BrowserRouter>
   );
 };
 
-export default App;
+export default App;

GrossesMitaines/grosses-mitaines-ui/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import ReactDOM from 'react-dom/client'
 
 import './site.css'
 import App from './components/App'