/home/bdqbpbxa/demo-subdomains/lafinteca.goodface.com.ua/wp-content/themes/lafinteca/front-page.php
<?php
// Template name: Home page
get_header();
$curr_lang = pll_current_language();
$template_directory = get_template_directory_uri();
$srcset = "srcset='{$template_directory}/assets/images/lazyload.png'";
?>
<main>
<?php
$hero = get_field('hero');
?>
<section class="hero">
<div class="container">
<div class="hero__wrapper">
<div class="hero__left" data-animate-group="list">
<div class="title-1 mob-title-1 title" data-animate="word" data-index="1" data-do-not-clear-animate>
<?php echo $hero['title']; ?>
</div>
<?php
$left_button = get_link_group_field($hero['buttons']['left_button']);
$right_button = get_link_group_field($hero['buttons']['right_button']);
if ($left_button || $right_button) :
?>
<div class="hero__buttons">
<?php
if ($left_button) :
?>
<a href="<?php echo $left_button['url']; ?>" <?php echo $left_button['target']; ?> class="default-button" data-animate="swim-top" data-index="2">
<span><?php echo $left_button['title']; ?></span>
</a>
<?php
endif;
if ($right_button) :
?>
<a href="<?php echo $right_button['url']; ?>" <?php echo $right_button['target']; ?> class="default-button -transparent -arrow-bottom" data-animate="swim-top" data-index="2">
<span><?php echo $right_button['title']; ?></span>
</a>
<?php
endif;
?>
</div>
<?php
endif;
?>
</div>
<div class="hero__right" data-animate-group="list">
<img class="-bg" src="<?php echo $template_directory; ?>/assets/images/homepage/hero/grid.svg" alt="upper section illustration" data-animate="fade"
data-index="1" />
<div class="hero__right-wrapper -<?php echo $curr_lang; ?>">
<div class="text-card" data-animate="swim-bottom" data-index="5">
<?php
if ($curr_lang == 'en') {
echo 'Transfers';
} elseif( $curr_lang == 'pt') {
echo 'Transferências';
} elseif ($curr_lang == 'es') {
echo 'Transferencias';
}
?>
</div>
<div class="img" data-animate="swim-bottom" data-index="5.3">
<img src="<?php echo $template_directory; ?>/assets/images/icons/flags/mexico.png" alt="">
</div>
<div class="img" data-animate="swim-bottom" data-index="5.6">
<img src="<?php echo $template_directory; ?>/assets/images/icons/fingerprint.svg" alt="">
</div>
<div class="text-card" data-animate="swim-bottom" data-index="5.9">
<?php
if ($curr_lang == 'en') {
echo 'security';
} elseif( $curr_lang == 'pt') {
echo 'Segurança';
} elseif ($curr_lang == 'es') {
echo 'Seguridad';
}
?>
</div>
<div class="img" data-animate="swim-bottom" data-index="6.2">
<img src="<?php echo $template_directory; ?>/assets/images/icons/flags/peru-2.png" alt="">
</div>
<div class="img" data-animate="swim-bottom" data-index="4.7">
<img src="<?php echo $template_directory; ?>/assets/images/icons/bank.svg" alt="">
</div>
<div class="img" data-animate="swim-bottom" data-index="4.4">
<img src="<?php echo $template_directory; ?>/assets/images/icons/flags/argentina.png" alt="">
</div>
<div class="text-card" data-animate="swim-bottom" data-index="4.1">
<?php
if ($curr_lang == 'en') {
echo 'Integration';
} elseif( $curr_lang == 'pt') {
echo 'Integração';
} elseif ($curr_lang == 'es') {
echo 'Integración';
}
?>
</div>
<div class="img" data-animate="swim-bottom" data-index="3.8">
<img src="<?php echo $template_directory; ?>/assets/images/icons/flags/brazil.png" alt="">
</div>
<div class="text-card" data-animate="swim-bottom" data-index="3.5">
<?php
if ($curr_lang == 'en') {
echo 'Analytics';
} elseif( $curr_lang == 'pt') {
echo 'Analítica';
} elseif ($curr_lang == 'es') {
echo 'Analítica';
}
?>
</div>
<div class="img" data-animate="swim-bottom" data-index="2">
<img src="<?php echo $template_directory; ?>/assets/images/icons/flags/columbia.png" alt="">
</div>
<div class="text-card" data-animate="swim-bottom" data-index="2.3">
<?php
if ($curr_lang == 'en') {
echo 'Technologies';
} elseif( $curr_lang == 'pt') {
echo 'Tecnologias';
} elseif ($curr_lang == 'es') {
echo 'Tecnologías';
}
?>
</div>
<div class="text-card" data-animate="swim-bottom" data-index="2.6">
<?php
if ($curr_lang == 'en') {
echo 'Business';
} elseif( $curr_lang == 'pt') {
echo 'Negócios';
} elseif ($curr_lang == 'es') {
echo 'Empresas';
}
?>
</div>
<div class="img" data-animate="swim-bottom" data-index="2.9">
<img src="<?php echo $template_directory; ?>/assets/images/icons/coin.svg" alt="">
</div>
<div class="img" data-animate="swim-bottom" data-index="3.2">
<img src="<?php echo $template_directory; ?>/assets/images/icons/flags/chile.png" alt="">
</div>
<div class="graphic" data-animate="fade" data-index="3">
<p class="title">
<?php
if ($curr_lang == 'en') {
echo 'Transactions';
} elseif( $curr_lang == 'pt') {
echo 'Transações';
} elseif ($curr_lang == 'es') {
echo 'Transacciones';
}
?>
</p>
<p class="price">$<span class="--number-animation -bigger">5782.00</span></p>
<div class="graphic__graphic svg-line-animation" data-final-percents="93">
<svg viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="80" cy="80" r="60" stroke="#A58FDB" stroke-width="40" />
<circle class="-animate" cx="80" cy="80" r="60" stroke="#BFFE43" stroke-width="40"
stroke-dasharray="0, 376.3821105957031" />
</svg>
<p class="percents"><span class="--number-animation">93</span>%</p>
</div>
</div>
<div class="hand" data-animate="swim-bottom" data-index="7">
<?php
$path = '/assets/images/homepage/hero/hand.png';
if( $curr_lang == 'pt') {
$path = '/assets/images/homepage/hero/hand-pt.png';
} elseif ($curr_lang == 'es') {
$path = '/assets/images/homepage/hero/hand-es.png';
}
?>
<img src="<?php echo $template_directory . $path; ?>" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<?php
$platform = get_field('platform');
if ( !$platform['hide_this_block']) :
?>
<section class="platform-section" id="platform">
<div class="container">
<div class="platform-section__wrapper" data-animate-group="list" data-animate="swim-top">
<?php
if ($platform['title']) :
?>
<h2 class="title title-2 mob-title-2" data-animate="swim-top">
<?php echo $platform['title']; ?>
</h2>
<?php
endif;
if ($platform['text']) :
?>
<p class="text text-1 mob-text-1" data-animate="swim-top">
<?php echo $platform['text']; ?>
</p>
<?php
endif;
$platform_button = get_link_group_field($platform['button']);
if ($platform_button) :
?>
<a href="<?php echo $platform_button['url'] ?>" <?php echo $platform_button['target'] ?> class="default-button -black -arrow-right" data-animate="swim-top">
<span><?php echo $platform_button['title'] ?></span>
</a>
<?php
endif;
?>
</div>
<?php
if (isset($platform['running_lines'][0]['images']) && count($platform['running_lines'][0]['images']) > 0) :
?>
<div class="platform-section__belts" data-animate="fade" data-animate-group="list">
<?php
foreach($platform['running_lines'] as $key=>$line) :
if ($line['images']) :
?>
<div class="conveyor-belt <?php if (($key + 1) % 2 == 0) echo '-reverse' ?>" data-check-in-viewport data-animate="swim-top">
<div class="conveyor-belt__wrapper">
<?php
foreach($line['images'] as $img) :
?>
<div class="img">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $img['url'] ?>" alt="<?php echo $img['alt'] ?>">
</div>
<?php
endforeach;
?>
</div>
</div>
<?php
endif;
endforeach;
?>
</div>
<?php
endif;
?>
</div>
</section>
<?php
endif;
?>
<?php
$lafinteca_in_action = get_field('lafinteca_in_action');
if (!$lafinteca_in_action['hide_this_block']) :
?>
<section class="action-section" data-accordion-group="list">
<div class="container">
<div class="action-section__animation">
<h2 class="title title-2 mob-title-2" data-animate="word">
<?php
echo $lafinteca_in_action['section_title'];
?>
</h2>
<div class="action-card-slider">
<div class="slider">
<div class="swiper-wrapper">
<?php
foreach($lafinteca_in_action['cards_list'] as $card) :
if ($card['title'] && $card['image']) :
?>
<div class="action-card swiper-slide" data-animate="swim-bottom">
<div class="action-card__left">
<h3 class="title title-3 mob-title-3"><?php echo $card['title']; ?></h3>
<?php
if ($card['text']) :
?>
<p class="description text-1 mob-text-1">
<?php echo $card['text']; ?>
</p>
<?php
endif;
$card_button = get_link_group_field($card['button']);
if ($card_button) :
?>
<a href="<?php echo $card_button['url'] ?>" <?php echo $card_button['target'] ?> class="default-button -black -arrow-right">
<span><?php echo $card_button['title'] ?></span>
</a>
<?php
endif;
?>
</div>
<div class="action-card__right">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $card['image']['url'] ?>" alt="<?php echo $card['image']['alt'] ?>" />
</div>
</div>
<?php
endif;
endforeach;
?>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</section>
<?php
endif;
?>
<?php
$industries = get_field('industries');
if (!$industries['hide_this_block']) :
?>
<section class="industries">
<div class="container">
<div class="title-wrapper" data-animate-group="list">
<h2 class="title title-2 mob-title-2" data-animate="word">
<?php echo $industries['section_title']; ?>
</h2>
<?php
if ($industries['section_description']) :
?>
<p class="text text-1 mob-text-1" data-animate="swim-top">
<?php echo $industries['section_description']; ?>
</p>
<?php
endif;
?>
</div>
<div class="industries-wrapper" data-animate-group="list">
<div class="industries-wrapper__left">
<div class="industries-slider">
<?php
foreach($industries['industries_list'] as $industry) :
?>
<div class="industries-slide" 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-text-2"><?php echo $industry['title'] ?></p>
</div>
<?php
endforeach;
?>
</div>
</div>
<?php
$form = $industries['form'];
?>
<div class="industries-wrapper__right" data-animate="swim-top" data-index="1">
<div class="form">
<div class="form__wrapper">
<h3 class="title title-3 mob-title-3">
<?php echo $form['title']; ?>
</h3>
<p class="text text-1 mob-text-1">
<?php echo $form['subtitle']; ?>
</p>
<?php
if ($curr_lang == 'en') {
echo do_shortcode('[contact-form-7 id="a51d9db"]');
} elseif ($curr_lang == 'pt') {
echo do_shortcode('[contact-form-7 id="d9daff8"]');
} else {
echo do_shortcode('[contact-form-7 id="2205242"]');
}
?>
</div>
<div class="form__thank">
<h3 class="title title-3 mob-title-3">
<?php echo $form['thanks_window_title']; ?>
</h3>
<p class="subtitle text-1 mob-text-1">
<?php echo $form['thanks_window_description']; ?>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<?php
endif;
?>
<?php
$why_lafinteca = get_field('why_lafinteca');
if (!$why_lafinteca['hide_this_block']) :
?>
<section class="benefits-section">
<div class="container">
<div class="benefits-slider" data-animate-group="list">
<div class="title-wrapper">
<h2 class="title title-2 mob-title-2" data-animate="word">
<?php echo $why_lafinteca['section_title']; ?>
</h2>
<div class="swiper-navigation">
<div class="prev --cursor-pointer"></div>
<div class="next --cursor-pointer"></div>
</div>
</div>
<div class="slider">
<div class="swiper-wrapper">
<?php
foreach($why_lafinteca['slider'] as $slide) :
?>
<div class="swiper-slide benefits-slide" data-animate="swim-top">
<div class="benefits-slide__img">
<img class="-lazyload" <?php echo $srcset;?> src="<?php echo $slide['image']['url']; ?>" alt="<?php echo $slide['image']['alt']; ?>">
</div>
<div class="benefits-slide__content">
<h3 class="title title-3 mob-title-3"><?php echo $slide['title']; ?></h3>
<?php
if ($slide['text']) :
?>
<p class="text text-1 mob-text-1"><?php echo $slide['text']; ?></p>
<?php
endif;
?>
<div class="pagination"></div>
</div>
</div>
<?php
endforeach;
?>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<?php
endif;
?>
<?php
get_template_part('templates/blocks/faq');
get_template_part('templates/blocks/cta');
?>
</main>
<?php
get_footer();
?>