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="selul">
  <?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' => false]

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

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

  <section class="s-city__slider">
    <?php $items = $section4['items']; ?>
    <div class="container">
      <div class="s-city__slider-container">
        <h3 class="heading-2 text-center mb-12 font-bold">
          <?= $section4['title']; ?>
        </h3>
        <p class="subheading text-center mb-64 font-semibold">
          <?= $section4['content']; ?>
        </p>
        <div class="s-city__slider-wrapper">

          <div class="swiper selulSwiper">
            <div class="swiper-wrapper">
              <?php foreach ($items as $item): ?>
                <div class="swiper-slide s-city__card">
                  <div class="s-city__slider-card">
                    <img src="<?= $item['image']; ?>" alt="city" class="s-city__slider-image" />
                    <div class="s-city__slider-card-content">
                      <img src="<?= $item['logo']; ?>" alt="Logo" class="s-city__slider-icon mb-12" />
                      <h4 class="s-city__slider-title heading-3s"><?= $item['title']; ?></h4>
                      <div class="s-city__slider-location-container mb-12">
                        <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M3.33398 10.0242C2.09974 10.5686 1.33398 11.3274 1.33398 12.1666C1.33398 13.8234 4.31875 15.1666 8.00065 15.1666C11.6825 15.1666 14.6673 13.8234 14.6673 12.1666C14.6673 11.3274 13.9016 10.5686 12.6673 10.0242M12.0007 5.83325C12.0007 8.54239 9.00065 9.83325 8.00065 11.8333C7.00065 9.83325 4.00065 8.54239 4.00065 5.83325C4.00065 3.62411 5.79151 1.83325 8.00065 1.83325C10.2098 1.83325 12.0007 3.62411 12.0007 5.83325ZM8.66732 5.83325C8.66732 6.20144 8.36884 6.49992 8.00065 6.49992C7.63246 6.49992 7.33398 6.20144 7.33398 5.83325C7.33398 5.46506 7.63246 5.16659 8.00065 5.16659C8.36884 5.16659 8.66732 5.46506 8.66732 5.83325Z"
                            stroke="#7209B5" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>

                        <p class="body-3 font-semibold text-purple500"><?= $item['location']; ?></p>

                      </div>
                      <p class="s-city__slider-location-content subheading mb-24"><?= $item['content']; ?></p>
                      <a href="<?php echo $item['cta']['url']; ?>" class="cta h_animation ">
                        <?php echo $item['cta']['label']; ?>
                      </a>
                    </div>
                  </div>
                </div>
              <?php endforeach; ?>
            </div>

            <div class="swipper-btn-wrapper">
              <button class="swipper-btn swiper-previous-button">
                <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" fill="none">
                  <path stroke="#560BAB" stroke-linecap="round" stroke-linejoin="round" d="M5 1 1 5l4 4" />
                </svg>
              </button>
              <div class="swiper-pagination-dots"></div>
              <button class="swipper-btn swiper-next-button">
                <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" fill="none">
                  <path stroke="#560BAB" stroke-linecap="round" stroke-linejoin="round" d="m1 9 4-4-4-4" />
                </svg>
              </button>

            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <?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="s-testimonials">
    <?php $colonne1 = $section7['colonne_1']; ?>
    <?php $colonne2 = $section7['colonne_2']; ?>
    <?php $colonne3 = $section7['colonne_3']; ?>
    <div class="container">
      <div class="s-testimonials__container">
        <p class="subheading text-purple500 font-semibold text-center mb-12">
          <?= $section7['surtitle']; ?>
        </p>
        <h3 class="heading-2 text-center font-bold mb-64">
          <?= $section7['title']; ?>
        </h3>
        <div class="w-full s-testimonials__cols">
          <div class="s-testimonials_col s-testimonials_col-1">

            <?php foreach ($colonne1['item'] as $item): ?>
              <article class="s-testimonial_card">
                <h4 class="s-testimonial_card-title heading-5s mb-8 text-purple600 font-bold"><?= $item['title']; ?></h4>
                <p class="body-2 text-purple800 mb-24"><?= $item['content']; ?></p>
                <p class="body-2 font-semibold text-purple800"><?= $item['name']; ?></p>
              </article>
            <?php endforeach; ?>
            <article class="s-testimonial_image">
              <img src="<?= $colonne1['image']; ?>" />
            </article>
          </div>
          <div class="s-testimonials_col s-testimonials_col-1">
            <article class="s-testimonial_image">
              <img src="<?= $colonne2['image']; ?>" />
            </article>
            <?php foreach ($colonne2['item'] as $item): ?>
              <article class="s-testimonial_card">
                <h4 class="s-testimonial_card-title heading-5s mb-8 text-purple600 font-bold"><?= $item['title']; ?></h4>
                <p class="body-2 text-purple800 mb-24"><?= $item['content']; ?></p>
                <p class="body-2 font-semibold text-purple800"><?= $item['name']; ?></p>
              </article>
            <?php endforeach; ?>

          </div>
          <div class="s-testimonials_col s-testimonials_col-1">
            <article class="s-testimonial_card">
              <h4 class="s-testimonial_card-title heading-5s mb-8 text-purple600 font-bold"><?= $item['title']; ?></h4>
              <p class="body-2 text-purple800 mb-24"><?= $colonne3['item'][0]['content']; ?></p>
              <p class="body-2 font-semibold text-purple800"><?= $colonne3['item'][0]['name']; ?></p>
            </article>

            <article class="s-testimonial_image">
              <img src="<?= $colonne3['image']; ?>" />
            </article>
            <article class="s-testimonial_card">
              <h4 class="s-testimonial_card-title heading-5s mb-8 text-purple600 font-bold"><?= $item['title']; ?></h4>
              <p class="body-2 text-purple800 mb-24"><?= $colonne3['item'][1]['content']; ?></p>
              <p class="body-2 font-semibold text-purple800"><?= $colonne3['item'][1]['name']; ?></p>
            </article>
          </div>
        </div>
      </div>
    </div>
  </section>



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