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

<div class="mx-auto max-w-page text-center">
	<h1 class="text-4xl font-bold mt-8">404</h1>
	<p class="py-4 text-xl">
		{#if $page.status === 404}
			The page you are trying to look for could not be found.
		{:else}
			An unexpected error occurred.
		{/if}
	</p>
</div>