index_old.html

---
layout: default
lang: pt-br
nav: home
styles:
- product
scripts:
- easing.min
- aux-navigation
- index
title: HOME
---

<section class="product-detail main-video clearfix">
  <div class="container">
    <header class="product-header">
      <div class="col-md-7">
        <h2>A COMPRA ONLINE REINVENTADA.</h2>
        <p>A tecnologia SmartCheckout® é a mais rápida, mais segura, com menos passos e a única que não precisa de senha para fechar uma compra.</p>
      </div>
    </header>
    <div class="product-video">
      <div class="mac-book-player">
        <div class="timer">
          <img src="/images/clock.png" alt=""> 20s
        </div>
      </div>
    </div>
  </div>
</section>

<section class="product-detail oms-detail clearfix  ">
  <div class="container">
    <header class="product-header">
      <div class="row">
      <div class="col-md-8 col-md-offset-2 text-center">
        <h2>Gerenciar pedidos <span>nunca foi tão fácil.</span></h2>
        <p>Pelo dashboard é possível acompanhar o fluxo de cada pedido em tempo real, filtrá-los e ver o histórico de mensagens... É tão fácil que nem parece um gerenciador de pedidos.</p>
      </div>
      <div class="col-md-12">
        <ul class="oms-detail-flow list-unstyled text-center clearfix">
          <li class="oms-payment-approved oms-detail-item col-md-1">
            <span class="box">Pagamento aprovado</span>
            <span class="line"></span>
            <span class="circle"></span>
            <span class="image"></span>
          </li>
          <li class="oms-ready-for-handling oms-detail-item">
            <span class="box">Pronto para manuseio</span>
            <span class="line"></span>
            <span class="circle"></span>
            <span class="image"></span>
          </li>
          <li class="oms-start-handling oms-detail-item">
            <span class="box">Preparando entrega</span>
            <span class="line"></span>
            <span class="circle"></span>
            <span class="image"></span>
          </li>
          <li class="oms-invoiced oms-detail-item">
            <span class="box">Faturado</span>
            <span class="line"></span>
            <span class="circle"></span>
            <span class="image"></span>
          </li>
          <li class="oms-delivered oms-detail-item">
            <span class="box">Entregue</span>
            <span class="line"></span>
            <span class="circle"></span>
            <span class="image"></span>
          </li>
        </ul>
      </div>
      </div>
    </header>
  </div>
</section>

<section class="product-detail channel-detail clearfix" style="position: relative;">
  <div class="magnifier" style="position: relative; width: 1920px; height: 985px; left: 50%; margin-left: -960px;">
    <img id="small2" src="/images/product-channel.png" style="position: absolute" />
    <div id="lens2" style="position:absolute; overflow: hidden; width: 350px; height: 350px; border-radius: 350px;">
      <img id="large2" src="/images/product-channel-inside.png" style="position:absolute; width: 1920px; height: 985px" />
    </div>
  </div>
  <div class="container" style="position: absolute; z-index: 5; top:0;">
    <div class="col-md-9">
      <header class="product-header">
        <h2>Mais visibilidade <span>menos complicação</span></h2>
        <p>O VTEX Channel® é uma ferramenta poderosa de mapeamento e integração de catálogos que funciona com qualquer Marketplace. Um novo paradigma de relacionamento entre lojas.</p>
      </header>
    </div>
  </div>
</section>

<section class="product-detail security-detail clearfix" id="security-detail">
  <div class="container">
    <div class="col-md-2">
      <div class="lock-animation">
        <div class="key"></div>
        <div class="lock-closed"></div>
        <div class="lock-open"></div>
      </div>
    </div>
    <div class="col-md-9 col-md-offset-1">
      <header class="product-header">
        <h2>Segurança máxima <span>protocolo único.</span></h2>
        <p>O PCI Gateway é uma ferramenta de integração de pagamento universal e completamente segura. O certificado PCI DSS não nos deixa mentir.</p>
      </header>
    </div>
  </div>
</section>

<section class="product-detail rnb-detail clearfix" id="rnb-detail">
  <div class="container">
    <header class="product-header">
      <h2>MESMO PRODUTO, <span>DIFERENTES CONTEXTOS.</span></h2>
      <p>O Pricing® é a melhor solução para criar e gerenciar preços, promoções e taxas. <br>
      Através de uma interface intuitiva, é possível adaptar qualquer produto (ou grupo de produtos) a diversos contextos.</p>
    </header>
  </div>
</section>

<section class="product-detail vtexid-detail clearfix" id="vtexid-detail">
  <div class="galaxy-display"></div>
  <div class="container">
    <header class="product-header">
      <h2>O UNIVERSO VTEX <span>NA PONTA DOS DEDOS.</span></h2>
      <p>O VTEX ID® é o single sign-on integrado com todos os ambientes da VTEX. <br>
      O sistema flexível permite qualquer integração através do OAuth 2.0.</p>
    </header>
    <div class="digital-container">
      <div class="digital"></div>
      <div class="digital-stars"></div>
    </div>
  </div>
</section>

<section class="product-detail saas-detail clearfix" id="saas-detail">
  <div class="container">  
    <header class="product-header">
      <h2>FUNCIONA TÃO BEM <span>QUE PARECE MÁGICA.</span></h2>
      <p>No modelo SaaS (Software as a Service) nos responsabilizamos por toda a estrutura da plataforma. <br> Trabalhamos para que tudo funcione perfeitamente: com velocidade, segurança e estabilidade.</p>
    </header>
  </div>
</section>