---
import BaseLayout from '../layouts/BaseLayout.astro';
---

<BaseLayout title="Page Not Found">
  <div class="h-screen flex flex-col items-center justify-center text-center p-8 bg-zinc-50 dark:bg-zinc-950">
    <h1 class="text-9xl font-extrabold text-zinc-900 dark:text-white mb-4">404</h1>
    <h2 class="text-2xl font-semibold text-zinc-700 dark:text-zinc-300 mb-8">Page Not Found</h2>
    <p class="text-zinc-500 max-w-md mx-auto mb-8">
      The page you are looking for does not exist or has been moved.
    </p>
    <a href="/" class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-500 transition-colors">
      Go Home
    </a>
  </div>
</BaseLayout>
