/home/bdqbpbxa/demo-subdomains/sendon.goodface.com.ua/layout/payments-solutions.html
<!DOCTYPE html>
<html lang="uk">
<head>
<title>
Payments solutions
</title>
<!-- TODO: Set or remove page description -->
<meta charset="utf-8">
<meta name="description" content="Page description">
<!-- TODO: Delete noindex on production -->
<meta name="robots" content="noindex">
<meta name="googlebot" content="noindex">
<!-- TODO: Set absolute page URL -->
<link rel="canonical" href="https://sitename.com/page">
<!-- 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?v=1.1">
<link rel="stylesheet" type="text/css" href="css/adaptive.css?v=1.1">
<link rel="stylesheet" type="text/css" href="css/lib/scroll-animations.css?v=1.1">
<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="#166a82">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="theme-color" content="#f1f1fa">
<!-- 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://sendon.goodface.com.ua/layout/">
<meta property="og:site_name" content="SendOn">
<meta property="og:title" content="Page title">
<meta property="og:description" content="Page description">
<meta property="og:image" content="images/opengraph.png">
</head>
<body>
<script>
// 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');
let visitedPagesArr = visitedPages ? visitedPages.split(' ') : '';
let isPreloaderLoaded = visitedPagesArr.includes(fullPageUrl);
if (preloader && isPreloaderLoaded) {
preloader.remove();
} else if (preloader) {
preloader.classList.add('-visible');
}
</script>
<header class="header">
<div class="container">
<div class="header__wrapper">
<a href="index.html" class="logo">
<img src="images/logo.svg" alt="SendOn - Logo">
</a>
<nav class="header__navigation text-2">
<a href="about-us.html">Про нас</a>
<a class="-active" href="payments-solutions.html">Платіжні рішення</a>
<a href="contacts.html">Контакти</a>
<a href="#" class="link-with-icon -lang-switcher">
<span class="icon">
</span>
EN
</a>
</nav>
<a href="#" class="default-button -disabled -icon -login" data-text="Незабаром">
<span class="icon">
</span>
Увійти
</a>
<div class="burger">
<span></span><span></span>
</div>
</div>
</div>
<div class="mobile-menu">
<div class="mobile-menu__wrapper">
<nav class="mobile-menu__navigation mob-text-2 --semi-bold">
<a href="#">Головна</a>
<a href="about-us.html">Про нас</a>
<a class="-active" href="payments-solutions.html">Платіжні рішення</a>
<a href="contacts.html">Контакти</a>
</nav>
<div class="mobile-menu__footer">
<a href="#" class="default-button -disabled -icon -login" data-text="Незабаром">
<span class="icon">
</span>
Увійти
</a>
<a href="#" class="link-with-icon -lang-switcher mob-text-2">
<span class="icon">
</span>
English
</a>
</div>
</div>
</div>
</header>
<main>
<section class="payments-solutions-hero" data-animate-group="list">
<div class="container">
<div class="payments-solutions-hero__text">
<h1 class="title-1 mob-title-1 title" data-animate="word" data-index="1">
Платіжні рішення
</h1>
<p class="text text-1 mob-text-2" data-animate="swim-top" data-index="2">
Масштабуйте та розвивайте свій бізнес за допомогою ефективних платіжних рішень <br class="--pc-display">
SendOn. Ми інтегруємо
необхідні інструменти у будь-який сервіс та налаштуємо <br class="--pc-display"> інфраструктуру так, аби ваш
бізнес зростав із кожним
успішним платежем.
</p>
<div class="default-button -hover-swipe" data-animate="swim-top" data-index="3">
<div class="icon-wrapper">
<span class="icon">
<span>
<img src="images/ui-kit/arrow-right.svg" alt="">
</span>
<span>
<img src="images/ui-kit/plus.svg" alt="">
</span>
</span>
</div>
<span class="text">
Підключити
</span>
</div>
</div>
</div>
<div class="container -bigger">
<div class="payments-solutions-hero__animation" data-animate="swim-top" data-index="4">
<div class="payments-solutions-hero__animation-line conveyor-belt" data-check-in-viewport>
<div class="conveyor-belt-part">
<div class="payments-solutions-hero__animation-item">
<div class="img"><img src="images/payments-solutions/hero-emoji-1.png" alt=""></div>
<div class="img"><img src="images/payments-solutions/hero-emoji-2.png" alt=""></div>
<div class="img"><img src="images/payments-solutions/hero-emoji-3.png" alt=""></div>
</div>
<div class="payments-solutions-hero__animation-item">
<div class="img"><img src="images/payments-solutions/hero-emoji-4.png" alt=""></div>
<div class="img"><img src="images/payments-solutions/hero-emoji-5.png" alt=""></div>
<div class="img"><img src="images/payments-solutions/hero-emoji-6.png" alt=""></div>
</div>
<div class="payments-solutions-hero__animation-item">
<div class="img"><img src="images/payments-solutions/hero-emoji-7.png" alt=""></div>
<div class="img"><img src="images/payments-solutions/hero-emoji-8.png" alt=""></div>
<div class="img"><img src="images/payments-solutions/hero-emoji-9.png" alt=""></div>
</div>
<div class="payments-solutions-hero__animation-item">
<div class="img"><img src="images/payments-solutions/hero-emoji-10.png" alt=""></div>
<div class="img"><img src="images/payments-solutions/hero-emoji-11.png" alt=""></div>
<div class="img"><img src="images/payments-solutions/hero-emoji-12.png" alt=""></div>
</div>
<div class="payments-solutions-hero__animation-item">
<div class="img"><img src="images/payments-solutions/hero-emoji-13.png" alt=""></div>
<div class="img"><img src="images/payments-solutions/hero-emoji-14.png" alt=""></div>
<div class="img"><img src="images/payments-solutions/hero-emoji-15.png" alt=""></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="our-offer" data-animate-group="list" data-offset="0.1">
<div class="container -smaller">
<div class="pinned-slider">
<div class="pinned-slider__wrapper">
<div class="title-wrapper">
<h2 class="title title-2 mob-title-2" data-animate="word" data-index="1" data-offset="2">
Що ми пропонуємо
</h2>
</div>
<div class="our-offer-slider" data-animate="swim-top">
<div class="our-offer-slider__wrapper">
<div class="our-offer-slide pinned-slider__slide">
<div class="our-offer-slide__img">
<picture>
<source srcset="images/payments-solutions/slider/1-mob.png" media="(max-width: 1024px)">
<img src="images/payments-solutions/slider/1.png" alt="">
</picture>
</div>
<div class="our-offer-slide__text">
<p class="title-3 mob-title-3 title">
Оплата на сайті <br class="--pc-display">
та в додатку
</p>
<p class="text text-2 mob-text-2">
Приймайте оплату за домогою традиційних карткових методів, Apple Pay та Google Pay, або сервісів
Visa
та Mastercard. Повноцінна платіжна сторінка, буде кастомізована під ваш дизайн та інтегрована
безпосередньо в інтерфейс сайту або застосунку.
</p>
<p class="icon-text text-2 mob-text-2 --semi-bold">
<span class="icon">
<img src="images/payments-solutions/hero-emoji-1.png" alt="">
</span>
Швидка інтеграція
</p>
<p class="icon-text text-2 mob-text-2 --semi-bold">
<span class="icon">
<img src="images/payments-solutions/hero-emoji-3.png" alt="">
</span>
Для будь-якого типу бізнесу
</p>
</div>
</div>
<div class="our-offer-slide pinned-slider__slide" style="background: var(--gradient-pink);">
<div class="our-offer-slide__img">
<picture>
<source srcset="images/payments-solutions/slider/2-mob.png" media="(max-width: 1024px)">
<img src="images/payments-solutions/slider/2.png" alt="">
</picture>
</div>
<div class="our-offer-slide__text">
<p class="title-3 mob-title-3 title">
Платіжна кнопка
</p>
<p class="text text-2 mob-text-2">
Простий у налаштуванні та багатофункціональний віджет для вашого бізнесу. Забезпечте своїх
клієнтів
різними варіантами способів оплати за допомогою однієї кнопки.
</p>
<p class="icon-text text-2 mob-text-2 --semi-bold">
<span class="icon">
<img src="images/payments-solutions/hero-emoji-4.png" alt="">
</span>
Швидке налаштування
</p>
<p class="icon-text text-2 mob-text-2 --semi-bold">
<span class="icon">
<img src="images/payments-solutions/hero-emoji-6.png" alt="">
</span>
Кастомізований дизайн
</p>
</div>
</div>
<div class="our-offer-slide pinned-slider__slide" style="background: var(--gradient-green);">
<div class="our-offer-slide__img">
<picture>
<source srcset="images/payments-solutions/slider/3-mob.png" media="(max-width: 1024px)">
<img src="images/payments-solutions/slider/3.png" alt="">
</picture>
</div>
<div class="our-offer-slide__text">
<p class="title-3 mob-title-3 title">
Платіжні інвойси
</p>
<p class="text text-2 mob-text-2">
Створюйте рахунки за лічені хвилини та приймайте безготівкову оплату по всьому світу. Просте
згенеруйте інвойс в особистому кабінеті та надішліть клієнту через будь-який зручний канал
звʼязку.
</p>
<p class="icon-text text-2 mob-text-2 --semi-bold">
<span class="icon">
<img src="images/payments-solutions/hero-emoji-7.png" alt="">
</span>
Швидкість створення рахунку
</p>
<p class="icon-text text-2 mob-text-2 --semi-bold">
<span class="icon">
<img src="images/payments-solutions/hero-emoji-9.png" alt="">
</span>
Виставлення рахунку в будь-якому
каналі комунікації.
</p>
</div>
</div>
<div class="our-offer-slide pinned-slider__slide" style="background: var(--gradient-yellow);">
<div class="our-offer-slide__img">
<picture>
<source srcset="images/payments-solutions/slider/4-mob.png" media="(max-width: 1024px)">
<img src="images/payments-solutions/slider/4.png" alt="">
</picture>
</div>
<div class="our-offer-slide__text">
<p class="title-3 mob-title-3 title">
Оплата на сайті <br class="--pc-display">
та в додатку
</p>
<p class="text text-2 mob-text-2">
Приймайте оплату за домогою традиційних карткових методів, Apple Pay та Google Pay, або сервісів
Visa
та Mastercard. Повноцінна платіжна сторінка, буде кастомізована під ваш дизайн та інтегрована
безпосередньо в інтерфейс сайту або застосунку.
</p>
<p class="icon-text text-2 mob-text-2 --semi-bold">
<span class="icon">
<img src="images/payments-solutions/hero-emoji-10.png" alt="">
</span>
Швидка інтеграція
</p>
<p class="icon-text text-2 mob-text-2 --semi-bold">
<span class="icon">
<img src="images/payments-solutions/hero-emoji-12.png" alt="">
</span>
Для будь-якого типу бізнесу
</p>
</div>
</div>
<div class="our-offer-slide pinned-slider__slide" style="background: var(--gradient-red);">
<div class="our-offer-slide__img">
<picture>
<source srcset="images/payments-solutions/slider/5-mob.png" media="(max-width: 1024px)">
<img src="images/payments-solutions/slider/5.png" alt="">
</picture>
</div>
<div class="our-offer-slide__text">
<p class="title-3 mob-title-3 title">
Оплата на сайті <br class="--pc-display">
та в додатку
</p>
<p class="text text-2 mob-text-2">
Приймайте оплату за домогою традиційних карткових методів, Apple Pay та Google Pay, або сервісів
Visa
та Mastercard. Повноцінна платіжна сторінка, буде кастомізована під ваш дизайн та інтегрована
безпосередньо в інтерфейс сайту або застосунку.
</p>
<p class="icon-text text-2 mob-text-2 --semi-bold">
<span class="icon">
<img src="images/payments-solutions/hero-emoji-13.png" alt="">
</span>
Швидка інтеграція
</p>
<p class="icon-text text-2 mob-text-2 --semi-bold">
<span class="icon">
<img src="images/payments-solutions/hero-emoji-15.png" alt="">
</span>
Для будь-якого типу бізнесу
</p>
</div>
</div>
</div>
<div class="pinned-slider__pagination"></div>
</div>
</div>
</div>
</div>
</section>
<section class="form-section" id="contact-form" data-animate-group="list">
<div class="container">
<div class="title-wrapper">
<h2 class="title-2 mob-title-2 title" data-animate="word" data-index="1">
Покращіть роботу вашого бізнесу
</h2>
<p class="text text-1 mob-text-1" data-animate="swim-top" data-index="2">
Інтегруйте ефективне платіжне рішення відповідно до потреб <br class="--mob-display"> проєкту.
</p>
</div>
<div class="form-block" data-animate="swim-top" data-index="3">
<div class="form-block__left">
<h3 class="title title-3 mob-title-3">
Звʼяжіться з нами,
аби дізнатися більше
</h3>
<p class="text text-2 mob-text-2">
Наші консультанти нададуть вам детальну інформацію щодо можливих варіантів
рішень конкретно для вашого
бізнесу
</p>
<div class="img form-block__img">
<img src="images/contacts/contacts.png" alt="">
</div>
</div>
<div class="form-block__right">
<div class="form__wrapper">
<div class="form">
<form action="#">
<div class="double-input">
<div class="input" data-important="not-empty">
<p class="label text-2 mob-text-2">Імʼя</p>
<input type="text">
</div>
<div class="input">
<p class="label text-2 mob-text-2">Сайт компанії</p>
<input type="link">
</div>
</div>
<div class="double-input">
<div class="input" data-important="email">
<p class="label text-2 mob-text-2">Email</p>
<input type="email">
</div>
<div class="input" data-important="inputmask">
<p class="label text-2 mob-text-2">Телефон</p>
<input type="text" class="phone-mask">
</div>
</div>
<button class="default-button -hover-swipe">
<div class="icon-wrapper">
<span class="icon">
<span>
<img src="images/ui-kit/arrow-right.svg" alt="">
</span>
<span>
<img src="images/ui-kit/plus.svg" alt="">
</span>
</span>
</div>
<span class="text">
Відправити
</span>
</button>
<p class="agreement text-2">
Натискаючи «Відправити», ви підтверджуєте, що прочитали та <br class="--pc-display"> <br
class="--tablet-display">
зрозуміли інформацію щодо <a href="#">Oбробки персональних даних</a>.
</p>
</form>
</div>
<div class="form__thank">
<div class="img">
<img src="images/contacts/check.svg" alt="">
</div>
<p class="title title-3 mob-title-3">
Вашу заявку <br class="--pc-display">
успішно відправлено
</p>
<p class="text text-2 mob-text-2">
Наші менеджери звʼяжуться з вами найближчим <br class="--pc-display">
часом аби відповісти на всі ваші запитання
</p>
<a href="#" class="default-button">
Зрозуміло
</a>
</div>
</div>
</div>
<div class="form-block__img">
<img src="images/contacts/contacts.png" alt="">
</div>
</div>
</div>
</section>
</main>
<section class="breadcrumbs">
<div class="container">
<div class="breadcrumbs__wrapper text-2 mob-text-2 --semi-bold">
<a href="index.html" class="home-link"></a>
<p>Платіжні рішення</p>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-wrapper">
<div class="footer__col -big">
<a href="#" class="logo">
<img src="images/logo.svg" alt="">
</a>
<div class="partners">
<div class="img">
<img src="images/ui-kit/pci-dss.svg" alt="">
</div>
<div class="img">
<img src="images/ui-kit/visa.svg" alt="">
</div>
<div class="img">
<img src="images/ui-kit/mastercard.svg" alt="">
</div>
</div>
</div>
<div class="footer__col -big">
<div class="footer__menu-list">
<a href="index.html" class="text-2 mob-text-2 --semi-bold link">
Головна
</a>
<a href="payments-solutions.html" class="text-2 mob-text-2 --semi-bold link -active">
Платіжні рішення
</a>
<a href="about-us.html" class="text-2 mob-text-2 --semi-bold link">
Про нас
</a>
<a href="contacts.html" class="text-2 mob-text-2 --semi-bold link">
Контакти
</a>
</div>
</div>
<a href="mailto:info@sendon.com" class="footer__col -small">
<div class="social-icon">
<img src="images/ui-kit/mail.svg" alt="">
</div>
<div class="text text-2 mob-text-2">
<p class="name">Email</p>
<p class="value --semi-bold">info@sendon.com</p>
</div>
</a>
<a href="tel:+380987654321" class="footer__col -small">
<div class="social-icon">
<img src="images/ui-kit/phone.svg" alt="">
</div>
<div class="text text-2 mob-text-2">
<p class="name">Телефон</p>
<p class="value --semi-bold">+380 98 765 4321</p>
</div>
</a>
<div class="footer__col">
<div class="social-list">
<a href="#" class="social-icon">
<img src="images/ui-kit/fb.svg" alt="">
</a>
<a href="#" class="social-icon">
<img src="images/ui-kit/linkedin.svg" alt="">
</a>
<a href="#" class="social-icon">
<img src="images/ui-kit/twitter.svg" alt="">
</a>
<a href="#" class="social-icon">
<img src="images/ui-kit/telegram.svg" alt="">
</a>
</div>
</div>
<div class="footer__col -bottom">
<div class="col">
<p class="copyright text-2 mob-text-2 --font-display">
© SendOn, 2023
</p>
</div>
<div class="col">
<a href="text-page.html" class="link text-2 mob-text-2">
Oбробкa персональних даних
</a>
</div>
<div class="col">
<p class="designed-by">
Дизайн і розробка <a href="https://goodface.agency/" target="_blank">Goodface</a>
</p>
</div>
</div>
</div>
</div>
</footer>
<script src="js/lib/jquery-3.6.0.min.js"></script>
<script src="js/lib/gsap.min.js"></script>
<script src="js/lib/ScrollTrigger.min.js"></script>
<script src="js/lib/jquery.inputmask.min.js"></script>
<script src="js/lib/scroll-lock.min.js"></script>
<script src="js/lib/swiper-bundle.min.js"></script>
<script src="js/custom-solutions.js?v=1.1">
</script>
<script src="js/script.js?v=1.1"></script>
<script src="js/animations.js?v=1.1"></script>
<script src="js/test.js?v=1.1"></script>
</body>
</html>