import { Routes, Route } from 'react-router-dom';

import 'bootstrap/dist/css/bootstrap.min.css';
import 'rc-slider/assets/index.css';
import 'react-vertical-timeline-component/style.min.css';
import './App.css';

import { Layout } from './components/Layout';
import { DashPage } from './pages/DashPage';
import { TimelineHome } from './pages/TimelineHome';
import { ProjectPage } from './pages/ProjectPage';
import { CvPage } from './pages/CvPage';

export default function App() {
  return (
    <Routes>
      <Route element={<Layout />}>
        <Route index element={<DashPage />} />
        <Route path="/dash" element={<DashPage />} />
        <Route path="/activity" element={<TimelineHome />} />
        <Route path="/activity/:timespan" element={<TimelineHome />} />
        <Route path="/project/:source/*" element={<ProjectPage />} />
        <Route path="/cv" element={<CvPage />} />
      </Route>
    </Routes>
  );
}