diff --git a/src/TestApp.ts b/src/TestApp.ts
index bfd7e36..de16fec 100644
--- a/src/TestApp.ts
+++ b/src/TestApp.ts
@@ -137,6 +137,9 @@ export default class TestApp extends Application {
                 this.get('/', (req, res) => {
                     res.render('home');
                 }, 'home');
+                this.get('/tests', (req, res) => {
+                    res.render('tests');
+                }, 'tests');
             }
         }());
     }
diff --git a/src/assets/views/home.svelte b/src/assets/views/home.svelte
index 6209982..44ee8b7 100644
--- a/src/assets/views/home.svelte
+++ b/src/assets/views/home.svelte
@@ -1,10 +1,17 @@
 <script lang="ts">
-    import AllTests from "./AllTests.svelte";
+    import {locals} from "../ts/stores";
+    import {route} from "../../common/Routing";
     import BaseLayout from "./layouts/BaseLayout.svelte";
-
-    let test: string = 'testing';
 </script>
 
-<BaseLayout title="Home tests">
-    <AllTests/>
+<BaseLayout title="{$locals.app.name}">
+    <div class="panel">
+        <p>Welcome to {$locals.app.name}!</p>
+
+        <nav>
+            <ul>
+                <li><a href={route('tests')}>Frontend tests</a></li>
+            </ul>
+        </nav>
+    </div>
 </BaseLayout>
diff --git a/src/assets/views/tests.svelte b/src/assets/views/tests.svelte
new file mode 100644
index 0000000..a2821f4
--- /dev/null
+++ b/src/assets/views/tests.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+    import AllTests from "./AllTests.svelte";
+    import BaseLayout from "./layouts/BaseLayout.svelte";
+</script>
+
+<BaseLayout title="Frontend tests">
+    <AllTests/>
+</BaseLayout>