<?= helper(['components', 'svg']) ?>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex">
<title>Whoops!</title>
<link rel="stylesheet" href="/assets/index.css"/>
</head>
<body class="flex flex-col items-center justify-center min-h-screen px-2 text-center bg-gray-100">
<?= svg('castopod-mascot_confused', 'h-64') ?>
<h1 class="text-3xl font-bold md:text-4xl lg:text-5xl">Whoops!</h1>
<p class="mb-6 text-lg text-gray-600 md:text-xl lg:text-2xl">We seem to have hit a snag. Please try again later...</p>
</body>
</html>