package pages

import "git.schreifuchs.ch/schreifuchs/schreifuchs.ch/internal/components/page"
import "git.schreifuchs.ch/schreifuchs/schreifuchs.ch/web/components"

templ ContentPage(content page.Page) {
	@components.ImageTile("https://picsum.photos/1000/500") {
		<h2 class="flex items-center justify-center h-full text-3xl font-bold  text-shadow-lg">
			{ content.Title }
		</h2>
	}
	<div class="flex items-start justify-center pt-8 bg-black min-h-screen px-12">
		<section class="max-w-6xl w-full prose prose-invert text-justify">
			@templ.Raw(content.Content)
		</section>
	</div>
}