Concorra a uma experiência exclusiva a bordo da OKEAN 52
Há experiências que não se explicam. Apenas se vivem.
O Grupo OKEAN e a NAUTICLASS convidam você a participar desta ação exclusiva durante a Feijoada do Bem.
Cadastre-se e concorra a um passeio a bordo da OKEAN 52, em Itajaí, para conhecer de perto o conforto, a liberdade e a inovação que fazem da OKEAN uma referência na navegação contemporânea. Uma experiência única, criada para ser vivida e lembrada.
OBRIGADO A TODOS POR PARTICIPAREM!
Regras da promoção: Um Dia a Bordo da OKEAN 52
1. Participação
É permitida apenas para pessoas com 18 anos completos ou mais na data da inscrição.
2. Inscrição
Será permitida apenas 01 (uma) inscrição por CPF e e-mail. Caso sejam identificadas inscrições duplicadas, todas as inscrições posteriores serão automaticamente desclassificadas, permanecendo válida apenas a primeira realizada.
3. Realização do sorteio
O sorteio será realizado no dia 01 de agosto de 2026, durante a programação oficial da Feijoada do Bem, no palco principal. Feito e entregue pessoalmente durante a feijoada do bem.
4. Prêmio
O prêmio consiste em 01 (uma) experiência a bordo da OKEAN 52, com saída da Marina Itajaí.
5. Datas disponíveis
O passeio será realizado em um sábado ou domingo, ainda no ano de 2026, em data previamente acordada entre o Estaleiro OKEAN e o ganhador, conforme a disponibilidade da embarcação e das condições climáticas.
6. Programação
A programação prevista será:
- Embarque: 9h, na Marina Itajaí;
- Retorno: 17h, no mesmo dia.
7. Experiência
Durante a experiência serão oferecidos: Café da manhã; e almoço a bordo. Bebidas alcoólicas não estão incluídas e não são autorizadas de serem consumidas.
8. Acompanhantes
O ganhador poderá levar até 3 (três) acompanhantes, totalizando 4 pessoas na experiência.
9. Obrigatoriedade
É obrigatória a presença do ganhador durante todo o passeio. O prêmio é pessoal e intransferível, não podendo ser cedido, vendido ou utilizado por terceiros.
10. Contato com o ganhador
Após o sorteio, o Estaleiro OKEAN entrará em contato com o ganhador pelos dados informados no cadastro para agendar a data da experiência.
11. Condições climáticas
A realização do passeio está condicionada às condições climáticas e de navegação. Caso haja necessidade de cancelamento por motivos de segurança, uma nova data será agendada.
13. Responsabilidade do ganhador
Os custos de deslocamento, hospedagem e demais despesas pessoais até a Marina Itajaí são de responsabilidade do ganhador e de seus acompanhantes.
14. Autorização
Ao participar da promoção, o participante autoriza o uso de seu nome, imagem e voz, caso seja o vencedor, para divulgação da ação em materiais institucionais e redes sociais do Grupo OKEAN, Yachtmax e Nauticlass, sem qualquer ônus.
15. Termos e Privacidade
O preenchimento do formulário implica na concordância com este regulamento e com a Política de Privacidade da organização.
<div class="step-form-wrapper">
<!-- Barra de Progresso -->
<div class="progress-bar-container">
<div id="progressBar" class="progress-bar"></div>
</div>
<div id="stepIndicator" class="step-indicator">Etapa 1 de 6</div>
<form id="leadStepForm" onsubmit="return false;">
<!-- ETAPA 1: NOME -->
<div class="form-step active-step" data-step="1">
<label for="nome" class="step-label">Qual é o seu Nome Completo?</label>
<input type="text" id="nome" name="nome" placeholder="Digite seu nome" required autocomplete="name" class="step-input">
<div class="step-buttons">
<button type="button" onclick="nextStep()" class="btn-next">Avançar →</button>
</div>
</div>
<!-- ETAPA 2: CPF -->
<div class="form-step" data-step="2">
<label for="cpf" class="step-label">Qual é o seu CPF?</label>
<input type="tel" id="cpf" name="cpf" placeholder="000.000.000-00" maxlength="14" required class="step-input">
<div id="cpfError" class="input-error" style="display:none; color:#ef4444; font-size:13px; margin-top:6px;">⚠️ CPF inválido. Verifique os números digitados.</div>
<div class="step-buttons">
<button type="button" onclick="prevStep()" class="btn-prev">← Voltar</button>
<button type="button" onclick="nextStep()" class="btn-next">Avançar →</button>
</div>
</div>
<!-- ETAPA 3: DATA DE NASCIMENTO -->
<div class="form-step" data-step="3">
<label for="data_nascimento" class="step-label">Sua Data de Nascimento:</label>
<input type="text" id="data_nascimento" name="data_nascimento" placeholder="DD/MM/AAAA" maxlength="10" required class="step-input">
<div class="step-buttons">
<button type="button" onclick="prevStep()" class="btn-prev">← Voltar</button>
<button type="button" onclick="nextStep()" class="btn-next">Avançar →</button>
</div>
</div>
<!-- ETAPA 4: WHATSAPP -->
<div class="form-step" data-step="4">
<label for="whatsapp" class="step-label">Qual é o seu WhatsApp?</label>
<input type="tel" id="whatsapp" name="whatsapp" placeholder="(11) 99999-9999" required class="step-input">
<div class="step-buttons">
<button type="button" onclick="prevStep()" class="btn-prev">← Voltar</button>
<button type="button" onclick="nextStep()" class="btn-next">Avançar →</button>
</div>
</div>
<!-- ETAPA 5: EMAIL -->
<div class="form-step" data-step="5">
<label for="email" class="step-label">Qual é o seu melhor E-mail?</label>
<input type="email" id="email" name="email" placeholder="seu@email.com" required autocomplete="email" class="step-input">
<div class="step-buttons">
<button type="button" onclick="prevStep()" class="btn-prev">← Voltar</button>
<button type="button" onclick="nextStep()" class="btn-next">Avançar →</button>
</div>
</div>
<!-- ETAPA 6: DONO DE EMBARCAÇÃO -->
<div class="form-step" data-step="6">
<label class="step-label">Você é Dono de Embarcação?</label>
<div class="radio-cards">
<button type="button" class="radio-card" onclick="selectDono('Sim')">
<span class="card-icon">🚤</span>
<span class="card-text">Sim, possuo embarcação</span>
</button>
<button type="button" class="radio-card" onclick="selectDono('Não')">
<span class="card-icon">👤</span>
<span class="card-text">Não possuo embarcação</span>
</button>
</div>
<div class="step-buttons" style="margin-top: 15px;">
<button type="button" onclick="prevStep()" class="btn-prev">← Voltar</button>
</div>
</div>
<!-- ETAPA 7: SELEÇÃO DO BARCO (CONDICIONAL) -->
<div class="form-step" data-step="7">
<label for="barco_cliente" class="step-label">Qual é o modelo da sua Embarcação?</label>
<select id="barco_cliente" name="barco_cliente" class="step-input step-select">
<option value="" disabled selected>Selecione seu barco na lista...</option>
<option value="#Não Tem Barco">#Outro Modelo</option>
<option value="110 pés Costum Made">Costum Made 110 pés</option>
<option value="AG Catamarã 51">AG Catamarã 51</option>
<option value="AGUZ 39">AGUZ 39</option>
<option value="ALFA 300">ALFA 300</option>
<option value="ALTAMAR">ALTAMAR</option>
<option value="ALTAMAR 50">ALTAMAR 50</option>
<option value="Azimut">Azimut</option>
<option value="AZ 51 ATLANTIS">Azimut Atlantis 51</option>
<option value="AZ 62">Azimut 62</option>
<option value="BENETEAU">BENETEAU</option>
<option value="Cimitarra">CIMITARRA</option>
<option value="Ferretti">Ferretti Yachts</option>
<option value="FY 1000">Ferretti Yachts 1000</option>
<option value="FY 550">Ferretti Yachts 550</option>
<option value="FY 670">Ferretti Yachts 670</option>
<option value="FY 720">Ferretti Yachts 720</option>
<option value="FY 850">Ferretti Yachts 850</option>
<option value="Focker">Focker</option>
<option value="INTERMARINE">Intermarine</option>
<option value="OK 50">OKEAN 50</option>
<option value="OKEAN 52">OKEAN 52</option>
<option value="OK55">OKEAN 55</option>
<option value="OKEAN 57">OKEAN 57</option>
<option value="OKEAN 80">OKEAN 80</option>
<option value="PHANTOM">PHANTOM</option>
<option value="Real">Real</option>
<option value="Schaefer">Schaefer</option>
<option value="Sessa">Sessa</option>
<option value="Triton">Triton</option>
<option value="Ventura">VENTURA</option>
</select>
<div class="step-buttons">
<button type="button" onclick="prevStep()" class="btn-prev">← Voltar</button>
<button type="button" onclick="submitForm()" id="btnSubmit" class="btn-submit">Finalizar Inscrição ✓</button>
</div>
</div>
</form>
<div id="formResponse" class="form-response"></div>
</div>
<style>
.step-form-wrapper {
max-width: 440px;
margin: 0 auto;
padding: 24px;
background: #ffffff;
border-radius: 16px;
box-shadow: 0 8px 30px rgba(0,0,0,0.08);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.progress-bar-container {
width: 100%;
height: 6px;
background: #e2e8f0;
border-radius: 10px;
overflow: hidden;
margin-bottom: 8px;
}
.progress-bar {
height: 100%;
width: 16.6%;
background: #0284c7;
transition: width 0.3s ease;
}
.step-indicator {
font-size: 12px;
font-weight: 600;
color: #64748b;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 20px;
}
.form-step {
display: none;
animation: fadeIn 0.3s ease-in-out;
}
.form-step.active-step {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(6px); }
to { opacity: 1; transform: translateY(0); }
}
.step-label {
display: block;
font-size: 17px;
font-weight: 700;
color: #0f172a;
margin-bottom: 14px;
}
.step-input {
width: 100%;
padding: 14px;
border: 1.5px solid #cbd5e0;
border-radius: 10px;
font-size: 15px;
box-sizing: border-box;
outline: none;
transition: border-color 0.2s;
}
.step-input:focus {
border-color: #0284c7;
box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
}
.step-select {
background-color: #ffffff;
cursor: pointer;
}
.radio-cards {
display: flex;
flex-direction: column;
gap: 10px;
}
.radio-card {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
border: 1.5px solid #cbd5e0;
border-radius: 10px;
background: #f8fafc;
cursor: pointer;
transition: all 0.2s;
text-align: left;
width: 100%;
}
.radio-card:hover {
border-color: #0284c7;
background: #f0f9ff;
}
.card-icon {
font-size: 20px;
}
.card-text {
font-size: 15px;
font-weight: 600;
color: #1e293b;
}
.step-buttons {
display: flex;
gap: 10px;
margin-top: 20px;
}
.btn-next, .btn-submit {
flex: 2;
padding: 12px 18px;
background: #0284c7;
color: #ffffff;
font-weight: 700;
font-size: 15px;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background 0.2s;
}
.btn-next:hover, .btn-submit:hover {
background: #0369a1;
}
.btn-prev {
flex: 1;
padding: 12px;
background: #f1f5f9;
color: #475569;
font-weight: 600;
font-size: 14px;
border: 1px solid #cbd5e0;
border-radius: 8px;
cursor: pointer;
}
.btn-prev:hover {
background: #e2e8f0;
}
.form-response {
display: none;
margin-top: 16px;
padding: 12px;
border-radius: 8px;
font-size: 14px;
text-align: center;
font-weight: 600;
}
</style>
<style>.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-8220f21 {
display: none;
}
.elementor-background-overlay {display: none}</style>
