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

<div class="mx-auto text-center">
	<h1 class="text-3xl font-bold mb-4">{$page.status}: {$page.error?.message}</h1>

	<p class="text-lg mb-4">Opsie, something went wrong while Signing up...</p>

	<a href="/signup" class="text-blue-500 hover:text-blue-700"
		>Click here so you can try to Sign up again.</a
	>
</div>
