diff --git a/pages/404.vue b/pages/404.vue
new file mode 100644
index 0000000..86d7214
--- /dev/null
+++ b/pages/404.vue
@@ -0,0 +1,25 @@
+<template>
+  <NuxtLayout name="centered-content">
+    <ClientOnly>
+      <img id="roland" src="/halved-808.png" alt="Halved TR-808 drum machine" />
+    </ClientOnly>
+    <p class="mt-0 md:text-2xl text-xl">
+      Hello, is it the page you're looking for?
+    </p>
+    <p class="md:text-sm text-xs text-gray-300">
+      <a
+        href="https://commons.wikimedia.org/wiki/File:Roland_TR-808_(large).png"
+      >
+        Roland_TR-808_&amp;_909.jpg: Brandon Danielderivative work: Clusternote </a
+      >,
+      <a href="https://creativecommons.org/licenses/by-sa/2.0">CC BY-SA 2.0</a>,
+      via Wikimedia Commons
+    </p>
+  </NuxtLayout>
+</template>
+
+<style scoped>
+#roland {
+  max-width: 265px;
+}
+</style>
diff --git a/public/halved-808.png b/public/halved-808.png
new file mode 100644
index 0000000..28b19a7
Binary files /dev/null and b/public/halved-808.png differ