<template>
  <div class="text-center py-20">
    <h1 class="text-6xl font-bold text-base-content/50 mb-4">404</h1>
    <h2 class="text-2xl font-semibold mb-4">Page Not Found</h2>
    <p class="text-base-content/70 mb-8">
      The page you're looking for doesn't exist or has been moved.
    </p>
    <router-link to="/" class="btn btn-primary">
      Go Home
    </router-link>
  </div>
</template>

<script setup lang="ts">
// This is a simple 404 page
</script>