<?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();
?>