<template>
  <UContainer class="flex flex-col items-center justify-center py-20 text-center">
    <h1 class="text-9xl font-bold text-primary">
      404
    </h1>
    <h2 class="text-3xl font-semibold mt-4">
      Oooooops!
    </h2>
    <p class="text-muted-foreground my-6 max-w-md">
      "/{{ Array.isArray($route.params.slug) ? $route.params.slug.join('/') : $route.params.slug || '' }}" doesn't exist.
    </p>
    <UButton
      to="/"
      size="lg"
      label="Return to Home"
      icon="i-octicon-home-fill-16"
    />
  </UContainer>
</template>
