<section class="section section--hero" id="<?= e($module['anchor'] ?? 'hero') ?>">
  <div class="container hero">
    <div class="hero__content">
      <div class="eyebrow"><?= e($module['eyebrow'] ?? '') ?></div>
      <h1><?= e($module['title'] ?? '') ?></h1>
      <p class="lead"><?= e($module['text'] ?? '') ?></p>
      <div class="hero__actions">
        <button class="button button--primary" type="button" data-open-booking><?= e($module['primary_label'] ?? 'Забронировать') ?></button>
        <a class="button button--ghost" href="<?= e($module['secondary_url'] ?? '#houses') ?>"><?= e($module['secondary_label'] ?? 'Посмотреть домики') ?></a>
      </div>
      <ul class="hero__facts">
        <?php foreach (($module['facts'] ?? []) as $fact): ?><li><?= e($fact) ?></li><?php endforeach; ?>
      </ul>
    </div>
    <div class="hero__media">
      <img src="<?= e($module['image'] ?? '') ?>" alt="<?= e($module['title'] ?? '') ?>" loading="eager">
    </div>
  </div>
</section>