/home/bdqbpbxa/rc-subdomains/waykay-rc.goodface.com.ua/wp-content/themes/waykay/assets/index.html
<!DOCTYPE html>
<html lang="es">

<head>
	<title>
		waykay - Métodos de	pago adaptados para plataformas de iGaming
	</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/styles.css">
	<link rel="stylesheet" type="text/css" href="css/adaptive.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="#5bbad5">
	<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://waykay.goodface.com.ua">
	<meta property="og:site_name" content="Waykay">
	<meta property="og:title" content="Métodos de pago adaptados para plataformas de iGaming">
	<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: #000;
      overflow: hidden;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.4s;
    }

    .preloader.-visible {
      opacity: 1;
      pointer-events: auto;
			padding-right: 17px;
    }
  </style>


  <div class="preloader -visible">
  </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');
  </script>

<header class="header">
	<div class="container header__wrapper">
		<a href="#hero" class="logo">
			<img src="images/logo.svg" alt="">
		</a>
		<nav class="header__navigation">
			<a class="default-link link-text mob-link-text" href="#methods-de-pago">Métodos de pago</a>
			<a class="default-link link-text mob-link-text" href="#benefits">Características clave</a>
			<a class="default-link link-text mob-link-text" href="#contact-form">Formulario de contacto</a>
		</nav>
	</div>
</header>

<main>
	<section class="hero gradient-section" id="hero" data-animate-group="list">
		<div class="gradient" data-animate="fade">
			<picture>
				<source srcset="images/gradients/hero-gradient-mob.png"  media="(max-width: 760px)">
				<img src="images/gradients/hero-gradient.png" alt="">
			</picture>
		</div>
		<div class="container">
			<div class="hero__wrapper">
				<div class="content">
					<h1 class="title title-1 mob-title-1" data-animate="word" data-index="1">
						Métodos de <br class="--pc-display">
						pago adaptados para plataformas de iGaming
					</h1>
					<p class="subtitle body-1 mob-body-1" data-animate="swim-top" data-index="2">
						Integramos modernos métodos de pago para su negocio, garantizando transacciones fluidas y un alto índice de éxito mediante asociaciones con sistemas de pago nacionales e internacionales.
					</p>
					<a href="#methods-de-pago" class="button button-text mob-button-text" data-animate="swim-top" data-index="2">
						Solicitá soluciones de pago
						<span class="arrow"></span>
					</a>
				</div>
				<div class="media" data-animate="fade" data-index="2" data-do-not-clear-animate>
					<img src="images/hero/main.png" alt="">
					<div class="absolut-images paralax_object">
						<div class="img text-card text-card-2 layer" data-depth="0.5"  data-index="3"><img src="images/hero/text-card-2.png" alt=""></div>
						<div class="img layer blur" data-depth="0.8"  data-index="2"><img src="images/hero/toy.png" alt=""></div>
						<div class="img layer logo" data-depth="-0.6"  data-index="4"><img src="images/hero/modo.png" alt=""></div>
						<div class="img layer blur" data-depth="-0.7"  data-index="4"><img src="images/hero/casino.png" alt=""></div>
						<div class="img layer logo" data-depth="0.2"  data-index="2"><img src="images/hero/paypal.png" alt="" ></div>
						<div class="img layer blur" data-depth="0.5"  data-index="3.5"><img src="images//hero/gamepad.png" alt="" ></div>
						<div class="img layer logo" data-depth="-0.7"  data-index="4"><img src="images/hero/mercado-pago.png" alt=""  ></div>
						<div class="img layer text-card" data-depth="0.6"  data-index="3"><img src="images/hero/text-card-1.png" alt=""></div>
					</div>
				</div>
			</div>			
		</div>
	</section>

	<section class="methods-section">
		<div class="anchor" id="methods-de-pago"></div>
		<div class="container">
			<div class="text-content">
				<div class="tag tag-text mob-tag-text" data-animate="swim-top">Integración perfecta</div>
				<h2 class="title title-2 mob-title-2" data-animate="word">Métodos de pago</h2>
				<p class="text body-1 mob-body-1" data-animate="swim-top">
					Podés seleccionar la combinación de métodos de pago tradicionales y alternativos que mejor se adapte a las necesidades de tu negocio. Ofrecemos tarifas competitivas y una integración rápida gracias a nuestros contratos directos con proveedores de pago internacionales y locales.
				</p>
			</div>
			<div class="methods-section__wrapper">
				<div class="method-item" data-animate="swim-top">
					<div class="img">
						<img class="-lazyload" srcset="images/lazyload.png" src="images/methods/mercado.svg" alt="">
					</div>
					<p class="text description-2 mob-description-2">
						Mercado Pago
					</p>
				</div>
				<div class="method-item" data-animate="swim-top">
					<div class="img">
						<img class="-lazyload" srcset="images/lazyload.png" src="images/methods/khipu.svg" alt="">
					</div>
					<p class="text description-2 mob-description-2">
						Khipu
					</p>
				</div>
				<div class="method-item" data-animate="swim-top">
					<div class="img">
						<img class="-lazyload" srcset="images/lazyload.png" src="images/methods/provincia.svg" alt="">
					</div>
					<p class="text description-2 mob-description-2">
						Provincia Net
					</p>
				</div>
				<div class="method-item" data-animate="swim-top">
					<div class="img">
						<img class="-lazyload" srcset="images/lazyload.png" src="images/methods/rapipago.svg" alt="">
					</div>
					<p class="text description-2 mob-description-2">
						Rapipago
					</p>
				</div>
				<div class="method-item" data-animate="swim-top">
					<div class="img">
						<img class="-lazyload" srcset="images/lazyload.png" src="images/methods/uala.svg" alt="">
					</div>
					<p class="text description-2 mob-description-2">
						Ualá
					</p>
				</div>
				<div class="method-item" data-animate="swim-top">
					<div class="img">
						<img class="-lazyload" srcset="images/lazyload.png" src="images/methods/pago-facil.svg" alt="">
					</div>
					<p class="text description-2 mob-description-2">
						Pago Fácil
					</p>
				</div>
				<div class="method-item" data-animate="swim-top">
					<div class="img">
						<img class="-lazyload" srcset="images/lazyload.png" src="images/methods/paypal.svg" alt="">
					</div>
					<p class="text description-2 mob-description-2">
						Pay Pal
					</p>
				</div>
				<div class="method-item" data-animate="swim-top">
					<div class="img">
						<img class="-lazyload" srcset="images/lazyload.png" src="images/methods/modo.svg" alt="">
					</div>
					<p class="text description-2 mob-description-2">
						MODO
					</p>
				</div>
				<div class="method-item" data-animate="swim-top">
					<div class="img">
						<img class="-lazyload" srcset="images/lazyload.png" src="images/methods/debin.svg" alt="">
					</div>
					<p class="text description-2 mob-description-2">
						Debin
					</p>
				</div>
				<div class="method-item" data-animate="swim-top">
					<div class="img">
						<img class="-lazyload" srcset="images/lazyload.png" src="images/methods/alias-cbu.svg" alt="">
					</div>
					<p class="text description-2 mob-description-2">
						Alias CBU
					</p>
				</div>
				
			</div>
		</div>
	</section>

	<section class="benefits-section gradient-section">
		<div class="anchor" id="benefits"></div>
		<div class="gradient" data-animate="fade">
			<picture>
				<source srcset="images/gradients/benefit-gradient-mob.png"  media="(max-width: 760px)">
				<img class="-lazyload" srcset="images/lazyload.png" src="images/gradients/benefit-gradient.png" alt="">
			</picture>
		</div>
		<div class="container">
			<div class="tag tag-text mob-tag-text" data-animate="swim-top">Qué ofrecemos</div>
			<h2 class="title title-2 mob-title-2" data-animate="word">
				Características clave
			</h2>
			<div class="benefits__wrapper pc-version">
				<div class="benefits__col">
					<div class="benefit-card" data-animate="swim-top">
						<div class="img">
							<img class="-lazyload" srcset="images/lazyload.png" src="images/benefits/1.png" alt="">
						</div>
						<p class="description description-1 mob-description-1">
							Enrutamiento inteligente
						</p>
						<p class="text body-1 mob-body-1">
							Optimizá el procesamiento de transacciones al seleccionar dinámicamente la ruta más eficiente basada en el costo, la velocidad y las tasas de éxito. Esto asegura mayores tasas de aprobación, tarifas reducidas y transacciones más rápidas, mejorando la eficiencia general de los pagos.
						</p>
					</div>
					<div class="benefit-card -higher" data-animate="swim-top">
						<div class="img">
							<img class="-lazyload" srcset="images/lazyload.png" src="images/benefits/3.png" alt="">
						</div>
						<p class="description description-1 mob-description-1">
							Puntuación de usuarios
						</p>
						<p class="text body-1 mob-body-1">
							Evaluá el riesgo y la fiabilidad de los usuarios analizando su historial de transacciones y patrones de comportamiento. Esto ayuda a tomar decisiones informadas, reducir el fraude y mejorar la personalización del servicio.						</p>
					</div>
				</div>
				<div class="benefits__col">
					<div class="benefit-card" data-animate="swim-top">
						<div class="img">
							<img class="-lazyload" srcset="images/lazyload.png" src="images/benefits/2.png" alt="">
						</div>
						<p class="description description-1 mob-description-1">
							Cascada de pagos
						</p>
						<p class="text body-1 mob-body-1">
							Garantizá el éxito de la transacción redirigiendo automáticamente los pagos fallidos a través de procesadores alternativos hasta que se logre la aprobación. Esto aumenta las tasas de aprobación y reduce las fallas en las transacciones, mejorando la confiabilidad general de los pagos.						</p>
					</div>
					<div class="benefit-card" data-animate="swim-top">
						<div class="img">
							<img class="-lazyload" srcset="images/lazyload.png" src="images/benefits/4.png" alt="">
						</div>
						<p class="description description-1 mob-description-1">
							Integración a petición de la mayoría de los métodos existentes
						</p>
						<p class="text body-1 mob-body-1">
							Si necesitás un método de pago que no esté en nuestro portafolio, escribinos y lo encontraremos para ti.
						</p>
					</div>
				</div>
			</div>
			<div class="benefits__wrapper mobile-version">
					<div class="benefit-card" data-animate="swim-top">
						<div class="img">
							<img class="-lazyload" srcset="images/lazyload.png" src="images/benefits/1.png" alt="">
						</div>
						<p class="description description-1 mob-description-1">
							Enrutamiento inteligente
						</p>
						<p class="text body-1 mob-body-1">
							Optimizá el procesamiento de transacciones al seleccionar dinámicamente la ruta más eficiente basada en el costo, la velocidad y las tasas de éxito. Esto asegura mayores tasas de aprobación, tarifas reducidas y transacciones más rápidas, mejorando la eficiencia general de los pagos.
						</p>
					</div>
					<div class="benefit-card" data-animate="swim-top">
						<div class="img">
							<img class="-lazyload" srcset="images/lazyload.png" src="images/benefits/2.png" alt="">
						</div>
						<p class="description description-1 mob-description-1">
							Cascada de pagos
						</p>
						<p class="text body-1 mob-body-1">
							Garantizá el éxito de la transacción redirigiendo automáticamente los pagos fallidos a través de procesadores alternativos hasta que se logre la aprobación. Esto aumenta las tasas de aprobación y reduce las fallas en las transacciones, mejorando la confiabilidad general de los pagos.						</p>
					</div>
					<div class="benefit-card" data-animate="swim-top">
						<div class="img">
							<img class="-lazyload" srcset="images/lazyload.png" src="images/benefits/3.png" alt="">
						</div>
						<p class="description description-1 mob-description-1">
							Puntuación de usuarios
						</p>
						<p class="text body-1 mob-body-1">
							Evaluá el riesgo y la fiabilidad de los usuarios analizando su historial de transacciones y patrones de comportamiento. Esto ayuda a tomar decisiones informadas, reducir el fraude y mejorar la personalización del servicio.						</p>
					</div>
					<div class="benefit-card" data-animate="swim-top">
						<div class="img">
							<img class="-lazyload" srcset="images/lazyload.png" src="images/benefits/4.png" alt="">
						</div>
						<p class="description description-1 mob-description-1">
							Integración a petición de la mayoría de los métodos existentes
						</p>
						<p class="text body-1 mob-body-1">
							Si necesitás un método de pago que no esté en nuestro portafolio, escribinos y lo encontraremos para ti.
						</p>
					</div>
			</div>
		</div>
	</section>

	<section class="contacts-section">
		<div class="anchor" id="contact-form"></div>
		<div class="container">
			<div class="text-content">
				<div class="tag tag-text mob-tag-text" data-animate="swim-top">Solicitá soluciones de pago</div>
				<h2 class="title title-2 mob-title-2" data-animate="word">Formulario de contacto</h2>
				<p class="text body-1 mob-body-1" data-animate="swim-top">
					Si tenés alguna pregunta o solicitud, por favor envíanos un mensaje y te responderemos en breve. Para asuntos urgentes, por favor utilizá nuestro chatbot.
				</p>
			</div>
			<div class="contacts__wrapper">
				<div class="contacts__wrapper-left" data-animate="swim-top">
					<div class="icon">
						<img class="-lazyload" srcset="images/lazyload.png" src="images/icons/mail.svg" alt="">
					</div>
					<p class="title description-2 mob-description-2">
						Correo electrónico
					</p>
					<p class="text body-1 mob-body-1">
						Nuestro equipo está aquí para ayudarte.
					</p>
					<a href="mailto:example@mail.com" class="default-link link-text mob-link-text">
						example@mail.com
					</a>
				</div>
				<div class="contacts__wrapper-right" data-animate="swim-top">
					<div class="form-wrapper">
						<div class="form">
							<form action="#">
								<div class="double-input">
									<div class="input" data-important="phone">
											<label class="input__name body-3 mob-body-3"> Nombre</label>
											<div class="input__wrapper">
													<input class="body-2 mob-body-2 phone-input" type="text" placeholder="Nombre" />
											</div>
											<p class="input__error body-3 mob-body-3">Datos incorrectos</p>
									</div>
									<div class="input" data-important="not-empty">
										<label class="input__name body-3 mob-body-3"> Apellido</label>
										<div class="input__wrapper">
												<input class="body-2 mob-body-2" type="text" placeholder="Apellido" />
										</div>
										<p class="input__error body-3 mob-body-3">Datos incorrectos</p>
								</div>
								</div>
								<div class="input" data-important="email">
										<label class="input__name body-3 mob-body-3"> Correo electrónico</label>
										<div class="input__wrapper">
												<input class="body-2 mob-body-2" type="email" placeholder="Correo electrónico" />
										</div>
										<p class="input__error body-3 mob-body-3">Datos incorrectos</p>
								</div>
								<div class="input" data-important="not-empty">
										<label class="input__name body-3 mob-body-3"> Mensaje</label>
										<div class="input__wrapper">
											<textarea class="body-2 mob-body-2" placeholder="Déjanos un mensaje..."></textarea>
										</div>
										<p class="input__error body-3 mob-body-3">Datos incorrectos</p>
								</div>
								<div class="--checkbox input link-text mob-link-text" data-important="checked">
										<input type="checkbox" />
										<span> He leído y acepto la política de privacidad </span>
								</div>
								<button class="button button-text mob-button-text -fixed-width">
									<span class="button__inner">
										Enviar mensaje
										<span class="arrow"></span>
									</span>
								</button>
							</form>
						</div>
						<div class="thanks-container">
							<div class="img">
								<img class="-lazyload" srcset="images/lazyload.png" src="images/icons/form-complete.svg" alt="">
							</div>
							<p class="title title-2 mob-title-2">
								Gracias
								por su solicitud
							</p>
							<p class="text body-1 mob-body-1">
								Intentaremos responderle lo antes posible
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</main>

<footer class="footer gradient-section">
	<div class="gradient" data-animate="fade">
		<picture>
			<source srcset="images/gradients/footer-gradient-mob.png"  media="(max-width: 760px)">
			<img class="-lazyload" srcset="images/lazyload.png" src="images/gradients/footer-gradient.png" alt="">
		</picture>
	</div>
	<div class="container">
		<div class="footer__wrapper link-text mob-link-text">
			<p class="copyright"> 2024 BetterBro. Todos los derechos reservados.</p>
			<nav class="footer__navigation">
				<a class="default-link" href="#">Términos</a>
				<a class="default-link" href="#">Política</a>
				<a class="default-link" href="#">Cookies</a>
			</nav>
		</div>
		
	</div>
</footer>

	<!-- Code here -->

	<script src="js/lib/jquery-3.7.1.min.js"></script>
	<script src="js/lib/jquery.parallax.js"></script>

	<script src="js/custom-solutions.js"></script>
	<script src="js/script.js"></script>
	<script src="js/test.js"></script>

</body>

</html>