<!-- ETAPA 1 -->
<form class="scene scene-1">
<div class="wrapper">
<div class="row no-gutters">
<div class="col-4">
<!-- STEPS -->
<div class="steps">
<div class="logo"></div>
<div class="step step-1 active">
<span class="line"></span>
<div class="title">Informações iniciais</div>
<div class="text">Informe seus dados básicos para <br>iniciar seu cadastro.</div>
</div>
<div class="step step-2">
<span class="line"></span>
<div class="title">Dados Complementares</div>
<div class="text">Forneça informações relevantes sobre <br>seu negócio.</div>
</div>
<div class="step step-3">
<span class="line"></span>
<div class="title">Envio de fotos</div>
<div class="text">Anexe imagens reais e de boa <br>qualidade.</div>
</div>
<div class="step step-4">
<span class="line"></span>
<div class="title">Informações para crédito</div>
<div class="text">Quanto mais informações, maiores as <br>chances de conquistar crédito.</div>
</div>
<div class="steps-bar active-1">
<div class="point point-1 active"></div>
<div class="point point-2"></div>
<div class="point point-3"></div>
<div class="point point-4"></div>
</div>
<a class="phone" href="https://is.gd/whatsbotconversa" target="_blank">Dúvidas? (51) 99862.4425</a>
</div>
</div>
<div class="col-8 content">
<!-- CONTENT -->
<div class="title">
Bem vindo à brands.HUB
</div>
<div class="text">
As melhores marcas de moda reunidas em um só lugar!<br><span class="no-mobile">Preencha os campos abaixo para receber seus dados de acesso.</span>
</div>
<div class="active-step">
Informações iniciais
</div>
<div class="form">
<div class="scrollable">
<div class="input-wrapper cnpj-wrapper">
<label>*CNPJ</label>
<input type="tel" class="cnpj" name="cnpj" id="cnpj" placeholder="00.000.000/0000-00">
<input type="hidden" class="razao-social" name="razao-social" id="razao-social">
<input type="hidden" class="nome-fantasia" name="nome-fantasia" id="nome-fantasia">
<input type="hidden" class="inscricao-estadual" name="inscricao-estadual" id="inscricao-estadual">
<input type="hidden" class="cep" name="cep" id="cep">
<input type="hidden" class="endereco" name="endereco" id="endereco">
<input type="hidden" class="numero" name="numero" id="numero">
<input type="hidden" class="complemento" name="complemento" id="complemento">
<input type="hidden" class="bairro" name="bairro" id="bairro">
<input type="hidden" class="cidade" name="cidade" id="cidade">
<input type="hidden" class="estado" name="estado" id="estado">
<input type="hidden" class="data-inicio-atividade" name="data-inicio-atividade" id="data-inicio-atividade">
<input type="hidden" class="cnae" name="cnae" id="cnae">
<input type="hidden" class="cnae-relacionado" name="cnae-relacionado" id="cnae-relacionado">
</div>
<div class="group items-2">
<div class="input-wrapper">
<label>*Seu nome</label>
<input type="text" class="nome-responsavel" name="nome-responsavel" id="nome-responsavel" placeholder="Ex: João da Silva">
</div>
<div class="input-wrapper">
<label>*Nome da loja</label>
<input type="text" class="nome-loja" name="nome-loja" id="nome-loja" placeholder="Ex: Loja Abc">
</div>
</div>
<div class="group items-2">
<div class="input-wrapper">
<label>*Seu número WhatsApp</label>
<input type="tel" class="cel" name="cel" id="cel" placeholder="(00) 00000-0000">
<small class="no-desktop">* Os dados de acesso serão enviados a este número.</small>
</div>
<div class="input-wrapper email-wrapper">
<label>*Seu e-mail</label>
<input type="text" class="email" name="email" id="email" placeholder="email@email.com.br">
<small class="no-desktop">* Os dados de acesso serão enviados a este e-mail.</small>
</div>
</div>
<div class="input-wrapper question">
<label>*O que você procura na brands.HUB?<span class="help" data-title="Marque todas as alternativas que desejar"></span></label>
<select class="question" name="question" id="question" multiple>
<option value="">Selecione</option>
<option value="Uma marca específica">Uma marca específica</option>
<option value="Novas marcas">Novas marcas</option>
<option value="Crédito para compras no boleto">Crédito para compras no boleto</option>
<option value="Preços competitivos">Preços competitivos</option>
<option value="Produtos à pronta entrega">Produtos à pronta entrega</option>
<option value="Conhecer a plataforma">Conhecer a plataforma</option>
</select>
<small class="no-desktop">* Marque todas alternativas que desejar.</small>
</div>
</div>
<div class="button-wrapper">
<button class="btn-submit btn no-click" title="Continuar">Continuar</button>
<span class="tooltip">Informe um CNPJ e preencha os campos para avançar.</span>
</div>
</div>
<a href="/" class="close" title="Fechar"></a>
</div>
</div>
</div>
</form>
<!-- ETAPA 1A -->
<form class="scene scene-1a">
<div class="wrapper">
<div class="row no-gutters">
<div class="col-4">
<!-- STEPS -->
<div class="steps">
<div class="logo"></div>
<div class="step step-1 active">
<span class="line"></span>
<div class="title">Informações iniciais</div>
<div class="text">Informe seus dados básicos para <br>iniciar seu cadastro.</div>
</div>
<div class="step step-2">
<span class="line"></span>
<div class="title">Dados Complementares</div>
<div class="text">Forneça informações relevantes sobre <br>seu negócio.</div>
</div>
<div class="step step-3">
<span class="line"></span>
<div class="title">Envio de fotos</div>
<div class="text">Anexe imagens reais e de boa <br>qualidade.</div>
</div>
<div class="step step-4">
<span class="line"></span>
<div class="title">Informações para crédito</div>
<div class="text">Quanto mais informações, maiores as <br>chances de conquistar crédito.</div>
</div>
<div class="steps-bar active-1">
<div class="point point-1 active"></div>
<div class="point point-2"></div>
<div class="point point-3"></div>
<div class="point point-4"></div>
</div>
<a class="phone" href="https://is.gd/whatsbotconversa" target="_blank">Dúvidas? (51) 99862.4425</a>
</div>
</div>
<div class="col-8 content">
<!-- CONTENT -->
<div class="title">
Parabéns <span class="user-name"></span>!
</div>
<div class="text">
Seu acesso à plataforma será liberado em alguns instantes e os dados serão enviados através do <strong>e-mail</strong> e <strong>WhatsApp</strong> cadastrados.
</div>
<div class="form">
<lottie-player class="img-success" background="transparent" speed="1" autoplay></lottie-player>
<div class="button-wrapper">
<button class="btn-submit btn" title="Avançar">Avançar</button>
</div>
</div>
<a href="/" class="close" title="Fechar"></a>
</div>
</div>
</div>
</form>
s