diff --git a/client/error.vue b/client/error.vue
new file mode 100644
index 00000000..d98b8fe7
--- /dev/null
+++ b/client/error.vue
@@ -0,0 +1,25 @@
+<template>
+  <NuxtLayout>
+    <div class="flex mt-6">
+      <div class="w-full md:w-2/3 md:mx-auto md:max-w-md">
+        <img alt="Nice plant as we have nothing else to show!" src="/img/icons/plant.png" class="w-56 mb-5">
+
+        <h1 class="mb-4 font-semibold text-3xl text-gray-900">
+          Page Not Found
+        </h1>
+
+        <div class="links">
+          <NuxtLink :to="{ name: 'index' }" class="hover:underline text-gray-700">
+            Go Home
+          </NuxtLink>
+        </div>
+      </div>
+    </div>
+  </NuxtLayout>
+</template>
+
+<script setup>
+useOpnSeoMeta({
+  title: '404 - Page not found'
+})
+</script>
diff --git a/client/pages/errors/404.vue b/client/pages/errors/404.vue
deleted file mode 100644
index 45ac6783..00000000
--- a/client/pages/errors/404.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="flex mt-6">
-    <div class="w-full md:w-2/3 md:mx-auto md:max-w-md">
-      <img alt="Nice plant as we have nothing else to show!" src="/img/icons/plant.png" class="w-56 mb-5">
-
-
-      <h1 class="mb-4 font-semibold text-3xl text-gray-900">
-        Page Not Found
-      </h1>
-
-      <div class="links">
-        <NuxtLink :to="{ name: 'index' }" class="hover:underline text-gray-700">
-          Go Home
-        </NuxtLink>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'NotFound'
-}
-</script>