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";
import Morceaux from "../pages/Morceaux";
import MorceauDetail from "../pages/MorceauDetail";
import Inventaire from "../pages/Inventaire";
import Login from "../pages/Login";
import Logout from "../pages/Logout";
import Register from "../pages/Register";
import Formulaire from "../pages/Formulaire";
const App = () => {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Layout />}>
          <Route index element={<Home />} />
          <Route path="morceaux" element={<Morceaux/>} />
          <Route path="aboutUs" element={<AboutUs/>} />
          <Route path="contactUs" element={<ContactUs/>}/>
          <Route path="privacy" element={<Privacy/>}/>
          <Route path="morceaux/:id" element={<MorceauDetail/>}/>
          <Route path="inventaire" element={<Inventaire/>}/>
          <Route path="login" element={<Login/>}/>
          <Route path="logout" element={<Logout/>}/>
          <Route path="register" element={<Register/>}/>
          <Route path="formulaire" element={<Formulaire/>}/>
        </Route>
      </Routes>
    </BrowserRouter>
  );
};

export default App;