diff --git a/apps/www/public/manifest.json b/apps/www/public/manifest.json
index 931df68f..cc3871b6 100644
--- a/apps/www/public/manifest.json
+++ b/apps/www/public/manifest.json
@@ -8,12 +8,12 @@
   "description": "Nestri - Your games. Your rules.",
   "icons": [
     {
-      "src": "/android-chrome-192x192.png",
+      "src": "/seo/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "/android-chrome-512x512.png",
+      "src": "/seo/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }
diff --git a/apps/www/src/routes/404.tsx b/apps/www/src/routes/404.tsx
new file mode 100644
index 00000000..ebb2f917
--- /dev/null
+++ b/apps/www/src/routes/404.tsx
@@ -0,0 +1,13 @@
+import { component$ } from "@builder.io/qwik";
+import { Link } from "@builder.io/qwik-city";
+import { buttonVariants, cn } from "@nestri/ui/design";
+
+export default component$(() => {
+    return (
+        <div class="flex flex-col w-screen select-none items-center justify-center gap-4 h-screen">
+            <h1 class="font-bold text-[200px] text-primary-200 dark:text-primary-800 transition-all duration-200 [-webkit-text-stroke-color:theme(colors.primary.500)] [-webkit-text-stroke-width:4px] leading-[1em]">404</h1>
+            <p class=" text-3xl font-medium max-w-lg text-center mx-auto">Whoops! The page you are looking for does not exist</p>
+            <Link href="/" class={cn(buttonVariants.solid({ intent: "gray", size: "lg" }), "rounded-xl")} >Go home</Link>
+        </div>
+    );
+});
\ No newline at end of file