my-website-v2/frontend/routes/_404.tsx

26 lines
798 B
TypeScript
Raw Normal View History

2024-09-03 00:17:19 -05:00
import { Head } from "$fresh/runtime.ts";
export default function Error404() {
return (
<>
<Head>
2024-12-02 22:36:00 -06:00
<title>Page not found</title>
2024-09-03 00:17:19 -05:00
</Head>
2024-12-02 22:36:00 -06:00
<div class="px-4 py-8 mx-auto bg-[#313244]">
2024-09-03 00:17:19 -05:00
<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
2024-12-02 22:36:00 -06:00
<h1 class="text-4xl font-bold text-[#cdd6f4]">Page not found</h1>
<p class="my-4 text-[#cdd6f4]">
The page you were looking for doesn't exist!
</p>
<a
href="/"
class="text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer"
>
Go back home
</a>
2024-09-03 00:17:19 -05:00
</div>
</div>
</>
);
}