diff --git a/webapp/public/404.webp b/webapp/public/404.webp
new file mode 100644
index 0000000..716f33e
Binary files /dev/null and b/webapp/public/404.webp differ
diff --git a/webapp/src/router/index.ts b/webapp/src/router/index.ts
index b897eea..0d0163c 100644
--- a/webapp/src/router/index.ts
+++ b/webapp/src/router/index.ts
@@ -55,6 +55,11 @@ const router = createRouter({
       path: '/legal',
       name: 'legal',
       component: () => import('../views/LegalView.vue')
+    },
+    {
+      path: '/:pathMatch(.*)*',
+      name: 'not-found',
+      component: () => import('../views/404.vue')
     }
   ]
 })
diff --git a/webapp/src/views/404.vue b/webapp/src/views/404.vue
new file mode 100644
index 0000000..238adc2
--- /dev/null
+++ b/webapp/src/views/404.vue
@@ -0,0 +1,21 @@
+<template>
+  <v-container>
+    <div class="text-center">
+      <h1>Page Not Found</h1>
+
+      <div class="mt-8 mb-16">
+        <v-img height="300" src="/404.webp" />
+        <p class="caption">just like the license plate this guy is searching for</p>
+      </div>
+
+      <v-btn color="primary" to="/"><v-icon start>mdi-home</v-icon>Home</v-btn>
+    </div>
+  </v-container>
+</template>
+
+<style scoped>
+.caption {
+  font-size: 1.2rem;
+  color: #666;
+}
+</style>