<?php
    $vorstand = $page->vorstandschaft()->toStructure();
?>

<?php snippet('layout', slots: true) ?>
    <section class="py-8">
        <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
            <img src="<?= $page->image()->url() ?>" alt="<?= $page->title()->html() ?>">
        </div>
    </section>
    
    <section class="bg-sf_grau-50 py-8">
        <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-4">
            <p class="text-2xl pt-4"><?= $page->text() ?></p>
            <ul class="pt-6">
                <?php foreach($vorstand as $vorstand): ?>
                    <li>
                        <p class="font-semibold text-xl">
                            <?= $vorstand->name() ?>
                            <span class="font-medium font-mono text-lg">
                                , <?= $vorstand->position() ?>
                            </span>
                        </p>
                    </li>
                <?php endforeach ?>
            </ul>
        </div>
    </section>
<?php endsnippet() ?>