/home/bdqbpbxa/demo-subdomains/adaptiq.goodface.com.ua/wp-content/themes/adaptiq/about.php
<?php
  // Template name: About us

  get_header();
  $template_directory = get_template_directory_uri();
  $srcset = 'srcset="' . $template_directory . '/assets/images/lazyload.png"';
?>


<?php
  $main = get_field('main');
  if ($main['title']) :
?>
  <section class="inner-main-section" data-animate-group="list" data-offset="0">
    <div class="container">
      <div class="inner-main__wrapper">
        <?php
          if ($main['tag_text']) :
        ?>
          <div class="bubble-tag text-3 mob-text-3" data-animate="fade" data-index="2">
            <?php echo $main['tag_text']; ?>
          </div>
        <?php
          endif;
        ?>
        <h1 class="title-1 mob-title-1 title --red-dot" data-animate="word" data-index="1">
          <?php
            echo $main['title'];
          ?>
        </h1>
        <?php
          $button = get_link_group_field($main['button']);
          if ($button) :
        ?>
        <a href="<?php echo $button['url']; ?>" <?php echo $button['target']; ?> class="default-button -black" data-animate="fade" data-index="2"><?php echo $button['title']; ?></a>
        <?php
          endif;
        ?>
      </div>
    </div>
  </section>
<?php
  endif;
?>

<?php
  $values = get_field('values');
  if ($values['title']) :
?>
<section class="values-section --black-section">
  <div class="container">
    <div class="title-block" data-animate-group="list" data-offset="0.6">
      <?php
          if ($values['tag_text']) :
      ?>
        <div class="bubble-tag text-3 mob-text-3" data-animate="fade" data-index="2">
          <?php echo $values['tag_text']; ?>
        </div>
      <?php
        endif;
      ?>
      <div class="title-block__wrapper">
        <h2 class="title-1 mob-title-1 --red-dot" data-animate="word" data-index="1">
          <?php echo $values['title']; ?>
        </h2>
        <?php
          if ($values['subtitle']) :
        ?>
        <p class="text-2 mob-text-2 --light" data-animate="fade" data-index="2">
          <?php echo $values['subtitle']; ?>
        </p>
        <?php
          endif;
        ?>
      </div>
    </div>
  </div>
  <div class="sticky-list" data-animate-group="list" data-offset="0.05">
    <?php      
      foreach($values['slider'] as $key=>$item) {
        $args = [];
        $args['with-title'] = false;
        $args['slide'] = $item;
        $args['key'] = $key;
        $args['last_key'] = count($values['slider']) - 1;
        get_template_part('templates/cards/values-card', null, $args);
      }      
    ?>
  </div>
</section>
<?php
  endif;
?>

<?php
  $team = get_field('team');
  if ($team['title']) :
?>
  <section class="team-section">
    <div class="container">
      <div class="title-block" data-animate-group="list" data-offset="0.05">
        <?php
            if ($team['tag_text']) :
        ?>
          <div class="bubble-tag text-3 mob-text-3" data-animate="fade" data-index="2">
            <?php echo $team['tag_text']; ?>
          </div>
        <?php
          endif;
        ?>
        <div class="title-block__wrapper">
          <h2 class="title-1 mob-title-1 --red-dot" data-animate="word" data-index="1">
            <?php echo $team['title']; ?>
          </h2>
          <?php
            if ($team['subtitle']) :
          ?>
          <p class="text-2 mob-text-2 --light" data-animate="fade" data-index="2">
            <?php echo $team['subtitle']; ?>
          </p>
          <?php
            endif;
          ?>
      </div>
      <div class="team-big-list" data-animate-group="list" data-offset="0.3">
        <?php
          foreach($team['team_list'] as $key=>$item) :
            if ($item['img'] && $item['name']) :
        ?>
          <div class="team-member-big" data-animate="swim-top" data-index="<?php echo $key + 3; ?>">
            <div class="img">
              <img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $item['img']['url']; ?>" alt="<?php echo $item['img']['alt']; ?>">
            </div>
            <div class="info">
              <p class="title text-2 mob-text-2">
                <?php echo $item['name']; ?>
              </p>
              <?php
                if ($item['position']) :
              ?>
                <p class="text text-2 mob-text-2 --light">
                  <?php echo $item['position']; ?>
                </p>
              <?php
                endif;
                if ($item['linkedin']) :
              ?>
              <a href="<?php echo $item['linkedin']['url']; ?>" target="_blank" class="link link-2 -with-arrow">
                <?php
                  if ($item['linkedin']['title']) {
                    echo $item['linkedin']['title'];
                  } else {
                    echo 'LinkedIn';
                  }
                ?>              
              </a>
              <?php
                endif;
              ?>
            </div>
          </div>
        <?php
            endif;
          endforeach;
        ?>
      </div>

      <?php
        if ($team['text_in_team_grid']) :
      ?>
        <div class="team-small-list" data-animate-group="list" data-offset="1">
          <?php
            foreach($team['team_grid'] as $key=>$item) :
          ?>
            <div class="img <?php if ($key == 8 || $key == 12) echo '-mobile-hidden' ?>" data-animate="fade" data-index="2">
              <img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $item['url']; ?>" alt="<?php echo $item['alt']; ?>">
            </div>
            <?php
              if ($key == 8) :
            ?>
              <div class="text-block">
                <p class="title-2 mob-title-2 --red-dot" data-animate="word" data-index="1">
                  <?php echo $team['text_in_team_grid']; ?>
                </p>
              </div>
            <?php
              endif;
              if ($key + 1 == count($team['team_grid'])) :
                $cta_link_in_team_grid = get_link_group_field($team['cta_link_in_team_grid']);
                if ($cta_link_in_team_grid) :
            ?>
              <a href="<?php echo $cta_link_in_team_grid['url']; ?>" <?php echo $cta_link_in_team_grid['target']; ?> class="join-team" data-animate="fade" data-index="2">
                <span class="plus">
                  <span></span><span></span>
                </span>
                <p class="text title-3 mob-title-3">
                  <?php echo $cta_link_in_team_grid['title']; ?>
                </p>
              </a>
          <?php
                endif;
              endif;
            endforeach;
          ?>
        </div>
      <?php
        endif;
      ?>
    </div>
  </section>
<?php
  endif;
?>


<?php
  get_template_part('templates/blocks/clients-section');
?>

<?php
    $args = [];
    $args['has-breadcrumbs'] = true;
    get_template_part('templates/blocks/cta-section', null, $args);

  get_template_part('templates/blocks/breadcrumbs');

?>


<?php
  get_footer();
?>