feat: Add 404 page

This commit is contained in:
Wanjohi
2024-08-30 16:57:08 +03:00
parent 73cec51728
commit dc5a36b9d6
2 changed files with 15 additions and 2 deletions

View File

@@ -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"
}

View File

@@ -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>
);
});