import { Navigate, Route, Routes } from 'react-router-dom'
import { SiteLayout } from './layouts/SiteLayout.jsx'
import { Home } from './pages/Home.jsx'
import { Profil } from './pages/Profil.jsx'
import { Formations } from './pages/Formations.jsx'
import { Projets } from './pages/Projets.jsx'

export default function App() {
  return (
    <Routes>
      <Route element={<SiteLayout />}>
        <Route path="/" element={<Home />} />
        <Route path="/profil" element={<Profil />} />
        <Route path="/formations" element={<Formations />} />
        <Route path="/projets" element={<Projets />} />
        <Route path="*" element={<Navigate to="/" replace />} />
      </Route>
    </Routes>
  )
}
