Site Exclusivo - SB Inova

0

Vamos criar seu site Exclusivo?

1️⃣ Escolha o tipo de site

Título de Exemplo

Subtítulo e textos vão usar a cor escolhida.

Chamada para ação

🛒 Loja Virtual

Suas escolhas:

Etapa 1 de 4

SEUS ARQUIVOS

Acesse a Página minha conta para baixar seu templates

NÃO REEMBOLSÁVEL

Nossos produtos não são reembolsáveis

SUPORTE

Damos suporte (ajuda) ou instalação contrada

SEUS ARQUIVOS

Acesse a Página minha conta para baixar seu templates

NÃO REEMBOLSÁVEL

Nossos produtos não são reembolsáveis

SUPORTE

Damos suporte (ajuda) ou instalação contrada

PARCELAMENTO

Parcele em até 12x no cartão de crédito

100% SEGURO

Seus dados estão protegidos

© 2025 TODOS OS DIREITOS RESERVADOS ❤️ SB INOVA

► Necessary Cookies Standard

Necessary cookies enable essential site features like secure log-ins and consent preference adjustments. They do not store personal data.

None

► Functional Cookies Remark

Functional cookies support features like content sharing on social media, collecting feedback, and enabling third-party tools.

None

► Analytical Cookies Remark

Analytical cookies track visitor interactions, providing insights on metrics like visitor count, bounce rate, and traffic sources.

None

► Advertisement Cookies Remark

Advertisement cookies deliver personalized ads based on your previous visits and analyze the effectiveness of ad campaigns.

None

document.addEventListener("DOMContentLoaded", function() { let etapaAtual = 1; const totalEtapas = 4; document.getElementById("progress-total").innerText = totalEtapas; function avancarEtapa() { const etapa = document.querySelector('[data-step="'+etapaAtual+'"]'); if(etapa) etapa.style.display="none"; etapaAtual++; if(etapaAtual <= totalEtapas){ const proxEtapa = document.querySelector('[data-step="'+etapaAtual+'"]'); if(proxEtapa) proxEtapa.style.display="block"; } document.getElementById("progress-step").innerText = etapaAtual <= totalEtapas ? etapaAtual : totalEtapas; document.getElementById("progress-fill").style.width = (etapaAtual/totalEtapas*100)+"%"; atualizarEscolhas(); } // Tipo de site document.querySelectorAll(".opcao").forEach(btn => { btn.addEventListener("click", () => { document.getElementById("preview-tipo").innerText = btn.innerText; avancarEtapa(); }); }); // Cor principal const inputCor = document.getElementById("cor-principal"); inputCor.addEventListener("input", e => { document.querySelector(".cta").style.background = e.target.value; document.getElementById("preview-title").style.color = e.target.value; }); const botaoProximoCor = document.getElementById("proximo-cor"); if(botaoProximoCor){ botaoProximoCor.addEventListener("click", avancarEtapa); } // Fonte const selectFonte = document.getElementById("fonte"); selectFonte.addEventListener("change", e => { document.getElementById("site-preview").style.fontFamily = e.target.value; }); const botaoProximoFonte = document.getElementById("proximo-fonte"); if(botaoProximoFonte){ botaoProximoFonte.addEventListener("click", avancarEtapa); } function atualizarEscolhas(){ const tipo = document.getElementById("preview-tipo").innerText; const cor = document.getElementById("cor-principal").value || ""; const fonteSelect = document.getElementById("fonte"); const fonte = fonteSelect ? (fonteSelect.value.includes("Comic") ? "Cartoon" : fonteSelect.value.includes("Times") ? "Elegante" : "Clean") : ""; const chips = [tipo, cor, fonte].filter(c => c !== ""); document.getElementById("selected-chips").innerHTML = chips.map(c => `${c}`).join(""); } // Formulário Formspree const formCliente = document.getElementById("form-cliente"); formCliente.addEventListener("submit", function(e){ e.preventDefault(); const form = e.target; fetch(form.action, { method: form.method, body: new FormData(form), headers: { 'Accept': 'application/json' } }).then(response => { if(response.ok){ alert("Obrigado! Suas informações foram enviadas."); form.reset(); } else { alert("Oops! Ocorreu um erro. Tente novamente."); } }).catch(error => { alert("Erro de conexão. Tente novamente."); }); }); });