Tenho benefício ao indicar? Promoção Amigo Da Onça

Campanha de indicação de amigos indique seus amigos e ganhe

<!DOCTYPE html>
<html lang="pt-BR" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Indique e Ganhe a Onça! - Inova Cursos</title>
    
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: {
                            DEFAULT: '#254e8c', // Azul da Inova
                            dark: '#1e3f70',
                            light: '#366bc2'
                        },
                        secondary: {
                            DEFAULT: '#f37021', // Laranja da Inova
                            dark: '#d65b14',
                            light: '#f79354'
                        }
                    },
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                    },
                    animation: {
                        'blob': 'blob 7s infinite',
                        'shimmer': 'shimmer 1.5s infinite',
                    },
                    keyframes: {
                        blob: {
                            '0%': { transform: 'translate(0px, 0px) scale(1)' },
                            '33%': { transform: 'translate(30px, -50px) scale(1.1)' },
                            '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },
                            '100%': { transform: 'translate(0px, 0px) scale(1)' },
                        },
                        shimmer: {
                            '100%': { transform: 'translateX(100%)' }
                        }
                    }
                }
            }
        }
    </script>

.category-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(37, 78, 140, 0.9) 0%, rgba(37, 78, 140, 0.2) 50%, transparent 100%);
            transition: all 0.3s ease;
        }
        
        .category-card:hover::before {
            background: linear-gradient(to top, rgba(243, 112, 33, 0.95) 0%, rgba(243, 112, 33, 0.4) 50%, transparent 100%);
        }

.whatsapp-float {
            animation: pulse-ws 2s infinite;
        }
        
        @keyframes pulse-ws {
            0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
            70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
            100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
        }

/* Utilidade para truncar texto em N linhas */
        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;  
            overflow: hidden;
        }
        .line-clamp-3 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;  
            overflow: hidden;
        }
        
        /* Spinner customizado para o botão de carregar cursos */
        .loader-spinner {
            border: 3px solid rgba(255,255,255,0.3);
            border-radius: 50%;
            border-top: 3px solid white;
            width: 20px;
            height: 20px;
            animation: spin 1s linear infinite;
        }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* --- Estilos Adicionais Otimizados da Campanha --- */
        .pulse-btn {
            animation: pulse-soft 2s infinite;
        }
        @keyframes pulse-soft {
            0% { box-shadow: 0 0 0 0 rgba(243, 112, 33, 0.7); } /* Usando a cor secondary (laranja) */
            70% { box-shadow: 0 0 0 15px rgba(243, 112, 33, 0); }
            100% { box-shadow: 0 0 0 0 rgba(243, 112, 33, 0); }
        }
        
        .banner-slim {
            width: 100%;
            height: 250px;
            object-fit: cover;
            border-radius: 0.75rem;
        }
        @media (max-width: 640px) {
            .banner-slim { height: 180px; }
        }
    </style>
</head>
<body class="bg-gray-50 text-gray-800 overflow-x-hidden antialiased flex flex-col min-h-screen">

<div class="bg-primary-dark text-blue-100 text-xs py-2 px-4 border-b border-primary-dark/80">
        <div class="max-w-7xl mx-auto flex flex-col sm:flex-row justify-between items-center text-center sm:text-left gap-2 sm:gap-0">
            <div>
                <i class="fa-solid fa-location-dot mr-1"></i> <a href="https://g.page/inovasaofrancisco" target="_blank" class="hover:text-white transition ml-1">Rua Marcílio Dias 607 Centro (Mapa) |</a>
                <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-white transition ml-1 font-semibold">Login Alunos</a> | 
                <a href="https://www.inovaeducacional.com.br/p/area-administrativa.html" class="hover:text-white transition ml-1">Portal Colaborador</a>
            </div>
            <div class="flex space-x-4">
                <a href="https://pt-br.facebook.com/inovasaofranciscodosul/" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-facebook-f"></i></a>
                <a href="https://wa.me/5547991140592" class="hover:text-white transition" target="_blank"><i class="fa-brands fa-whatsapp"></i></a>
                <a href="https://www.instagram.com/inovasaofranciscodosul/" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-instagram"></i></a>
                <a href="https://x.com/Inova_Cursos_" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-twitter"></i></a>
            </div>
        </div>
    </div>

<header class="bg-white shadow-sm sticky top-0 z-40 backdrop-blur-md bg-white/95">
        <div class="max-w-7xl mx-auto px-4 py-3 flex justify-between items-center">
            <a href="https://www.inovaeducacional.com.br/" class="flex-shrink-0">
                <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="indique a Inova Cursos" class="h-10 md:h-12 object-contain">
            </a>
            
            <nav class="hidden lg:flex space-x-8 font-medium text-gray-700 items-center">
                <a href="https://www.inovaeducacional.com.br/" class="hover:text-secondary transition">Início</a>
                <a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="hover:text-secondary transition">Nossos Cursos</a>
                <a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary transition">Sobre</a>
                <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary transition font-semibold text-primary"><i class="fa-solid fa-user mr-1"></i> Área Do Aluno</a>
            </nav>

<div id="mobile-menu" class="fixed inset-0 bg-black/50 z-50 transition-opacity duration-300 opacity-0 pointer-events-none lg:hidden">
        <div id="mobile-menu-content" class="fixed top-0 right-0 w-4/5 max-w-sm h-full bg-white shadow-xl p-6 transform translate-x-full transition-transform duration-300 flex flex-col justify-between">
            <div>
                <div class="flex justify-between items-center mb-8">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="Inova Cursos Indicação" class="h-8 object-contain">
                    <button id="btn-close-menu" class="text-2xl text-gray-500 hover:text-primary p-2">
                        <i class="fa-solid fa-xmark"></i>
                    </button>
                </div>
                <nav class="flex flex-col space-y-4 font-medium text-gray-700 text-lg">
                    <a href="https://www.inovaeducacional.com.br/" class="text-primary border-l-4 border-primary pl-3 py-1 bg-blue-50/50">Início</a>
                    <a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition">Nossos Cursos</a>
                    <a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition">Sobre</a>
                    <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition font-semibold text-primary"><i class="fa-solid fa-user mr-1"></i> Área Do Aluno</a>
                </nav>
            </div>
            <div class="border-t border-gray-100 pt-6">
                <div class="flex justify-center space-x-6 text-xl text-gray-500">
                    <a href="https://pt-br.facebook.com/inovasaofranciscodosul/" target="_blank" class="hover:text-primary transition"><i class="fa-brands fa-facebook-f"></i></a>
                    <a href="https://wa.me/5547991140592" target="_blank" class="hover:text-primary transition"><i class="fa-brands fa-whatsapp"></i></a>
                    <a href="https://www.instagram.com/inovasaofranciscodosul/" target="_blank" class="hover:text-primary transition"><i class="fa-brands fa-instagram"></i></a>
                </div>
            </div>
        </div>
    </div>

<main class="flex-grow py-8">
        <div id="inova-campanha-isolada" class="p-4 sm:p-6 lg:p-8 max-w-4xl mx-auto rounded-xl shadow-sm bg-white">

<div class="mb-8">
                <img class="banner-slim shadow-md"
                     src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiON91JZ35Y_VlwCnHs2dZubtcmOaH5kl5lzZeT_6CmdCmN7o41-imWrSnod5b8Gx2-zwlQ7yg5SMCf1annc6pnMdqZYMpFoFhVvZSkWIrDhTd0a491NeQ64jq6pg2-7tqynnYps2xYSQX3UrH9UuzlXVpT8kUErq4CrVsfAI8jxSHb5tHeKKNLRJF1wx8d/s16000/Gemini_Generated_Image_i5hbnhi5hbnhi5hb.png"
                     alt="Indique e Ganhe a Onça"
                     onerror="this.onerror=null;this.src='https://placehold.co/1200x400/254e8c/ffffff?text=Indique+e+Ganhe+R$+50';">
            </div>

<div class="text-center mb-10">
                <h1 class="text-3xl sm:text-4xl font-extrabold text-primary mb-4">Campanha: Amigo da Onça! 🐆</h1>
                <p class="text-xl sm:text-2xl mb-2 text-gray-700">
                    Ganhe <span class="font-bold text-green-700 bg-green-100 px-2 py-1 rounded">R$ 50,00 EM DINHEIRO</span> por cada amigo matriculado!
                </p>
                <p class="text-md text-gray-500 mt-2">Pense nos seus contatos do WhatsApp, faculdade ou trabalho. Não há limite de indicações!</p>
            </div>

<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-10 items-start">
                
                
                <div class="bg-blue-50 p-6 rounded-xl border border-blue-100 h-full">
                    <h2 class="text-2xl font-bold text-primary mb-6 border-b-2 border-secondary pb-2">A matemática é simples:</h2>
                    <ul class="space-y-4">
                        <li class="flex items-center text-lg">
                            <i class="fa-solid fa-check text-green-600 mr-3 text-xl"></i>
                            <span>1 amigo matriculado = <strong>R$ 50,00</strong></span>
                        </li>
                        <li class="flex items-center text-lg">
                            <i class="fa-solid fa-check text-green-600 mr-3 text-xl"></i>
                            <span>2 amigos matriculados = <strong>R$ 100,00</strong></span>
                        </li>
                        <li class="flex items-center text-lg">
                            <i class="fa-solid fa-check text-green-600 mr-3 text-xl"></i>
                            <span>3 amigos matriculados = <strong>R$ 150,00</strong></span>
                        </li>
                    </ul>
                    
                    <div class="mt-8 flex items-center justify-center space-x-4 bg-white p-4 rounded-lg shadow-inner">
                        <img src="https://www.bcb.gov.br/novasnotas/assets/img/section/50/50_back.jpg" alt="Nota de 50 Reais" class="w-32 rounded shadow-sm">
                        <p class="text-sm font-semibold text-gray-600">Direto na sua mão!</p>
                    </div>
                </div>

<div class="bg-white p-6 rounded-xl shadow-lg border-t-4 border-secondary h-full">
                    <h2 class="text-2xl font-bold text-gray-800 mb-2">Envie suas indicações</h2>
                    <p class="text-sm text-gray-500 mb-6">Preencha os dados e dispare direto para o nosso WhatsApp.</p>

<div id="friends-list" class="space-y-4 mb-4">
                        <div class="friend-card bg-gray-50 p-4 rounded-lg border border-gray-200">
                            <div class="mb-3">
                                <label class="block text-sm font-medium text-gray-700 mb-1">Nome do seu amigo</label>
                                <input type="text" class="w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-secondary focus:border-secondary transition outline-none" placeholder="Ex: João da Silva">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">WhatsApp dele(a)</label>
                                <input type="tel" class="w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-secondary focus:border-secondary transition outline-none" placeholder="(DDD) 99999-9999" maxlength="15">
                            </div>
                        </div>
                    </div>

<button id="btn-add-more" class="w-full py-2 mb-6 text-primary font-semibold border-2 border-primary rounded-lg hover:bg-blue-50 transition">
                        <i class="fa-solid fa-plus mr-2"></i> Adicionar mais um amigo
                    </button>

<button id="btn-send-whatsapp" class="w-full py-4 text-lg bg-secondary text-white font-bold rounded-lg shadow-md hover:bg-secondary-dark transition pulse-btn flex items-center justify-center">
                        <i class="fa-brands fa-whatsapp text-2xl mr-2"></i> Enviar Indicações
                    </button>
                </div>

</div>

<div class="text-xs text-gray-500 bg-gray-100 p-4 rounded-lg text-center">
                <strong>Regras da Campanha:</strong> Válido exclusivamente para matrículas em cursos da categoria Profissionalizante. Não aplicável a Técnicos, Graduação e Supletivo. O aviso de indicação deve ser feito pelo aluno matriculado e adimplente <strong>antes</strong> do amigo indicado efetivar a matrícula.
            </div>

</div>
    </main>

<footer class="bg-gray-900 pt-20 pb-10 border-t-4 border-secondary text-gray-300 mt-auto">
        <div class="max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
            
            <div class="space-y-6">
                <div class="bg-white inline-block p-3 rounded-xl">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="Inova Cursos Profissionais" class="h-8 object-contain">
                </div>
                <p class="text-sm leading-relaxed text-gray-400">
                    Transformando vidas através da educação desde 2014. Cursos profissionalizantes, graduação e técnicos com foco no mercado de trabalho.
                </p>
                <div class="text-xs text-gray-500 font-medium">AWC TREINAMENTOS E IDIOMAS LTDA</div>
            </div>

<div>
                <h4 class="font-bold text-white text-lg mb-6 flex items-center gap-2"><i class="fa-solid fa-link text-secondary"></i> Links Úteis</h4>
                <ul class="space-y-3">
                    <li><a href="https://www.inovaeducacional.com.br/" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Página Inicial</a></li>
                    <li><a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Sobre Nós</a></li>
                    <li><a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Área do Aluno</a></li>
                    <li><a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Lista de Cursos</a></li>
                </ul>
            </div>

<div>
                <h4 class="font-bold text-white text-lg mb-6 flex items-center gap-2"><i class="fa-solid fa-headset text-secondary"></i> Contato</h4>
                <ul class="space-y-4">
                    <li class="flex items-start gap-3">
                        <i class="fa-solid fa-location-dot mt-1 text-gray-500"></i>
                        <span class="text-sm">Rua Marcílio Dias, 607 - Centro<br>São Francisco do Sul - SC</span>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fa-brands fa-whatsapp text-green-500"></i>
                        <a href="https://wa.me/5547991140592" class="text-sm hover:text-white transition">(47) 99114-0592</a>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fa-regular fa-envelope text-gray-500"></i>
                        <a href="mailto:atendimento@grupoinova.net.br" class="text-sm hover:text-white transition">atendimento@grupoinova.net.br</a>
                    </li>
                </ul>
            </div>

</div>

<div class="max-w-7xl mx-auto px-4 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center text-xs text-gray-500">
            <p>© Inova Cursos. Todos os direitos reservados.</p>
            <p class="mt-2 md:mt-0">AWC TREINAMENTOS @ GRUPO INOVA CURSOS.</p>
        </div>
    </footer>

<script>
        document.addEventListener('DOMContentLoaded', () => {
            
            // --- Lógica do Menu Mobile ---
            const btnMobileMenu = document.getElementById('btn-mobile-menu');
            const btnCloseMenu = document.getElementById('btn-close-menu');
            const mobileMenu = document.getElementById('mobile-menu');
            const mobileMenuContent = document.getElementById('mobile-menu-content');

if (btnMobileMenu) btnMobileMenu.addEventListener('click', toggleMenu);
            if (btnCloseMenu) btnCloseMenu.addEventListener('click', toggleMenu);
            if (mobileMenu) {
                mobileMenu.addEventListener('click', (e) => {
                    // Fecha se clicar fora do conteúdo do menu
                    if (e.target === mobileMenu) toggleMenu();
                });
            }

// --- Lógica do Formulário da Campanha ---
            const btnAddMore = document.getElementById('btn-add-more');
            const friendsList = document.getElementById('friends-list');
            const btnSendWhatsapp = document.getElementById('btn-send-whatsapp');
            const phoneInova = '5547991140592';

// Máscara simples de telefone
            const applyPhoneMask = (input) => {
                input.addEventListener('input', function (e) {
                    var x = e.target.value.replace(/\D/g, '').match(/(\d{0,2})(\d{0,5})(\d{0,4})/);
                    e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : '');
                });
            };

// Aplica a máscara no primeiro input
            const firstPhoneInput = document.querySelector('input[type="tel"]');
            if(firstPhoneInput) applyPhoneMask(firstPhoneInput);

if (btnAddMore) {
                btnAddMore.addEventListener('click', () => {
                    const newCard = document.createElement('div');
                    newCard.className = 'friend-card bg-gray-50 p-4 rounded-lg border border-gray-200 mt-4';
                    newCard.innerHTML = `
                        <div class="flex justify-between items-center mb-1">
                            <label class="block text-sm font-medium text-gray-700">Nome do seu amigo</label>
                            <button type="button" class="text-red-500 text-xs font-semibold btn-remove hover:text-red-700"><i class="fa-solid fa-trash"></i> Remover</button>
                        </div>
                        <input type="text" class="w-full p-2 mb-3 border border-gray-300 rounded focus:ring-2 focus:ring-secondary focus:border-secondary outline-none" placeholder="Ex: Maria Souza">
                        
                        <label class="block text-sm font-medium text-gray-700 mb-1">WhatsApp dele(a)</label>
                        <input type="tel" class="w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-secondary focus:border-secondary outline-none" placeholder="(DDD) 99999-9999" maxlength="15">
                    `;
                    friendsList.appendChild(newCard);
                    
                    // Adiciona máscara ao novo input
                    applyPhoneMask(newCard.querySelector('input[type="tel"]'));

// Lógica para remover amigo
                    newCard.querySelector('.btn-remove').addEventListener('click', function() {
                        newCard.remove();
                    });
                });
            }

if (btnSendWhatsapp) {
                btnSendWhatsapp.addEventListener('click', () => {
                    const cards = document.querySelectorAll('.friend-card');
                    let message = "Olá! Gostaria de indicar os seguintes amigos para a Inova Educacional:\n\n";
                    let hasErrors = false;
                    let count = 1;

cards.forEach((card) => {
                        const inputs = card.querySelectorAll('input');
                        const name = inputs[0].value.trim();
                        const phone = inputs[1].value.trim();

if (!name || phone.length < 14) { // Validação básica
                            inputs[0].classList.add('border-red-500');
                            inputs[1].classList.add('border-red-500');
                            hasErrors = true;
                        } else {
                            inputs[0].classList.remove('border-red-500');
                            inputs[1].classList.remove('border-red-500');
                            message += `*Indicação ${count}*\nNome: ${name}\nWhatsApp: ${phone}\n\n`;
                            count++;
                        }
                    });

if (hasErrors) {
                        alert("Por favor, preencha corretamente o nome e o WhatsApp (com DDD) de todos os amigos antes de enviar.");
                        return;
                    }

message += "Por favor, confirmem o recebimento! Aguardo as matrículas para resgatar minha onça. 🐆";
                    
                    const encodedUrl = `https://wa.me/${phoneInova}?text=${encodeURIComponent(message)}`;
                    window.open(encodedUrl, '_blank');
                });
            }
        });
    </script>
</body>
</html>

Tenho benefício ao indicar? Promoção Amigo Da Onça

Siga a escola:

Pesquise aqui o que você precisa

Sobre a INOVA

Siga-nos

buttons=(Tá bom !) days=(10)

Contact form