/home/bdqbpbxa/demo-subdomains/lafinteca.goodface.com.ua/wp-content/themes/lafinteca/about.php
<?php
// Template name: About us
get_header();
$curr_lang = pll_current_language();
$template_directory = get_template_directory_uri();
$srcset = "srcset='{$template_directory}/assets/images/lazyload.png'";
?>
<main class="about-page">
<?php
get_template_part('templates/blocks/breadcrumbs');
?>
<?php
$main = get_field('main');
?>
<section class="about-hero" data-animate-group="list">
<div class="container">
<div class="about-hero__wrapper">
<div class="about-hero__left">
<div class="title-1 mob-title-1 title" data-animate="word">
<?php
echo $main['title'];
?>
</div>
<?php
if ($main['subtitle']) :
?>
<p class="text-1 mob-text-1 text" data-animate="swim-top">
<?php echo $main['subtitle']; ?>
</p>
<?php
endif;
$button = get_link_group_field($main['button']);
if ($button) :
?>
<div class="about-hero__buttons" data-animate="swim-top">
<a href="<?php echo $button['url'] ?>" <?php echo $button['target']; ?> class="default-button -transparent -arrow-bottom" data-animate="swim-top"
data-index="3">
<span><?php echo $button['title']; ?></span>
</a>
</div>
<?php
endif;
?>
</div>
<div class="about-hero__right">
<img class="-bg" src="<?php echo $template_directory; ?>/assets/images/about/hero/bg-lines.svg" alt="upper section illustration" data-animate="fade"
data-index="1" />
<img class="static" src="<?php echo $template_directory; ?>/assets/images/about/hero/Illustartion.png" alt="" data-animate="fade" data-index="2">
</div>
</div>
</div>
</section>
<?php
$banner = get_field('banner');
if (!$banner['hide_this_block']) :
?>
<section class="hero-banner" id="banner">
<div class="container">
<div class="hero-banner__wrapper" data-animate-group="list" data-animate="swim-top">
<?php
if ($banner['title']) :
?>
<h2 class="title title-2 mob-title-2" data-animate="swim-top" data-index="1">
<?php
echo $banner['title'];
?>
</h2>
<?php
endif;
if ($banner['subtitle']) :
?>
<p class="text text-1 mob-text-1" data-animate="swim-top" data-index="2">
<?php echo $banner['subtitle']; ?>
</p>
<?php
endif;
$button = get_link_group_field($banner['button']);
if ($button) :
?>
<a href="<?php echo $button['url']; ?>" <?php echo $button['target']; ?> class="default-button -black -arrow-right" data-animate="swim-top" data-index="3">
<span><?php echo $button['title']; ?></span>
</a>
<?php
endif;
if ($banner['img']) :
?>
<div class="img" data-animate="swim-top" data-index="3">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $banner['img']['url']; ?>" alt="<?php echo $banner['img']['alt']; ?>">
</div>
<?php
endif;
?>
</div>
</div>
</section>
<?php
endif;
?>
<?php
$cards_section = get_field('cards_section');
if (!$cards_section['hide_this_block']) :
?>
<section class="our-way">
<div class="container">
<div class="our-way__wrapper" data-animate-group="list">
<?php
if ($cards_section['title']) :
?>
<h2 class="title title-2 mob-title-2" data-animate="word">
<?php echo $cards_section['title']; ?>
</h2>
<?php
endif;
?>
<div class="simple-card-wrapper">
<?php
foreach($cards_section['cards_list'] as $item) :
if ($item['img'] && $item['title']) :
?>
<div class="simple-card" data-animate="swim-top">
<div class="img">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $item['img']['url']; ?>" alt="<?php echo $item['img']['alt']; ?>">
</div>
<p class="title title-5 mob-title-5">
<?php echo $item['title']; ?>
</p>
</div>
<?php
endif;
endforeach;
?>
</div>
</div>
</div>
</section>
<?php
endif;
?>
<?php
$running_line_section = get_field('running_line_section');
if (!$running_line_section['hide_this_block']) :
?>
<section class="belts-section" id="platform">
<div class="container">
<div class="belts-section__wrapper" data-animate-group="list" data-animate="swim-top">
<?php
if ($running_line_section['title']) :
?>
<h2 class="title title-2 mob-title-2" data-animate="word">
<?php echo $running_line_section['title']; ?>
</h2>
<?php
endif;
if ($running_line_section['subtitle']) :
?>
<p class="text text-1 mob-text-1" data-animate="swim-top">
<?php
echo $running_line_section['subtitle'];
?>
</p>
<?php
endif;
?>
</div>
<?php
if ($running_line_section['running_line_images']) :
?>
<div class="belts-section__belts" data-animate="fade" data-animate-group="list">
<div class="conveyor-belt" data-check-in-viewport data-animate="swim-top">
<div class="conveyor-belt__wrapper">
<?php
foreach($running_line_section['running_line_images'] as $item) :
?>
<div class="img">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $item['url']; ?>" alt="<?php echo $item['alt']; ?>">
</div>
<?php
endforeach;
?>
</div>
</div>
</div>
<?php
endif;
?>
</div>
</section>
<?php
endif;
?>
<?php
$result_section = get_field('result_section');
if (!$result_section['hide_this_block']) :
?>
<section class="simple-section">
<div class="container">
<?php
if ($result_section['title']) :
?>
<h2 class="title title-2 mob-title-2" data-animate="word">
<?php echo $result_section['title']; ?>
</h2>
<?php
endif;
if ($result_section['subtitle']) :
?>
<p class="text title-4 mob-title-4" data-animate="swim-top">
<?php echo $result_section['subtitle']; ?>
</p>
<?php
endif;
?>
<div class="simple-section__wrapper" data-animate-group="list">
<?php
if ($result_section['img']) :
?>
<div class="img" data-animate="fade">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $result_section['img']['url']; ?>" alt="<?php echo $result_section['img']['alt']; ?>">
</div>
<?php
endif;
?>
<?php
if ($result_section['text']) :
?>
<div class="content" data-animate="swim-top">
<p class="content-text title-5 mob-title-5">
<?php
echo $result_section['text'];
?>
</p>
</div>
<?php
endif;
?>
</div>
</div>
</section>
<?php
endif;
?>
<?php
get_template_part('templates/blocks/cta');
?>
</main>
<?php
get_footer();
?>