Sindbad~EG File Manager

<?php
/*
  Template Name: Dreamline Studio
*/
?>
<?php get_header(); ?>
<?php $section1 = get_field('hero');
$section2 = get_field('section_2');
$section3 = get_field('section_3');
$section4 = get_field('section_4');
$section5 = get_field('section_5');
$section6 = get_field('section_6');
$section7 = get_field('section_7');
$section8 = get_field('section_8');
?>

<main class="dreamline-studio">
  <?php echo render_component('components/hero-generic.php', [
    'surtitle' => $section1['surtitle'],
    'title' => $section1['title'],
    'content' => $section1['content'],
    'cta' => $section1['cta']
  ]);
  ?>
  <?php echo render_component('components/text-image.php', [
    'surtitle' => $section2['surtitle'],
    'title' => $section2['title'],
    'content' => $section2['content'],
    'team_image' => $section2['team_image'],
    'items' => $section2['items'],
    'image' => $section2['image'],
    'cta' => $section2['cta'] + ['with_icon' => true]

  ]);
  ?>
  <?php echo render_component('components/card-title.php', [

    'title' => $section3['title'],
    'content' => $section3['content'],
    'items' => $section3['items'],
  ]);
  ?>
  <?php echo render_component('components/pack-block.php', [

    'title' => $section4['title'],
    'content' => $section4['content'],
    'items' => $section4['items'],
  ]);
  ?>
  <?php echo render_component('components/stepper.php', [

    'title' => $section5['title'],
    'content' => $section5['content'],
    'items' => $section5['items'],
    'cta' => $section5['cta']
  ]);
  ?>
  <?php echo render_component('components/valeur-block.php', [

    'surtitle' => $section6['surtitle'],
    'title' => $section6['title'],
    'content' => $section6['content'],
    'items' => $section6['items'],
  ]);
  ?>

  <section class="video-blok">

    <div class="container">
      <div class="video-blok__container">
        <p class="subheading">
          <?= $section7['surtitle']; ?>
        </p>
        <h3 class="heading-2 mb-12">
          <?= $section7['title']; ?>
        </h3>
        <p class="body-2 mb-44">
          <?= $section7['content']; ?>
        </p>
        <a href="<?= $section7['cta']['link']; ?>" class="video-blok__cta cta-button mb-64">
          <?= $section7['cta']['label']; ?>
          <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6.5 12.0415L10.5 8.0415L6.5 4.0415" stroke="currentColor" stroke-linecap="round"
              stroke-linejoin="round" />
          </svg>

        </a>
        <div class="video-blok__image-container">
          <div class="video-blok__picto-container">
            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/dreamline-studio/picto_presentation.svg"
              class="video-blok__picto" />
          </div>
          <div class="video-blok__blur-container">
            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/common/visuel_background_color.png"
              class="video-blok__blur" />
          </div>
          <div class="video-blok__planet-container">
            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/dreamline-studio/red_planet.svg"
              class="video-blok__planet" />
          </div>
          <iframe class="video-blok__video" src="<?= $section7['video_url']; ?>" frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
            allowfullscreen></iframe>
          <img src="<?php echo get_template_directory_uri(); ?>/assets/images/dreamline-studio/video_frame.svg"
            class="video-blok__image" />
        </div>
      </div>
    </div>
  </section>

  <section class="testimonials">
    <div class="container">
      <div class="testimonials__container text-center">
        <p class="subheading text-purple500 font-semibold mb-12">
          <?= $section8['surtitle']; ?>
        </p>
        <h3 class="heading-2 text-purple800 mb-32">
          <?= $section8['title']; ?>
        </h3>
        <p class="body-3 text-purple800 mb-32">
          <?= $section8['content']; ?>
        </p>
        <div class="testimonials__items-container text-left">
          <?php foreach ($section8['items'] as $item): ?>
            <article class="testimonials__item">
              <p class="testimonials__item-content body-3 mb-8">
                <?= $item['content']; ?>
              </p>
              <img src="<?= $item['rating']; ?>" alt="Image rating" class="mb-8" />
              <p class="body-2 font-semibold">
                <?= $item['name']; ?>
              </p>
            </article>
          <?php endforeach; ?>
        </div>

        <a href="<?= $section8['cta']['link']; ?>"
          class="with-icon testiomnials__cta cta-button"><?= $section8['cta']['label']; ?>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none">
            <path fill="currentColor"
              d="M3.222 14.917c-.09-5.893 5.652-7.107 8.107-7.267-1.218.722-3.285 1.605-4.902 2.9-1.483 1.186-2.68 2.742-3.205 4.367Z" />
            <path fill="currentColor"
              d="M22.436 9.935V5.317c.344-.11.59-.42.59-.786 0-.458-.387-.829-.866-.829-.478 0-.866.371-.866.829 0 .352.23.654.553.774v4.587l-.007-.029c-1.122-4.352-5.072-7.568-9.775-7.568-4.702 0-8.662 3.223-9.778 7.584h-.17c-.904 0-1.637.702-1.637 1.566v2.724c0 .865.733 1.567 1.637 1.567h.053c.486 1.345 1.394 2.524 2.38 3.546 1.86 1.935 4.529 3.146 7.493 3.146.07 0 .14 0 .21-.003 3.563-.068 6.676-1.888 8.44-4.596l.018-.026c.42-.648.834-1.35 1.102-2.088l.132.005c.904 0 1.636-.701 1.636-1.566V11.43c0-.7-.481-1.294-1.145-1.494Zm-.708 5.77c-2.032 2.968-6.382 5.041-9.675 5.041-3.293 0-7.524-2.387-9.688-5.019l-.067-.306v-3.749c1.186-3.887 5.425-4.96 9.767-4.96 4.343 0 8.359 1.016 9.664 4.656l.118.819v2.924l-.12.594Z" />
          </svg>


        </a>

      </div>
    </div>
  </section>
</main>
<?php get_footer(); ?>