include ../../pug/base.pug
include ../../pug/bem.pug
extends ../layout.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[_.currentLanguage]?.title || document.translations.en.title }}
        p(class="text-xl text-contrast-medium mb-8 animate-fade-in-up") {{ document.translations[_.currentLanguage]?.subtitle || document.translations.en.subtitle }}
        div(class="prose mt-6 animate-fade-in-up" v-html="marked.parse(document.translations[_.currentLanguage]?.content || document.translations.en.content)")
        div(class="mt-12")
            image-gallery(:images="document.translations[_.currentLanguage]?.gallery || document.translations.en.gallery")