<?php

declare(strict_types=1);

/**
 * Werbepartner werden — Conversion-Seite.
 * Struktur: Hero → Argumente → Drei Kanäle → Partner-Grid → CTA-Band → FAQ.
 * Inhalte: data/partner-werden.json. Logos: data/partners.json (Single Source).
 */
$page = json_load('partner-werden');

$meta = [
    'title'       => 'Werbepartner werden',
    'description' => 'Werden Sie Werbepartner des TSV 08 Kulmbach: sichtbar vor Ort, in Print und digital. Einstieg ab 199 € pro Saison. Jetzt unverbindlich anfragen!',
    'og_image'    => 'img/pages/fussball-hero-1600.jpg',
    'schema'      => page_schema(
        [
            ['name' => 'Startseite', 'slug' => ''],
            ['name' => 'Der Verein', 'slug' => 'verein'],
            ['name' => 'Werbepartner werden', 'slug' => 'partner-werden'],
        ],
        $page['faq'] ?? []
    ),
];

component('hero', ['hero' => $page['hero']]);
?>
        <section class="section sponsor-arguments" id="warum">
            <div class="container">
                <h2 class="visually-hidden"><?= e($page['arguments']['title']) ?></h2>
                <ul class="sponsor-arguments__grid" role="list">
<?php foreach ($page['arguments']['items'] as $arg): ?>
                    <li class="sponsor-arguments__item">
                        <div class="sponsor-arguments__icon" aria-hidden="true"><?= icon($arg['icon']) ?></div>
                        <div class="sponsor-arguments__body">
                            <h3 class="sponsor-arguments__title"><?= e($arg['title']) ?></h3>
                            <p class="sponsor-arguments__text"><?= e($arg['text']) ?></p>
                        </div>
                    </li>
<?php endforeach; ?>
                </ul>
            </div>
        </section>

        <section class="section section--tinted sponsor-channels" id="kanaele">
            <div class="container">
                <h2><?= e($page['channels']['title']) ?></h2>
                <p class="sponsor-channels__intro"><?= e($page['channels']['intro']) ?></p>
                <ul class="sponsor-channels__grid" role="list">
<?php foreach ($page['channels']['items'] as $ch): ?>
                    <li class="sponsor-channels__card">
                        <div class="sponsor-channels__head">
                            <p class="sponsor-channels__kicker"><?= e($ch['kicker']) ?></p>
                            <div class="sponsor-channels__icon" aria-hidden="true"><?= icon($ch['icon']) ?></div>
                            <h3 class="sponsor-channels__title"><?= e($ch['title']) ?></h3>
                            <p class="sponsor-channels__desc"><?= e($ch['text']) ?></p>
                        </div>
                        <hr class="sponsor-channels__divider">
                        <ul class="sponsor-channels__features" role="list">
<?php foreach ($ch['features'] as $feature): ?>
                            <li><?= icon('check2', 'sponsor-channels__check') ?><?= e($feature) ?></li>
<?php endforeach; ?>
                        </ul>
                    </li>
<?php endforeach; ?>
                </ul>
            </div>
        </section>
<?php
component('partner-grid', ['intro' => $page['partner_grid']]);

component('cta-band', [
    'band'   => $page['cta'],
    'anchor' => 'kontakt-aufnehmen',
]);

component('faq', ['faq' => $page['faq'] ?? []]);
