@extends('layouts.website')

@section('title', 'Personas')
@section('description', 'Realiza todas tus transacciones financieras de manera simple, rápida y segura con Chinchin')

@section('hero-banner')
    <section class="position-relative pt-12 pt-md-14 mt-n11">
      <!-- Content -->
      <div class="container">
        <div class="row align-items-center text-center text-md-left">
          <div class="col-12 col-md-5">
            
            <!-- Image -->
            <img src="{{asset('img/personas/chinchin_personas_hero_1.png')}}" alt="..." class="img-fluid mw-md-120 float-md-right mb-6 mb-md-0" data-aos="fade-right">

          </div>
          <div class="col-12 col-md-6 offset-md-1">
            
            <!-- Heading -->
            <h1 class="display-4 text-center text-md-left font-weight-normal">
               Nuestras soluciones se adaptan a cualquier <span class="text-success">Persona</span>

            </h1>
            <div class="d-flex">
            <!-- Badge -->
            <div class="badge badge-lg badge-rounded-circle badge-success-soft mt-1">
              <i class="fe fe-check"></i>
            </div>
            <!-- Body -->
            <div class="ml-5">
              <!-- Heading -->
              <h3 class="text-left lead font-weight-bold">
                Cuentas <span class="text-success">Multimoneda</span>
              </h3>
              <!-- Text -->
              <p class="lead text-left text-gray-700 mb-6">
                Usa tu billetera virtual para enviar, recibir y pagar con diferentes divisas y criptomonedas.
              </p>
            </div>
          </div>
          <div class="d-flex">   
            <!-- Badge -->
            <div class="badge badge-lg badge-rounded-circle badge-success-soft mt-1">
              <i class="fe fe-check"></i>
            </div>
            <!-- Body -->
            <div class="ml-5">
              <!-- Heading -->
              <h3 class="text-left lead font-weight-bold">
                Puntos Chinchin
              </h3>
              <!-- Text -->
              <p class="lead text-left text-gray-700 mb-6">
                Paga en cualquier comercio afiliado a nuestro ecosistema financiero.

              </p>
            </div>
          </div>

          </div>
        </div> <!-- / .row -->
      </div> <!-- / .container -->

    </section>
@endsection

@section('content')
  {{-- SECTION PROCESO --}}
  <section class="pt-8 pt-md-11">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 text-center">
          <!-- Badge -->
          <span class="badge badge-pill badge-success-soft mb-3">
            <span class="h5 text-uppercase">divisas</span>
          </span>
          <!-- Heading -->
          <h2 class="h1">
          Realiza todas tus transacciones financieras de manera simple, rápida y segura con <span class="text-success">Chinchin</span>

          </h2>
          <!-- Text -->
          <p class="lead text-gray-700 mb-7 mb-md-9">Simplificamos tu vida con una plataforma amigable que se adapta a tus necesidades como <span class="text-success">venezolano</span>.</p>
        </div>
      </div> <!-- / .row -->
          <div class="row">
          <div class="col-12 col-md-6 col-lg-4 text-center mb-6">

            <!-- Icon -->
            <div class="icon icon-lg mb-4">
             <img width="200" src="{{asset('img/personas/chinchin_personas_bolivares.png')}}" alt="bolivares">
            </div>

            <!-- Heading -->
            <h3 class="font-weight-bold">
              En moneda nacional
            </h3>

            <!-- Text -->
            <p class="text-muted mb-8">
               Envía, recibe y paga en bolívares.
            </p>

          </div>
          <div class="col-12 col-md-6 col-lg-4 text-center mb-6">

            
           <!-- Icon -->
            <div class="icon icon-lg mb-4">
             <img width="200" src="{{asset('img/personas/chinchin_personas_divisa_internacional.png')}}" alt="bolivares">
            </div>

            <!-- Heading -->
            <h3 class="font-weight-bold">
              Monedas internacionales
            </h3>

            <!-- Text -->
            <p class="text-muted mb-8 mb-lg-0">
              Envía, recibe y paga en dólares y euros.
            </p>

          </div>
          <div class="col-12 col-md-6 col-lg-4 text-center mb-6">

            <!-- Icon -->
            <div class="icon icon-lg mb-4">
             <img width="200" src="{{asset('img/personas/chinchin_personas_criptomonedas.png')}}" alt="bolivares">
            </div>

            <!-- Heading -->
            <h3 class="font-weight-bold">
              Criptomonedas
            </h3>

            <!-- Text -->
            <p class="text-muted mb-8 mb-md-0">
              Envía, recibe, compra y paga con cualquier criptomoneda.
            </p>

          </div>
        </div> <!-- / .row -->
    </div> <!-- / .container -->
  </section>


    {{-- SECTION PROCESO --}}
  <section class="py-8 pt-md-11">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-md-10 text-center">
          <!-- Badge -->
          <span class="badge badge-pill badge-success-soft mb-3">
          <span class="h5 text-uppercase">Cuentas</span>
          </span>
          <!-- Heading -->
          <h2 class="h1">
            Con tus <span class="text-success">Cuentas multimonedas</span> puedes
          </h2>
          <!-- Text -->
          <p class="lead text-gray-700 mb-7 mb-md-9">Realizar cualquier transacción en la divisa o criptomoneda que necesites al momento.</p>
        </div>
      </div> <!-- / .row -->
      <div class="row align-items-center">
        <div class="col-12 col-md-6 col-lg-7">
          <!-- Screenshot -->
          <div class="mb-8 mb-md-0">
            <!-- Image -->
            <img src="{{asset('img/personas/chinchin_personas_proceso.png')}}" alt="..." class="img-fluid mw-md-110 float-right mr-md-6 mb-6 mb-md-0">
          </div>
        </div>
        <div class="col-12 col-md-6 col-lg-5">
          <!-- List -->
          <div class="d-flex mb-6">
            <!-- Badge -->
            <div style="font-size: 100%;" class="badge badge-lg badge-rounded-circle badge-success-soft mt-1">
              <span>1</span>
            </div>
            <!-- Body -->
            <div class="ml-5">
              <!-- Heading -->
              <h4 class="lead">
                Depósitos y retiros de Dólares y Euros en efectivo en los comercios afiliados 
                <span class="text-success text-uppercase">Chinchin</span> o bancos autorizados.
              </h4>             
            </div>
          </div>
          <div class="d-flex mb-6">   
            <!-- Badge -->
            <div style="font-size: 100%;" class="badge badge-lg badge-rounded-circle badge-success-soft mt-1">
              <span>2</span>
            </div>
            <!-- Body -->
            <div class="ml-5">
              <!-- Heading -->
              <h4 class="lead">
                Registra tu Teléfono y recibe pago móvil de forma automatizada.
              </h4>
             
            </div>
          </div>
          <div class="d-flex mb-6">    
            <!-- Badge -->
            <div style="font-size: 100%;" class="badge badge-lg badge-rounded-circle badge-success-soft mt-1">
              <span>3</span>
            </div>
            <!-- Body -->
            <div class="ml-5">
              <!-- Heading -->
              <h4 class="lead">
                Recibe pagos por ZELLE sin tener cuentas en Estados Unidos.
              </h4>
             
            </div>
          </div>

           <div class="d-flex mb-6">    
            <!-- Badge -->
            <div style="font-size: 100%;" class="badge badge-lg badge-rounded-circle badge-success-soft mt-1">
              <span>4</span>
            </div>
            <!-- Body -->
            <div class="ml-5">
              <!-- Heading -->
              <h4 class="lead">
                Cambia BTC por USD de forma instantánea y retíralos en tu cuenta internacional o 
                en efectivo en los Comercios afiliados <span class="text-success text-uppercase">Chinchin.</span>
              </h4>             
            </div>
          </div>
          
          <div class="d-flex mb-6">    
            <!-- Badge -->
            <div style="font-size: 100%;" class="badge badge-lg badge-rounded-circle badge-success-soft mt-1">
              <span>5</span>
            </div>
            <!-- Body -->
            <div class="ml-5">
              <!-- Heading -->
              <h4 class="lead">
                Transfiere entre usuarios <span class="text-success text-uppercase">chinchin.</span>
              </h4>             
            </div>
          </div>

           <div class="d-flex mb-6">    
            <!-- Badge -->
            <div style="font-size: 100%;" class="badge badge-lg badge-rounded-circle badge-success-soft mt-1">
              <span>6</span>
            </div>
            <!-- Body -->
            <div class="ml-5">
              <!-- Heading -->
              <h4 class="lead">
                Paga en los Comercios afiliados Chinchin con tu saldo <span class="text-success text-uppercase">Chinchin.</span>
              </h4>
             
            </div>
          </div>
        </div>
      </div> <!-- / .row -->
    </div> <!-- / .container -->
  </section>

  {{-- SECTION SERVICIO MENSAJERIA DE TEXTO --}}
  <section class="py-8 pt-md-11">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-12 col-md-7 col-lg-6 position-relative order-2 order-md-1 text-center text-md-left" data-aos="fade-right">
          <!-- Heading -->
         
          <span class="badge badge-pill badge-success-soft mb-3">
            <span class="h5 text-uppercase">términos</span>
          </span>
          <h2 class="h1">
            Límites
          </h2>
          <!-- Text -->
          <p class="font-size-lg text-justify text-muted mb-6">
            En <span class="text-success text-uppercase">chinchin</span> te ofrecemos la posibilidad de personalizar tus límites, nos adaptamos a tus necesidades.  Disfruta de una mayor libertad financiera al usar nuestros servicios.
          </p>
          
        </div>
        <div class="col-12 col-md-5 col-lg-6 position-relative order-1 order-md-2 mb-4">
          <div class="w-md-150 w-lg-130" data-aos="fade-left">
            <!-- Image -->
            <img src="{{asset('img/personas/chinchin_personas_limites.png')}}" class="img-fluid" alt="...">
          </div>
        </div>
      </div> <!-- / .row -->
    </div> <!-- / .container -->
  </section>

  <section class="py-8 py-md-13">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-md-10 text-center">

            <span class="badge badge-pill badge-success-soft mb-3">
          <span class="h5 text-uppercase">canales</span>
        </span>

          <!-- Heading -->
          <h2 class="h1 font-weight-bold">
            <span class="text-success">Chinchin</span> te facilita el acceso a los medios y canales de pago más innovadores del mercado
          </h2>

          <!-- Text -->
          <p class="font-size-lg text-muted mb-6">
            Facilitamos e incluimos a nuestros usuarios en los sistemas financieros del futuro.
          </p>

          <p class="font-size-lg text-muted mb-9">Nuestra plataforma tecnológica cuenta con los más altos estándares para realizar sus transacciones con altos niveles de seguridad y calidad.</p>

        </div>
      </div> <!-- / .row -->
      <div class="row">
        <div class="col-12 col-md-6 col-lg-4 text-center mb-6">

          <!-- Icon -->
          <div class="icon icon-lg mb-4">
            <img width="100" src="{{asset('img/icons/chinchin/sms_verde.png')}}" alt="bolivares">
          </div>

          <!-- Heading -->
          <h3 class="font-weight-bold">
            Mensajes de texto (SMS)
          </h3>

          <!-- Text -->
          <p class="text-muted mb-8">
            Envía y recibe pagos sin la necesidad de un teléfono inteligente.
          </p>

        </div>
        <div class="col-12 col-md-6 col-lg-4 text-center mb-6">

          <!-- Icon -->
          <div class="icon icon-lg mb-4">
            <img width="100" src="{{asset('img/icons/chinchin/pago_movil_verde.png')}}" alt="bolivares">
          </div>

          <!-- Heading -->
          <h3 class="font-weight-bold">
            Pago Móvil interbancario
          </h3>

          <!-- Text -->
          <p class="text-muted mb-8 mb-lg-0">
            También podrás hacer uso de tu Pago Móvil dentro de nuestra plataforma.
          </p>

        </div>
        <div class="col-12 col-md-6 col-lg-4 text-center mb-6">

          <!-- Icon -->
          <div class="icon icon-lg mb-4">
            <img width="100" src="{{asset('img/icons/chinchin/btc_verde.png')}}" alt="bolivares">
          </div>

          <!-- Heading -->
          <h3 class="font-weight-bold">
            Bitcoin (BTC)
          </h3>

          <!-- Text -->
          <p class="text-muted mb-8 mb-md-0">
            Envía y recibe bitcoins con tu wallet multimoneda.
          </p>

        </div>
        <div class="col-12 col-md-6 col-lg-4 text-center mb-6">

          <!-- Icon -->
          <div class="icon icon-lg mb-4">
            <img width="100" src="{{asset('img/icons/chinchin/ptr_verde.png')}}" alt="bolivares">
          </div>

          <!-- Heading -->
          <h3 class="font-weight-bold">
            Criptomonedas
          </h3>

          <!-- Text -->
          <p class="text-muted mb-8 mb-lg-0">
            Convierte tus petros en bolívares fácil y rápido.
          </p>

        </div>
        <div class="col-12 col-md-6 col-lg-4 text-center mb-6">

          <!-- Icon -->
          <div class="icon icon-lg mb-4">
            <img width="100" src="{{asset('img/icons/chinchin/transferencia_bs_verde.png')}}" alt="bolivares">
          </div>

          <!-- Heading -->
          <h3 class="font-weight-bold">
            Transferencias bancarias en BS
          </h3>

          <!-- Text -->
          <p class="text-muted mb-8 mb-md-0">
            Realiza tus transferencias bancarias para adquirir divisas y criptomonedas.
          </p>

        </div>
        <div class="col-12 col-md-6 col-lg-4 text-center mb-6">

          <!-- Icon -->
          <div class="icon icon-lg mb-4">
            <img width="100" src="{{asset('img/icons/chinchin/dolares_euros_verde.png')}}" alt="bolivares">
          </div>

          <!-- Heading -->
          <h3 class="font-weight-bold">
            Dólares y euros
          </h3>

          <!-- Text -->
          <p class="text-muted mb-0">
              Envía y recibe pagos en dólares o euros.
          </p>

        </div>
        <div class="col-12 mt-8 col-md-6 col-lg-4 text-center mb-6">

          <!-- Icon -->
          <div class="icon icon-lg mb-4">
            <img width="100" src="{{asset('img/icons/chinchin/liquidacion_verde.png')}}" alt="bolivares">
          </div>

          <!-- Heading -->
          <h3 class="font-weight-bold">
            Liquidación de bitcoin
          </h3>

          <!-- Text -->
          <p class="text-muted mb-0">
              Haz uso de las liquidaciones de BTC con Chinchin.
          </p>

        </div>
        <div class="col-12 mt-8 col-md-6 col-lg-4 text-center mb-6">

          <!-- Icon -->
          <div class="icon icon-lg mb-4">
            <img width="100" src="{{asset('img/icons/chinchin/punto_de_venta_2_verde.png')}}" alt="bolivares">
          </div>

          <!-- Heading -->
          <h3 class="font-weight-bold">
            Puntos de venta
          </h3>

          <!-- Text -->
          <p class="text-muted mb-0">
              Adquiere tu punto de venta fijo o móvil de última generación.
          </p>

        </div>
        <div class="col-12 mt-8 col-md-6 col-lg-4 text-center mb-6">

          <!-- Icon -->
          <div class="icon icon-lg mb-4">
            <img width="100" src="{{asset('img/icons/chinchin/transacciones_interna_verde.png')}}" alt="bolivares">
          </div>

          <!-- Heading -->
          <h3 class="font-weight-bold">
            Transacciones internas entre usuarios
          </h3>

          <!-- Text -->
          <p class="text-muted mb-0">
              Realiza transacciones con otros usuarios de Chinchin dentro de la plataforma.

          </p>

        </div>
      </div> <!-- / .row -->
    </div> <!-- / .container -->
  </section>

  {{-- SECTION SOLUCIONES --}}
  <section class="py-8">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-lg-10 text-center">     
          <!-- Badge -->
          <span class="badge badge-pill badge-success-soft mb-3">
            <span class="h5 text-uppercase">seguridad</span>
          </span>
          <!-- Heading -->
          <h2 class="h1">
            Seguridad
          </h2>
          <!-- Text -->
          <p class="font-size-lg text-gray-700 mb-7 mb-md-9">
          Tu seguridad es una de nuestras prioridades, por eso contamos con protocolos tecnológicos que se ajustan a las mejores prácticas del sector.
          </p>
        </div>
      </div> <!-- / .row -->
      <div class="row align-items-center">
        <div class="col-md-6">
            <img src="{{asset('img/personas/chinchin_personas_seguridad.png')}}" class="img-fluid" alt="..."> 
        </div>
        <div class="col-md-6">
            <!-- List -->
          <div class="d-flex mt-8 mb-6">
            <!-- Icon -->
            <div class="icon text-primary">
              <img width="60" src="{{asset('img/icons/chinchin/encriptado.png')}}" alt="logo-solucion-1">
            </div>
            <div class="ml-5">
              <!-- Heading -->
              <h4 class="lead font-weight-bold">
                Encriptado
              </h4>
              <p class="text-gray-700 font-size-lg text-justify"> Contamos con un sistema encriptado de última generación en seguridad digital.</p>
            </div>
          </div>
          <div class="d-flex mb-6">
            <!-- Icon -->
            <div class="icon text-primary">
              <img width="60" src="{{asset('img/icons/chinchin/doble_verificacion.png')}}" alt="logo-solucion-1">
            </div>
            <div class="ml-5">
              <!-- Heading -->
              <h4 class="lead font-weight-bold">
                Doble verificación
              </h4>
              <p class="text-gray-700 font-size-lg text-justify">Añadimos una ''capa extra'' de seguridad con el sistema de doble verificación.</p>
            </div>
          </div>
          <div class="d-flex mb-6">
            <!-- Icon -->
            <div class="icon text-primary">
              <img width="60" src="{{asset('img/icons/chinchin/verificacion_usuario.png')}}" alt="logo-solucion-1">
            </div>
            <div class="ml-5">
              <!-- Heading -->
              <h4 class="lead font-weight-bold">
                Verificación de usuario
              </h4>
              <p class="text-gray-700 font-size-lg text-justify">Nos aseguramos de que solo tú puedas acceder a tu cuenta. Tu seguridad es nuestra prioridad.</p>
            </div>
          </div>
        </div>
      </div>
    </div> <!-- / .container -->
  </section>

  {{-- BRANDS --}}
  @include('partials.sections.clientes-gris')
  @include('partials.sections.clientes-verde')

@endsection