www/src/pages/[...locale]/404.astro
2025-05-28 13:50:37 +12:00

33 lines
1 KiB
Text

---
import Button from '~/components/Button.astro'
import Description from '~/components/Description.astro'
import Title from '~/components/Title.astro'
import Layout from '~/layouts/Layout.astro'
import { getLocale, getPath, getUI } from '~/utils/i18n'
export { getStaticPaths } from '~/utils/i18n'
const locale = getLocale(Astro)
const getLocalePath = getPath(locale)
const {
routes: { notFound },
} = getUI(locale)
---
<Layout title={notFound.title}>
<main
class="container flex min-h-[70vh] flex-col items-center justify-center gap-6 py-24 text-center"
>
<Title class="text-7xl font-bold text-coral md:text-9xl xl:text-9xl"> 404 </Title>
<div class="flex flex-col items-center gap-6">
<Description class="text-xl md:text-2xl">
{notFound.title}
</Description>
<p class="max-w-xl text-lg text-gray-500 dark:text-gray-400">
{notFound.description}
</p>
<Button href={getLocalePath('/')} isPrimary class="w-fit">
{notFound.button}
</Button>
</div>
</main>
</Layout>