1import { BrowserRouter, Routes, Route, Link } from "react-router-dom";
2import Home from "./pages/Home";
3import Datasets from "./pages/Datasets";
4import Algorithms from "./pages/Algorithms";
6function App() {
7 return (
8 <BrowserRouter>
9 <div style={{ padding: "2rem" }}>
10 <nav style={{ marginBottom: "2rem" }}>
11 <ul style={{
12 listStyle: "none",
13 padding: 0,
14 margin: 0,
15 display: "flex",
16 gap: "1.5rem"
17 }}>
18 <li>
19 <Link
20 to="/"
21 style={{
22 color: "#0066cc",
23 textDecoration: "none",
24 fontWeight: "500"
25 }}
26 >
27 Home
28 </Link>
29 </li>
30 <li>
31 <Link
32 to="/datasets"
33 style={{
34 color: "#0066cc",
35 textDecoration: "none",
36 fontWeight: "500"
37 }}
38 >
39 Datasets
40 </Link>
41 </li>
42 <li>
43 <Link
44 to="/algorithms"
45 style={{
46 color: "#0066cc",
47 textDecoration: "none",
48 fontWeight: "500"
49 }}
50 >
51 Algorithms
52 </Link>
53 </li>
54 </ul>
55 </nav>
56 <main>
57 <Routes>
58 <Route path="/" element={<Home />} />
59 <Route path="/datasets" element={<Datasets />} />
60 <Route path="/algorithms" element={<Algorithms />} />
61 </Routes>
62 </main>
63 </div>
64 </BrowserRouter>
65 );
66}
68export default App;