/home/bdqbpbxa/rc-subdomains/waykay-rc.goodface.com.ua/frontend/blog.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Blog
</title>
<!-- TODO: Set or remove page description -->
<meta charset="utf-8">
<meta name="description" content="LaFinteca - payment gateway in Latin America">
<!-- TODO: Delete noindex on production -->
<meta name="robots" content="noindex">
<meta name="googlebot" content="noindex">
<!-- Mobile -->
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="css/lib/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/adaptive.css">
<link rel="stylesheet" type="text/css" href="css/lib/scroll-animations.css">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest">
<link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#000000">
<meta name="msapplication-TileColor" content="#000000">
<meta name="theme-color" content="#ffffff">
<!-- Opengraph -->
<!-- TODO: Add or remove opengraph -->
<meta name="twitter:card" content="summary_large_image">
<meta property="og:type" content="website">
<meta property="og:image:type" content="images/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://lafinteca.goodface.com.ua">
<meta property="og:site_name" content="LaFinteca">
<meta property="og:title" content="Blog">
<meta property="og:description" content="LaFinteca - payment gateway in Latin America">
<meta property="og:image" content="images/opengraph.png">
</head>
<body>
<style>
.preloader {
position: fixed;
z-index: 500;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
background: #181818;
overflow: hidden;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s;
}
.preloader.-visible {
opacity: 1;
pointer-events: auto;
padding-right: 17px;
}
.preloader-img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
width: min(1000px, 120%);
height: min(800px, 120%);
}
.preloader-img lottie-player {
display: block;
width: 100%;
height: 100%;
}
</style>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<div class="preloader -visible">
<div class="preloader-img">
<lottie-player src="images/preloader.json" background="transparent" speed="1" loop autoplay></lottie-player>
</div>
</div>
<script>
function lockScroll(isFirstScreenHack = false) {
const html = document.documentElement;
const body = document.body;
let scrollTop = window.scrollY;
if (isFirstScreenHack) {
scrollTop = scrollTop + $('.-delete-after-animate').innerhHeight();
}
html.classList.add('-scroll-lock');
body.classList.add('-scroll-lock');
document.body.scrollTo(0, scrollTop);
html.setAttribute('data-scroll', scrollTop);
}
// Allow animations if JS support is enabled
document.body.classList.add('-allow-animations');
// Don't show preloader again if the page was visited
let preloader = document.querySelector('.preloader');
let fullPageUrl = window.location.href;
let visitedPages = window.localStorage.getItem('visited-pages');
if (preloader && visitedPages) {
preloader.remove();
} else if (preloader) {
lockScroll();
preloader.classList.add('-visible');
}
window.addEventListener('load', function() {
window.localStorage.setItem('visited-pages', true);
});
</script>
<header class="header">
<div class="container">
<div class="header__wrapper">
<a href="index.html" class="logo"><img src="images/logo.svg" alt="logo" /></a>
<div class="header__menu">
<div class="header__dropdown">
<span class="default-link header__dropdown-opener --cursor-pointer">Company</span>
<div class="header__dropdown-content">
<a href="#" class="default-link -disabled">
<img src="images/icons/about-us.svg" alt="about us" />
ABOUT US
<span class="--soon">(SOON)</span>
</a>
<a href="blog.html" class="default-link">
<img src="images/icons/blog.svg" alt="blog" />
BLOG
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/partners.svg" alt="partners" />
PARTNERS
<span class="--soon">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/career.svg" alt="career" />
CAREER
<span class="--soon">(SOON)</span>
</a>
<a href="contacts.html" class="default-link">
<img src="images/icons/contacts.svg" alt="contacts" />
CONTACTS
</a>
</div>
</div>
<div class="header__dropdown -rounded-img">
<span class="default-link header__dropdown-opener --cursor-pointer">methods</span>
<div class="header__dropdown-content">
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/brazil.png" alt="Brasil" />
BRASIL
<span class="header-menu-unfinished">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/argentina.png" alt="Argentina" />
ARGENTINA
<span class="header-menu-unfinished">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/mexico.png" alt="Mexico" />
MEXICO
<span class="header-menu-unfinished">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/peru.png" alt="Peru" />
PERU
<span class="header-menu-unfinished">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/chile.png" alt="Chile" />
Chile
<span class="header-menu-unfinished">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/columbia.png" alt="Columbia" />
COLUMBIA
<span class="header-menu-unfinished">(SOON)</span>
</a>
</div>
</div>
<a href="#" target="_blank" class="default-link -external">For Developers</a>
</div>
<a href="#" class="default-button -transparent">log in</a>
<div class="burger">
<span></span><span></span>
</div>
</div>
</div>
<div class="mobile-menu">
<a href="#" class="default-button -transparent">log in</a>
<div class="mobile-menu_inner">
<div class="header__dropdown">
<span class="default-link header__dropdown-opener --cursor-pointer">Company</span>
<div class="header__dropdown-content">
<div class="header__dropdown-content-inner">
<a href="#" class="default-link -disabled">
<img src="images/icons/about-us.svg" alt="about us" />
ABOUT US
<span class="--soon">(SOON)</span>
</a>
<a href="blog.html" class="default-link">
<img src="images/icons/blog.svg" alt="blog" />
BLOG
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/partners.svg" alt="partners" />
PARTNERS
<span class="--soon">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/career.svg" alt="career" />
CAREER
<span class="--soon">(SOON)</span>
</a>
<a href="contacts.html" class="default-link">
<img src="images/icons/contacts.svg" alt="contacts" />
CONTACTS
</a>
</div>
</div>
</div>
<div class="header__dropdown -rounded-img">
<span class="default-link header__dropdown-opener --cursor-pointer">methods</span>
<div class="header__dropdown-content">
<div class="header__dropdown-content-inner">
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/brazil.png" alt="Brasil" />
BRASIL
<span class="header-menu-unfinished">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/argentina.png" alt="Argentina" />
ARGENTINA
<span class="header-menu-unfinished">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/mexico.png" alt="Mexico" />
MEXICO
<span class="header-menu-unfinished">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/peru.png" alt="Peru" />
PERU
<span class="header-menu-unfinished">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/chile.png" alt="Chile" />
Chile
<span class="header-menu-unfinished">(SOON)</span>
</a>
<a href="#" class="default-link -disabled">
<img src="images/icons/flags/columbia.png" alt="Columbia" />
COLUMBIA
<span class="header-menu-unfinished">(SOON)</span>
</a>
</div>
</div>
</div>
<a href="#" target="_blank" class="default-link -external">For Developers</a>
</div>
<div class="mobile-menu__bottom">
<div class="socials-list">
<a href="#"><img src="images/icons/facebook.svg" alt="facebook" /></a>
<a href="#"><img src="images/icons/instagram.svg" alt="instagram" /></a>
<a href="#"><img src="images/icons/linkedIn.svg" alt="linkedIn" /></a>
<a href="#"><img src="images/icons/twitter.svg" alt="twitter" /></a>
</div>
<div class="language-dropdown">
<div class="language-dropdown__visible">
English
</div>
<div class="language-dropdown__content">
<a href="#" class="-disabled">Spanish</a>
<a href="#" class="-disabled">Portuguese</a>
</div>
</div>
</div>
</div>
</header>
<main>
<section class="breadcrumbs" data-animate="fade">
<div class="container">
<div class="breadcrumbs__wrapper">
<a href="index.html" class="default-link">Home</a>
<span class="separator"></span>
<p class="default-link -disabled">Blog</p>
</div>
</div>
</section>
<section class="blog">
<div class="container">
<h1 class="title title-1 mob-title-1" data-animate="word">
Blog
</h1>
<p class="text text-1 mob-text-1" data-animate="swim-top">
Discover our latest news and updates
</p>
<div class="blog__wrapper">
<div class="blog__inner">
<a href="the-emerging-dominance-of-digital-payments-in-the-latam-payment-landscape.html"
data-animate="swim-top" class="post-card -bigger">
<div class="img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/blog/article-preview-1.jpg" alt="">
</div>
<div class="post-card__text">
<p class="title title-4 mob-title-4">
The emerging dominance of digital payments <br class="--pc-display"> in the LATAM payment landscape
</p>
<div class="article-info">
<p class="date">
04.09.2023
</p>
<p class="time">
5 min to read
</p>
</div>
</div>
</a>
<a href="the-future-of-digital-payments-in-latin-america-trends-and-forecasts.html" data-animate="swim-top"
class="post-card">
<div class="img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/blog/the-future-small.jpg" alt="">
</div>
<div class="post-card__text">
<p class="title title-4 mob-title-4">
The Future of Digital Payments in Latin America: Trends and Forecasts
</p>
<div class="article-info">
<p class="date">
04.09.2023
</p>
<p class="time">
5 min to read
</p>
</div>
</div>
</a>
<a href="shift-in-consumer-behavior-moving-from-cash-to-digital-payments.html" data-animate="swim-top"
class="post-card">
<div class="img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/blog/shift-in-small.jpg" alt="">
</div>
<div class="post-card__text">
<p class="title title-4 mob-title-4">
Shift in Consumer Behavior: Moving from Cash to Digital Payments
</p>
<div class="article-info">
<p class="date">
03.09.2023
</p>
<p class="time">
5 min to read
</p>
</div>
</div>
</a>
<a href="the-role-of-innovation-in-the-development-of-digital-payments.html" data-animate="swim-top"
class="post-card">
<div class="img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/blog/the-role-small.jpg" alt="">
</div>
<div class="post-card__text">
<p class="title title-4 mob-title-4">
The role of innovation in the development of digital payments
</p>
<div class="article-info">
<p class="date">
02.09.2023
</p>
<p class="time">
5 min to read
</p>
</div>
</div>
</a>
</div>
<!-- <div class="default-button -transparent -load-more" data-animate="swim-top">
<span>Show more</span>
</div> -->
</div>
</div>
</section>
<section class="cta -subscribe" data-animate="swim-top" data-animate-group="list">
<div class="container">
<div class="cta__wrapper">
<div class="cta__images">
<div class="mail img" data-animate="swim-right" data-index="1"><img class="-lazyload"
srcset="images/lazyload.png" src="images/cta/mail.svg" alt=""></div>
<div class="right-hand img" data-animate="swim-left" data-index="2"><img class="-lazyload"
srcset="images/lazyload.png" src="images/cta/hand-mail.svg" alt="">
</div>
<div class="arrow img" data-animate="fade" data-index="3"><img class="-lazyload"
srcset="images/lazyload.png" src="images/cta/arrow-mail.svg" alt=""></div>
</div>
<div class="cta__content">
<div class="form">
<div class="form__wrapper form-wrapper">
<h2 class="title title-2 mob-title-2" data-animate="word" data-index="1">
Subscribe for a newsletter
</h2>
<p class="text text-1 mob-text-1" data-animate="swim-top" data-index="2">
Share your email so we can send you latest <br class="--pc-display"> LaFinteca news
</p>
<form action="#">
<div class="input-box" data-important="email" data-animate="swim-top" data-index="3">
<div class="input-box__wrapper">
<input type="email" placeholder="Email">
</div>
<span class="input__error">Incorrect value</span>
</div>
<button class="default-button -black -arrow-right" data-animate="swim-top" data-index="3.5">
<span>Submit</span>
</button>
</form>
</div>
<div class="thank-window">
<p class="title title-2 mob-title-2">
Thanks for subscribing <br class="--pc-display"> to our newsletter!
</p>
<p class="text text-1 mob-text-1">
You will be the first to know about our news
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer__wrapper">
<div class="footer-top">
<a href=""><img class="logo" src="images/logo.svg" alt="logo" /></a>
<div class="language-dropdown">
<div class="language-dropdown__visible">
English
</div>
<div class="language-dropdown__content">
<a href="#" class="-disabled">Spanish</a>
<a href="#" class="-disabled">Portuguese</a>
</div>
</div>
</div>
<div class="footer-mid">
<div class="footer__menu">
<p class="title-6 menu-title">COMPANY</p>
<div class="footer__menu-inner">
<p class="default-link -disabled"><span class="--soon">(Soon)</span> About us</p>
<a href="blog.html" class="default-link">Blog</a>
<p class="default-link -disabled"><span class="--soon">(Soon)</span> Partners</p>
<p class="default-link -disabled"><span class="--soon">(Soon)</span> Career</p>
<a href="contacts.html" class="default-link">Contacts</a>
</div>
</div>
<div class="footer__menu">
<p class="title-6 menu-title">METHODS</p>
<div class="footer__menu-inner">
<p class="default-link -disabled"><span class="--soon">(Soon)</span> Brazil</p>
<p class="default-link -disabled"><span class="--soon">(Soon)</span> Argentina</p>
<p class="default-link -disabled"><span class="--soon">(Soon)</span> Mexico</p>
<p class="default-link -disabled"><span class="--soon">(Soon)</span> Peru</p>
<p class="default-link -disabled"><span class="--soon">(Soon)</span> Chile</p>
<p class="default-link -disabled"><span class="--soon">(Soon)</span> Columbia</p>
</div>
</div>
<div class="footer__menu">
<p class="title-6 menu-title">FOR DEVELOPERS</p>
<div class="footer__menu-inner">
<p class="default-link -external -disabled"><span class="--soon">(Soon)</span>API</p>
</div>
</div>
<div class="footer__menu -socials">
<p class="title-6 menu-title">CONTACTS</p>
<a href="mailto:info@la-finteca.com" class="default-link -with-img">
<img class="-lazyload" srcset="images/lazyload.png" src="images/icons/mail.svg" alt="mail" />
info@la-finteca.com
</a>
<div class="socials-list">
<a href="#"><img class="-lazyload" srcset="images/lazyload.png" src="images/icons/facebook.svg"
alt="facebook" /></a>
<a href="#"><img class="-lazyload" srcset="images/lazyload.png" src="images/icons/instagram.svg"
alt="instagram" /></a>
<a href="#"><img class="-lazyload" srcset="images/lazyload.png" src="images/icons/linkedIn.svg"
alt="linkedIn" /></a>
<a href="#"><img class="-lazyload" srcset="images/lazyload.png" src="images/icons/twitter.svg"
alt="twitter" /></a>
</div>
</div>
</div>
<div class="footer-bot">
<p class="privacy-policy text-2 mob-text-2">Copyright © LaFinteca 2023</p>
<div class="footer-bot__menu">
<a href="AML-KYC-policy.html" class="default-link">AML/KYC Policy</a>
<a href="privacy-policy.html" class="default-link">Privacy Policy</a>
</div>
</div>
</div>
</div>
</footer>
<script src="js/lib/jquery-3.7.1.min.js"></script>
<script src="js/lib/swiper-bundle.min.js"></script>
<script src="js/lib/gsap.min.js"></script>
<script src="js/lib/ScrollTrigger.min.js"></script>
<script src="js/animations.js"></script>
<script src="js/custom-solutions.js"></script>
<script src="js/scripts.js"></script>
<script src="//code.tidio.co/ftlbnrn4tta8vrubydvewjmnftuwgji9.js" async></script>
</body>
</html>