From dc5a36b9d67519a0f7a1c646ed201b43b999b448 Mon Sep 17 00:00:00 2001
From: Wanjohi <71614375+wanjohiryan@users.noreply.github.com>
Date: Fri, 30 Aug 2024 16:57:08 +0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20Add=20404=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/www/public/manifest.json |  4 ++--
 apps/www/src/routes/404.tsx   | 13 +++++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 apps/www/src/routes/404.tsx

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