diff --git a/web/src/pages/Index.vue b/web/src/pages/Index.vue
new file mode 100644
index 0000000..e58bec6
--- /dev/null
+++ b/web/src/pages/Index.vue
@@ -0,0 +1,18 @@
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+	
+})
+</script>
+
+<template>
+	<v-container>
+		<div class="container col-md-8 col-ld-8" id="content">
+			Willkommen bei Budgeteer, der neuen App für's Budget!
+		</div>
+		<div class="container col-md-4" id="login">
+			<a href="/login">Login</a> or <a href="/login">register</a>
+		</div>
+	</v-container>
+</template>
\ No newline at end of file
diff --git a/web/src/router/routes.ts b/web/src/router/routes.ts
index 22e4594..09d2df1 100644
--- a/web/src/router/routes.ts
+++ b/web/src/router/routes.ts
@@ -2,12 +2,13 @@ import { createRouter, createWebHistory } from 'vue-router'
 import BudgetSidebar from '../pages/BudgetSidebar.vue';
 import Dashboard from '../pages/Dashboard.vue';
 import Login from '../pages/Login.vue';
+import Index from '../pages/Index.vue';
 import Register from '../pages/Register.vue';
 import Account from '../pages/Account.vue';
 import Settings from '../pages/Settings.vue';
 
 const routes = [
-  { path: '/', name: 'Index', component: Dashboard },
+  { path: '/', name: 'Index', component: Index },
   { path: '/dashboard', name: 'Dashboard', component: Dashboard },
   { path: '/login', name: 'Login', component: Login },
   { path: '/register', name: 'Register', component: Register },