<script lang="ts">
	import Logo from '$lib/components/layout/Logo.svelte';
</script>

<svelte:head>
	<title>404 - Page Not Found</title>
</svelte:head>

<div class="min-h-screen bg-base-200 flex items-center justify-center p-4">
	<div class="text-center">
		<Logo size="lg" hasText={true} class="justify-center mb-8" />
		<h1 class="text-6xl font-bold mb-4">404</h1>
		<p class="text-xl text-base-content/70 mb-8">
			Oops! This page doesn't exist.
		</p>
		<a href="/" class="btn btn-primary">Go Home</a>
	</div>
</div>
