diff --git a/src/routes/(app)/[...catchall]/+page.svelte b/src/routes/(app)/[...catchall]/+page.svelte
new file mode 100644
index 0000000..715d424
--- /dev/null
+++ b/src/routes/(app)/[...catchall]/+page.svelte
@@ -0,0 +1,14 @@
+<script>
+	import { goto } from '$app/navigation'
+	import Button from '$lib/components/ui/button/button.svelte'
+</script>
+
+<div class="w-full h-full flex justify-center items-center">
+	<div class="flex flex-col gap-12 items-center">
+		<div class="flex flex-col gap-4 items-center">
+			<div class="text-4xl font-bold">404</div>
+			<div class="text-4xl font-bold">Page Not Found</div>
+		</div>
+		<Button on:click={() => goto('/')} class="w-fit">Return Home</Button>
+	</div>
+</div>