1  import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
 2  import Layout from './components/Layout';
 3  import Overview from './pages/Overview';
 4  import Outreach from './pages/Outreach';
 5  import Conversations from './pages/Conversations';
 6  import Operations from './pages/Operations';
 7  import Quality from './pages/Quality';
 8  import Compliance from './pages/Compliance';
 9  import Review from './pages/Review';
10  
11  export default function App() {
12    return (
13      <BrowserRouter>
14        <Routes>
15          <Route element={<Layout />}>
16            <Route index element={<Navigate to="/overview" replace />} />
17            <Route path="overview" element={<Overview />} />
18            <Route path="outreach" element={<Outreach />} />
19            <Route path="conversations" element={<Conversations />} />
20            <Route path="operations" element={<Operations />} />
21            <Route path="quality" element={<Quality />} />
22            <Route path="compliance" element={<Compliance />} />
23            <Route path="review" element={<Review />} />
24          </Route>
25        </Routes>
26      </BrowserRouter>
27    );
28  }