import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Header from './components/home/Header.jsx';
import Home from './components/home/Home.jsx';
import ConstruireTrajectoire from './components/trajectoire/ConstruireTrajectoire.jsx';
import './styles/app.css';
import Parcours from './components/parcours/Parcours.jsx';

function App() {
    return (
        <BrowserRouter>
            <Header />
            <Routes>
                <Route path="/" element={<Home />} />
                <Route path="/trajectoire" element={<ConstruireTrajectoire />} />
                <Route path="/parcours" element={<Parcours />} />
            </Routes>
        </BrowserRouter>
    );
}

const rootElement = document.getElementById('root');
if (rootElement) {
    const root = ReactDOM.createRoot(rootElement);
    root.render(<App />);
}