<?php snippet('header') ?>

<main class="expertise">
  <!-- Intro Section -->
  <section class="expertise__intro">
    <h1 class="expertise__title"><?= $page->intro_title() ?></h1>

    <?php if ($page->intro_text()->isNotEmpty()): ?>
      <p class="expertise__text"><?= $page->intro_text() ?></p>
    <?php endif ?>
  </section>

  <!-- Expertise Sections -->
  <?php if ($page->expertise_sections()->isNotEmpty()): ?>
    <div class="expertise__sections">
      <?php foreach ($page->expertise_sections()->toStructure() as $section): ?>
        <section class="expertise-section expertise-section--<?= $section->icon() ?>">
          <h2 class="expertise-section__title"><?= $section->title() ?></h2>
          <div class="expertise-section__content">
            <?= $section->content()->toBlocks() ?>
          </div>
        </section>
      <?php endforeach ?>
    </div>
  <?php endif ?>

  <!-- Objective Section -->
  <?php if ($page->objective_text()->isNotEmpty()): ?>
    <section class="expertise__objective">
      <h2 class="expertise__objective-title"><?= $page->objective_title() ?></h2>
      <p class="expertise__objective-text"><?= $page->objective_text() ?></p>
    </section>
  <?php endif ?>
</main>

<?php snippet('footer') ?>
