diff --git a/src/views/app/Park.vue b/src/views/app/Park.vue
deleted file mode 100644
index e69de29..0000000
diff --git a/src/views/app/VideoPlayer.vue b/src/views/app/VideoPlayer.vue
deleted file mode 100644
index e69de29..0000000
diff --git a/src/views/app/coasters/Coasters.vue b/src/views/app/coasters/Coasters.vue
index 4621424..5be4d7a 100644
--- a/src/views/app/coasters/Coasters.vue
+++ b/src/views/app/coasters/Coasters.vue
@@ -27,12 +27,12 @@ export default {
         <section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5">
             <div class="mx-auto max-w-screen-xl px-4 lg:px-12">
                 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-6">
-                    <div v-for="coaster in coasters" :key="coaster.name" class="bg-white dark:bg-gray-800 shadow-md sm:rounded-lg p-6">
+                    <a v-for="coaster in coasters" :key="coaster.name" class="bg-white dark:bg-gray-800 shadow-md sm:rounded-lg p-6" :href="`/app/coaster/${coaster.name.replace(' ', '_')}`">
                         <h2 class="text-xl font-bold text-gray-900 dark:text-white mb-2">{{ coaster.name }}</h2>
                         <p class="text-gray-700 dark:text-gray-300">
                             <span class="font-semibold">Park:</span> {{ coaster.park }}
                         </p>
-                    </div>
+                    </a>
                 </div>
             </div>
         </section>
diff --git a/src/views/app/parks/Parks.vue b/src/views/app/parks/Parks.vue
index 51a9e52..cf77666 100644
--- a/src/views/app/parks/Parks.vue
+++ b/src/views/app/parks/Parks.vue
@@ -27,12 +27,12 @@ export default {
         <section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5">
             <div class="mx-auto max-w-screen-xl px-4 lg:px-12">
                 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-6">
-                    <div v-for="park in parks" :key="park.name" class="bg-white dark:bg-gray-800 shadow-md sm:rounded-lg p-6">
+                    <a v-for="park in parks" :key="park.name" class="bg-white dark:bg-gray-800 shadow-md sm:rounded-lg p-6" :href="`/app/park/${park.name.replace(' ', '_')}`">
                         <h2 class="text-xl font-bold text-gray-900 dark:text-white mb-2">{{ park.name }}</h2>
                         <p class="text-gray-700 dark:text-gray-300">
                             <span class="font-semibold">Ort:</span> {{ park.location }}
                         </p>
-                    </div>
+                    </a>
                 </div>
             </div>
         </section>