diff --git a/src/App.svelte b/src/App.svelte
index 2e630339..b1a53521 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -42,6 +42,8 @@
   import Orgs from "./components/Orgs.svelte";
   import Runners from "./components/Runners.svelte";
   import Footer from "./components/Footer.svelte";
+  import Tracks from "./components/Tracks.svelte";
+import TracksOverview from "./components/TracksOverview.svelte";
   store.init();
 
   // if ("serviceWorker" in navigator) {
diff --git a/src/components/Dashboard.svelte b/src/components/Dashboard.svelte
index 20156913..17fce53a 100644
--- a/src/components/Dashboard.svelte
+++ b/src/components/Dashboard.svelte
@@ -116,6 +116,18 @@
             d="M9.83 8.79L8 9.456V13H6V8.05h.015l5.268-1.918c.244-.093.51-.14.782-.131a2.616 2.616 0 0 1 2.427 1.82c.186.583.356.977.51 1.182A4.992 4.992 0 0 0 19 11v2a6.986 6.986 0 0 1-5.402-2.547l-.581 3.297L15 15.67V23h-2v-5.986l-2.05-1.987-.947 4.298-6.894-1.215.348-1.97 4.924.868L9.83 8.79zM13.5 5.5a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" /></svg>
         <span>Runners</span>
       </a>
+      <a
+        class:bg-gray-100={$router.path === '/tracks/'}
+        class="flex items-center px-4 py-3 text-gray-900 transition cursor-pointer group hover:bg-gray-100 hover:text-gray-900"
+        href="/tracks/">
+        <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path
+            d="M0 0h24v24H0z"
+            class="flex-shrink-0 w-5 h-5 mr-2 text-gray-400 transition group-hover:text-gray-600"
+            fill="none" />
+          <path
+            d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z" /></svg>
+        <span>Tracks</span>
+      </a>
       <a
         class:bg-gray-100={activePage === 'blub'}
         class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-100 hover:text-gray-900"
diff --git a/src/components/TracksOverview.svelte b/src/components/TracksOverview.svelte
new file mode 100644
index 00000000..a4b6258b
--- /dev/null
+++ b/src/components/TracksOverview.svelte
@@ -0,0 +1,14 @@
+<script>
+  import { _ } from "svelte-i18n";
+  import Tracks from "./Tracks.svelte";
+</script>
+
+<section class="container py-10 mx-auto sm:px-2">
+  <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
+    Tracks
+  </span>
+  <p class="mb-16 text-lg text-gray-500">
+    configure the tracks/ min-max lap times
+  </p>
+  <Tracks />
+</section>