diff --git a/site/src/views/NotFoundView.vue b/site/src/views/NotFoundView.vue
new file mode 100644
index 0000000..8f7c4c8
--- /dev/null
+++ b/site/src/views/NotFoundView.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { Result, Button } from 'ant-design-vue'
+</script>
+
+<template>
+    <main class="not-found-page">
+        <Result status="404" title="404" sub-title="Sorry, the page you visited does not exist.">
+            <template #extra>
+                <RouterLink to="/">
+                    <Button type="primary">Back Home</Button>
+                </RouterLink>
+            </template>
+        </Result>
+    </main>
+</template>
+
+<style scoped>
+.not-found-page {
+    min-height: 60vh;
+    display: grid;
+    place-items: center;
+}
+</style>