Novos Parceiros Cambistas – Notificações
/* ======== Estilo da notificação ======== */
/* Garante que o link não afete a aparência da notificação */
#link-whatsapp {
text-decoration: none; /* Remove sublinhado */
color: inherit; /* Mantém a cor do texto */
}#notificacao {
position: fixed;
/* POSICIONAMENTO NO TOPO */
top: 25px;
left: 50%;
/* TRANSFORMAÇÃO INICIAL: Começa acima da tela e desce (transição começa em -100% no eixo Y) */
transform: translateX(-50%) translateY(-100%);
background-color: #075E54; /* Verde escuro para notificação (cor do topo do WhatsApp) */
color: #fff;
padding: 14px 26px;
border-radius: 14px;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 500;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
opacity: 0;
transition: all 0.6s ease;
z-index: 9999;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer; /* Adiciona cursor de clique */
}#notificacao img {
width: 22px;
height: 22px;
}/* Efeito quando aparece */
#notificacao.mostrar {
/* POSIÇÃO FINAL: Desce para a posição normal (0) no eixo Y */
transform: translateX(-50%) translateY(0);
opacity: 1;
}
const notif = document.getElementById('notificacao');
const texto = notif.querySelector('span');// Lista de mensagens simulando pessoas querendo se tornar cambistas
const mensagens = [
"💰 **Novo Cambista:** O João se cadastrou para ser parceiro!",
"🚀 **Oportunidade:** A Maria está perguntando sobre as comissões!",
"💬 **Dúvida:** O Lucas pediu o link de cadastro de cambista!",
"✅ **Cadastro:** A Ana acabou de enviar o formulário!",
"🔥 **Em Alta:** O Pedro quer começar a vender hoje mesmo!",
"📈 **Expansão:** O Rafael perguntou sobre a margem de lucro!",
"💸 **Parceria:** O Felipe quer saber como sacar os lucros!",
"📱 **Aprovação:** O Gustavo foi aprovado e vai começar!",
"💡 **Interessado:** O Matheus pediu mais informações sobre o sistema!"
];function mostrarNotificacao() {
const mensagemAleatoria = mensagens[Math.floor(Math.random() * mensagens.length)];
// Obtém hora atual no formato 2 dígitos (ex: 09:32)
const agora = new Date();
const horas = agora.getHours().toString().padStart(2, '0');
const minutos = agora.getMinutes().toString().padStart(2, '0');
const horario = `${horas}:${minutos}`;// A mensagem agora inclui o horário para dar um senso de tempo real
texto.innerHTML = `${mensagemAleatoria}
(${horario})`;notif.classList.add('mostrar');
// A notificação fica visível por 4 segundos
setTimeout(() => notif.classList.remove('mostrar'), 4000);
}// Mostra uma nova notificação a cada 6 segundos
setInterval(mostrarNotificacao, 6000);
// Inicia a primeira notificação logo após o carregamento da página (opcional)
setTimeout(mostrarNotificacao, 1000);
