<![CDATA[<!DOCTYPE html><html lang="pt-BR"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Calculadoras Greenn</title><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.5/swiper-bundle.min.css"/></head><body><div class="calculators-container"><div class="nav-buttons"><button class="nav-button active" data-slide="0">Sonar do Tráfego Avançado</button><button class="nav-button" data-slide="1">CPA Máximo</button><button class="nav-button" data-slide="2">Métricas Comerciais</button><button class="nav-button" data-slide="3">Planejamento Estratégico</button></div><div class="swiper"><div class="swiper-wrapper"><div class="swiper-slide" id="calculator-2"><h1 class="title">Sonar do Tráfego Avançado</h1><p class="subtitle">Preencha as métricas diretamente do seu gerenciador de anúncios para obter uma análise completa do seu funil e recomendações específicas para otimização e escala.</p><div class="container"><div class="metrics-container"><h2>Métricas do Gerenciador</h2><div class="metrics-section"><h3>Métricas de Anúncios</h3><div class="input-group"><label for="impressions">Impressões</label><input type="number" id="impressions" placeholder="Número total de impressões"></div><div class="input-group"><label for="clicks">Cliques no Link</label><input type="number" id="clicks" placeholder="Número total de cliques"></div><div class="input-group"><label for="cpm">CPM (R$)</label><input type="number" id="cpm" step="0.01" placeholder="Custo por 1000 impressões"></div><div class="input-group"><label for="cpc">CPC (R$)</label><input type="number" id="cpc" step="0.01" placeholder="Custo por clique"></div></div><div class="metrics-section"><h3>Métricas do Site</h3><div class="input-group"><label for="pageviews">Visualizações da Página de Destino</label><input type="number" id="pageviews" placeholder="Número total de visualizações"></div><div class="input-group"><label for="checkouts">Checkout Iniciados</label><input type="number" id="checkouts" placeholder="Número de checkouts iniciados"></div><div class="input-group"><label for="purchases">Compras</label><input type="number" id="purchases" placeholder="Número de compras realizadas"></div><div class="input-group"><label for="adSpend">Investimento Total (R$)</label><input type="number" id="adSpend" step="0.01" placeholder="Valor total investido"></div><div class="input-group"><label for="averageOrder">Ticket Médio (R$)</label><input type="number" id="averageOrder" step="0.01" placeholder="Valor médio por compra"></div></div><button id="calculateBtn" class="calculate-btn">Calcular Métricas</button></div><div class="sonar-wrapper"><div id="status-message" class="status-message">Preencha os campos das métricas e clique em "Calcular" para visualizar o resultado</div><div class="sonar-container"><svg class="grid-overlay" width="100%" height="100%" viewBox="0 0 500 500"><defs><radialGradient id="gridGradient"><stop offset="0%" stop-color="#0e7aff" stop-opacity="0.3"/><stop offset="100%" stop-color="#0e7aff" stop-opacity="0.1"/></radialGradient></defs><g stroke="#0e7aff" stroke-width="1" opacity="0.5"><circle cx="250" cy="250" r="200" fill="none"/><circle cx="250" cy="250" r="150" fill="none"/><circle cx="250" cy="250" r="100" fill="none"/><circle cx="250" cy="250" r="50" fill="none"/></g><line x1="50" y1="250" x2="450" y2="250" stroke="#0e7aff" stroke-width="1" opacity="0.3"/><line x1="250" y1="50" x2="250" y2="450" stroke="#0e7aff" stroke-width="1" opacity="0.3"/><g fill="#0e7aff" font-size="12" opacity="0.5"><text x="250" y="40">0°</text><text x="460" y="250">90°</text><text x="250" y="470">180°</text><text x="30" y="250">270°</text></g></svg><div id="detectionPoint" class="detection-point" style="left: 250px; top: 250px;"></div><div class="sonar-sweep"></div><div id="pulseContainer"></div></div><div id="calculated-metrics" style="background-color: var(--background-card); padding: 20px; border-radius: 10px; border: 1px solid var(--border-color);"><h3 style="color: var(--primary-color); text-align: center; margin-top: 0;">Métricas Calculadas</h3><div class="metric-display"><span class="metric-name">CTR (Taxa de Cliques):</span><span class="metric-value" id="ctr-value">0.00%</span></div><div class="metric-display"><span class="metric-name">Connect Rate (Clique → Page View):</span><span class="metric-value" id="connect-rate-value">0.00%</span></div><div class="metric-display"><span class="metric-name">Conversão da Página (Page View → Checkout):</span><span class="metric-value" id="page-conversion-value">0.00%</span></div><div class="metric-display"><span class="metric-name">Conversão do Checkout (Checkout → Compra):</span><span class="metric-value" id="checkout-conversion-value">0.00%</span></div><div class="metric-display"><span class="metric-name">Taxa de Conversão Total:</span><span class="metric-value" id="total-conversion-value">0.00%</span></div><div class="metric-display"><span class="metric-name">CAC (Custo de Aquisição de Cliente):</span><span class="metric-value" id="cac-value">R$ 0.00</span></div><div class="metric-display"><span class="metric-name">ROAS:</span><span class="metric-value" id="roas-value">0.00</span></div><div class="metric-display"><span class="metric-name">Número de Vendas:</span><span class="metric-value" id="sales-count-value">0</span></div><div class="metric-display"><span class="metric-name">Lucro Bruto:</span><span class="metric-value" id="gross-profit-value">R$ 0.00</span></div><div class="metric-display"><span class="metric-name">Lucro (%):</span><span class="metric-value" id="profit-percentage-value">0.00%</span></div></div></div><div class="thermometer-container"><h2>Termômetro de Métricas</h2><div class="metric-thermometer"><div class="metric-header"><span class="metric-name-therm">CTR</span><span class="metric-value-therm" id="ctr-therm-value">0.00%</span></div><div class="thermometer-bar"><div class="thermometer-level" id="ctr-level" style="background: linear-gradient(to right, var(--red-color), var(--yellow-color), var(--green-color));"></div></div><div class="thermometer-label"><span class="ruim">Ruim</span><span class="bom">Bom</span><span class="otimo">Ótimo</span></div><div class="next-step" id="ctr-next-step"></div></div><div class="metric-thermometer"><div class="metric-header"><span class="metric-name-therm">Connect Rate</span><span class="metric-value-therm" id="connect-rate-therm-value">0.00%</span></div><div class="thermometer-bar"><div class="thermometer-level" id="connect-rate-level" style="background: linear-gradient(to right, var(--red-color), var(--yellow-color), var(--green-color));"></div></div><div class="thermometer-label"><span class="ruim">Ruim</span><span class="bom">Bom</span><span class="otimo">Ótimo</span></div><div class="next-step" id="connect-rate-next-step"></div></div><div class="metric-thermometer"><div class="metric-header"><span class="metric-name-therm">Conversão da Página</span><span class="metric-value-therm" id="page-conversion-therm-value">0.00%</span></div><div class="thermometer-bar"><div class="thermometer-level" id="page-conversion-level" style="background: linear-gradient(to right, var(--red-color), var(--yellow-color), var(--green-color));"></div></div><div class="thermometer-label"><span class="ruim">Ruim</span><span class="bom">Bom</span><span class="otimo">Ótimo</span></div><div class="next-step" id="page-conversion-next-step"></div></div><div class="metric-thermometer"><div class="metric-header"><span class="metric-name-therm">Conversão do Checkout</span><span class="metric-value-therm" id="checkout-conversion-therm-value">0.00%</span></div><div class="thermometer-bar"><div class="thermometer-level" id="checkout-conversion-level" style="background: linear-gradient(to right, var(--red-color), var(--yellow-color), var(--green-color));"></div></div><div class="thermometer-label"><span class="ruim">Ruim</span><span class="bom">Bom</span><span class="otimo">Ótimo</span></div><div class="next-step" id="checkout-conversion-next-step"></div></div></div></div><div class="container"><div class="optimization-container" id="optimization-recommendations"><h2>Mapa de Otimização</h2><div class="optimization-placeholder" style="text-align: center; padding: 40px 20px; color: var(--text-gray);">Calcule suas métricas para receber recomendações de otimização personalizadas</div></div></div></div><div class="swiper-slide" id="calculator-4"><h1 class="title">CPA Máximo</h1><p class="subtitle">Calcule o CPA máximo ideal com base na sua margem de contribuição para atingir o ROI desejado nos seus investimentos de marketing.</p><div class="container"><div class="input-container"><h2>Dados de Entrada</h2><div class="input-section"><h3>Informações do Produto</h3><div class="input-group"><label for="product-price">Valor do Produto (R$)</label><input type="number" id="product-price" placeholder="Digite o valor do seu produto" step="0.01"></div></div><div class="input-section"><h3>Taxa de Plataforma</h3><div class="platform-fee"><div class="input-group"><label for="platform-percentage">Percentual (%)</label><input type="number" id="platform-percentage" placeholder="Ex: 6.99" step="0.01"></div><div class="input-group"><label for="platform-fixed">Taxa Fixa (R$)</label><input type="number" id="platform-fixed" placeholder="Ex: 2.50" step="0.01"></div></div></div><div class="input-section"><h3>Custos Variáveis</h3><div id="variable-costs-container"></div><button id="add-cost-btn" class="add-cost-btn">+ Adicionar Custo Variável</button></div><button id="calculate-btn" class="calculate-btn">Calcular CPA Máximo</button></div><div class="results-container"><h2>Resultados</h2><div class="results-section"><h3>Análise de Margem</h3><div class="result-item"><span class="result-name">Receita por Venda:</span><span class="result-value" id="revenue-per-sale">R$ 0,00</span></div><div class="result-item"><span class="result-name">Custos Variáveis:</span><span class="result-value" id="total-variable-costs">R$ 0,00</span></div><div class="result-item"><span class="result-name">Margem de Contribuição (R$):</span><span class="result-value" id="contribution-margin">R$ 0,00</span></div><div class="result-item"><span class="result-name">Margem de Contribuição (%):</span><span class="result-value" id="contribution-percentage">0,00%</span></div></div><div class="results-section"><h3>CPA Máximo por ROI</h3><div class="roi-cards"><div class="roi-card roi-1"><h4>ROI 1 (Break Even)</h4><div class="cpa-value" id="cpa-roi-1">R$ 0,00</div><div class="description">Investimento = Retorno</div></div><div class="roi-card roi-1-5"><h4>ROI 1.5</h4><div class="cpa-value" id="cpa-roi-1-5">R$ 0,00</div><div class="description">50% de lucro sobre o investido</div></div><div class="roi-card roi-2"><h4>ROI 2 (Ideal)</h4><div class="cpa-value" id="cpa-roi-2">R$ 0,00</div><div class="description">100% de lucro sobre o investido</div></div></div><div class="budget-planning"><h4>Planejamento de Orçamento</h4><div class="budget-input"><div class="input-group"><label for="sales-goal">Meta de Vendas (quantidade)</label><input type="number" id="sales-goal" placeholder="Quantas vendas você quer alcançar?"></div></div><div class="budget-results"><div class="budget-card roi-1"><h5>Orçamento ROI 1</h5><div class="budget-amount" id="budget-roi-1">R$ 0,00</div></div><div class="budget-card roi-1-5"><h5>Orçamento ROI 1.5</h5><div class="budget-amount" id="budget-roi-1-5">R$ 0,00</div></div><div class="budget-card roi-2"><h5>Orçamento ROI 2</h5><div class="budget-amount" id="budget-roi-2">R$ 0,00</div></div></div></div></div></div></div></div><div class="swiper-slide" id="calculator-3"><div class="calculadora"><h2>Descubra <span class="highlight">quanto você pode ganhar por mês</span> aplicando nossa estrutura</h2><div class="container"><div class="sliders"><label for="investimento">Investimento por Mês (R$):</label><div class="slider-group"><input type="range" id="investimento" min="1000" max="100000" step="1000" value="1000" oninput="calcular()"><span id="investimentoVal">1.000</span></div><label for="precoLead">Preço por Lead (R$):</label><div class="slider-group"><input type="range" id="precoLead" min="1" max="100" step="1" value="5" oninput="calcular()"><span id="precoLeadVal">5</span></div><label for="agendamento">Taxa de Agendamento (%):</label><div class="slider-group"><input type="range" id="agendamento" min="5" max="100" step="5" value="10" oninput="calcular()"><span id="agendamentoVal">10</span></div><label for="comparecimento">Taxa de Comparecimento (%):</label><div class="slider-group"><input type="range" id="comparecimento" min="5" max="100" step="5" value="50" oninput="calcular()"><span id="comparecimentoVal">50</span></div><label for="conversao">Taxa de Conversão (%):</label><div class="slider-group"><input type="range" id="conversao" min="5" max="100" step="5" value="10" oninput="calcular()"><span id="conversaoVal">10</span></div><label for="ticketMedio">Ticket Médio (R$):</label><div class="slider-group"><input type="range" id="ticketMedio" min="100" max="5000" step="100" value="1000" oninput="calcular()"><span id="ticketMedioVal">1.000</span></div></div><div class="resultados"><h3>RESULTADOS (MENSAL):</h3><div class="resultado"><strong>Faturamento:</strong> R$ <span id="faturamento">0</span></div><div class="resultado"><strong>Número de Vendas:</strong> <span id="vendas">0</span></div><div class="resultado"><strong>Custo por Call Realizada:</strong> R$ <span id="custoCall">0</span></div><div class="resultado"><strong>CAC:</strong> R$ <span id="cac3">0</span></div><div class="resultado"><strong>ROAS:</strong> <span id="roas3">0</span></div><div class="resultado"><strong>Número de SDRs:</strong> <span id="sdrs">1</span></div><div class="resultado"><strong>Número de Closers:</strong> <span id="closers">1</span></div></div></div></div></div><div class="swiper-slide" id="calculator-1"><h1>Planejamento Estratégico</h1><div class="simulator"><div><div class="container-all-marketing"><div class="container-marketing"><div class="container-label"><span class="name">Quanto quer faturar?</span><span class="value"><span id="profitDisplay">10.000,00</span></span></div><input id="profitSlider" type="range" step="1000" min="1000" max="500000" value="10000" data-max="500000"/></div><div class="container-marketing"><div class="container-label"><span class="name">Preço do produto</span><span class="value"><span id="productDisplay">3.500,00</span></span></div><input id="productSlider" type="range" min="0" max="15000" step="50" value="3500" data-max="15000"/></div><div class="container-marketing"><div class="container-label"><span class="name">A cada quantos leads sai uma venda?</span><span class="value"><span id="leadsDisplay">10</span></span></div><input id="leadsSlider" type="range" min="1" max="50" value="10" data-max="50"/></div><div class="container-marketing"><div class="container-label"><span class="name">Qual é o preço médio do lead?</span><span class="value"><span id="leadValueDisplay">8,00</span></span></div><input id="leadValueSlider" type="range" min="0" max="100" step="0.01" value="8" data-max="100"/></div><div class="container-marketing off"><div class="container-label"><span class="off">Conversão</span><span class="off"><span id="conversionDisplay">%</span></span></div></div></div></div><div><div class="container-all-marketing"><div class="container-marketing total"><div class="container-label"><div style="display: flex; gap: 10px; align-items: center; width: 100%;"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><circle cx="20" cy="20" r="20" fill="#0e7aff"/><path d="M20 11V29.3333M24.1667 14.3333H17.9167C17.1431 14.3333 16.4013 14.6406 15.8543 15.1876C15.3073 15.7346 15 16.4765 15 17.25C15 18.0235 15.3073 18.7654 15.8543 19.3124C16.4013 19.8594 17.1431 20.1667 17.9167 20.1667H22.0833C22.8569 20.1667 23.5987 20.474 24.1457 21.0209C24.6927 21.5679 25 22.3098 25 23.0833C25 23.8569 24.6927 24.5987 24.1457 25.1457C23.5987 25.6927 22.8569 26 22.0833 26H15" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span class="lucro">Lucro</span><span class="value" style="cursor: default; display: flex; align-items: end; justify-content: end; width: 100%;"><span id="profitCalcDisplay">0,00</span></span></div></div></div><div class="container-marketing off"><div class="container-label"><span class="off">Quantas vendas preciso fazer?</span><span class="off"><span id="salesDisplay">0</span></span></div></div><div class="container-marketing off"><div class="container-label"><span class="off">Quantos leads preciso captar?</span><span class="off"><span id="leadsRequiredDisplay">0</span></span></div></div><div class="container-marketing off"><div class="container-label"><span class="off">Quanto vou ter que investir?</span><span class="off"><span id="investmentDisplay">0</span></span></div></div></div></div></div></div></div></div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.5/swiper-bundle.min.js"></script></body></html>]]>