---
import IndexLayout from "@/layouts/index.astro";
import GlitchText from "@/components/404/glitched-text";
const title = "404 Not Found";
---

<IndexLayout title="404 | Timothy Pidashev" description="Page not found">
  <main class="min-h-screen flex flex-col items-center justify-center p-4 text-center">
    <GlitchText client:only />
    <p class="text-xl text-orange mb-8">Whoops! This page doesn't exist :(</p>
    <button 
      onclick="window.history.back()" 
      class="underline text-green hover:opacity-70 transition-opacity"
    >
      go back
    </button>
  </main>
</IndexLayout>
