<!doctype html>
<html lang="en" class="{% if theme_mode == "dark" %}dark{% endif %}">
{{ head_html|safe }}
<body class="pd-paper pd-body bg-background text-foreground antialiased min-h-screen flex flex-col">
	{{ admin_banner_html|safe }}
	<section class="w-full">{{ slots.hero|safe }}</section>
	<section class="w-full">
		<div class="max-w-5xl mx-auto px-4">{{ slots.menu|safe }}</div>
	</section>
	<section class="w-full">
		<div class="max-w-3xl mx-auto px-4 py-12">{{ slots.story|safe }}</div>
	</section>
	<section class="w-full">
		<div class="max-w-5xl mx-auto px-4">{{ slots.cta|safe }}</div>
	</section>
	<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>
	{{ body_end_html|safe }}
</body>
</html>
