<script setup lang="ts"></script>

<template>
  <div class="flex items-center justify-center min-h-screen bg-gray-100">
    <div class="text-center">
      <h1 class="text-6xl font-bold text-indigo-600 mb-4">404</h1>
      <h2 class="text-3xl font-semibold text-gray-800 mb-2">Page not found</h2>
      <p class="text-gray-600 mb-6">This page does not exist.</p>
      <a href="/" class="px-6 py-3 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700">
        Go Home
      </a>
    </div>
  </div>
</template>
