<script lang="ts">
	import { page } from '$app/stores';
</script>

<div class="flex min-h-[50vh] flex-col items-center justify-center gap-4 px-4">
	<h1 class="text-4xl font-bold text-error-500">{$page.status}</h1>
	<p class="text-lg text-theme-secondary">{$page.error?.message ?? 'Something went wrong'}</p>
	<a href="/" class="mt-4 btn-primary">Go Home</a>
</div>
