vibe-coding/routes/_404.tsx at e1a82cb12c7eb6d7fcd3b453d70148b3b7eea631 · daesdev/vibe-coding · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import { Head } from "$fresh/runtime.ts";
import { PageProps } from "$fresh/server.ts";
export default function Error404(_props: PageProps<{ message: string }>) {
  return (
    <>
      <Head>
        <title>404 - ¡Creo que andas perdido!</title>
      </Head>
      <section class="grid place-content-center h-screen w-screen bg-white dark:bg-slate-800 py-4 px-5 md:py-10 md:px-12">
        <div class="flex flex-col items-center gap-5">
          <h1 class="text-center flex flex-col items-center gap-2">
            <span class="text-4xl md:text-6xl font-bold">Wow 🧉</span>{" "}
            ¡Creo que andas perdido!
          </h1>
          <a
            href="/"
            class="flex justify-center items-center px-3 py-1.5 bg-black/5 dark:bg-black/95 border border-[#ddd] dark:border-black rounded-md backdrop-blur-sm"
          >
            Regresar a Vibe Coding
          </a>
          <a
            href="https://github.com/daesdev/vibe-coding"
            class="flex justify-center items-center px-3 py-1.5 bg-black/5 dark:bg-black/95 border border-[#ddd] dark:border-black rounded-md backdrop-blur-sm"
          >
            ir al repositorio
          </a>
        </div>
      </section>
    </>
  );
}