extends ../layout.pug

include ../../pug/base.pug
include ../../pug/bem.pug

block top-content
    hero-section(:document="document")

block content
    div(class="max-w-4xl mx-auto px-4" v-if="document")
        h1(class="text-3xl font-bold text-contrast-high animate-fade-in-up") {{ document.translations[_.appState.currentLanguage]?.title || document.translations.en.title }}
        div(class="prose mt-6 animate-fade-in-up" v-html="_.marked.parse(document.translations[_.appState.currentLanguage]?.content || document.translations.en.content)")
        div(class="mt-12")
            image-gallery(:images="document.translations[_.appState.currentLanguage]?.gallery || document.translations.en.gallery")