/home/bdqbpbxa/demo-subdomains/lafinteca.goodface.com.ua/wp-content/themes/lafinteca/industries.php
<?php
// Template name: Industries
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('hero');
?>
<section class="industries-hero" data-animate-group="list">
<div class="container">
<div class="industries-hero__wrapper">
<div class="industries-hero__left">
<div class="title-1 mob-title-1 title" data-animate="word">
<?php
echo $main['title'];
?>
</div>
<?php
if ($main['description']) :
?>
<p class="text-1 mob-text-1 text" data-animate="swim-top">
<?php echo $main['description']; ?>
</p>
<?php
endif;
$button = get_link_group_field($main['button']);
if ($button) :
?>
<div class="industries-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="industries-hero__right">
<img class="-bg" src="<?php echo $template_directory; ?>/assets/images/industries/bg-grid.svg" alt="upper section illustration" data-animate="fade"
data-index="1" />
<img class="static" src="<?php echo $main['img']['url']; ?>" alt="<?php echo $main['img']['alt']; ?>" data-animate="swim-top" data-index="2">
</div>
</div>
</div>
</section>
<?php
$industries = get_field('industries');
?>
<section class="industries-section" id="industries">
<div class="container">
<div class="industries-section-wrapper" data-animate-group="list">
<?php
foreach ($industries['industries_list'] as $industry) :
?>
<div class="industries-card" data-animate="swim-top">
<div class="img">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $industry['image']['url'] ?>" alt="<?php echo $industry['image']['alt'] ?>">
</div>
<p class="title title-5 mob-title-5"><?php echo $industry['title'] ?></p>
<p class="subtitle text-1 mob-title-5 --ibm-plex-sans"><?php echo $industry['subtitle'] ?></p>
</div>
<?php
endforeach;
?>
</div>
</div>
</section>
<?php
get_template_part('templates/blocks/cta');
?>
</main>
<?php
get_footer();
?>