<section class="hero is-medium <?= htmlspecialchars($background ?? 'is-primary') ?>">
    <div class="hero-body">
        <div class="container has-text-centered">
            <p class="title is-1">
                <?= htmlspecialchars($title ?? 'Welcome') ?>
            </p>
            <?php if (!empty($subtitle)): ?>
                <p class="subtitle is-3">
                    <?= htmlspecialchars($subtitle) ?>
                </p>
            <?php endif; ?>
            <?php if (!empty($content)): ?>
                <div class="content is-medium">
                    <?= $content ?>
                </div>
            <?php endif; ?>
            <?php if (!empty($cta_text) && !empty($cta_link)): ?>
                <a href="<?= htmlspecialchars($cta_link) ?>" class="button is-light is-large is-rounded mt-4">
                    <strong><?= htmlspecialchars($cta_text) ?></strong>
                </a>
            <?php endif; ?>
        </div>
    </div>
</section>