{"id":98310,"date":"2025-06-24T17:41:32","date_gmt":"2025-06-24T17:41:32","guid":{"rendered":"https:\/\/www.aunica.com\/?page_id=98310"},"modified":"2025-06-26T14:24:30","modified_gmt":"2025-06-26T14:24:30","slug":"sales-ia","status":"publish","type":"page","link":"https:\/\/www.aunica.com\/en\/sales-ia\/","title":{"rendered":"Sales: aunica IA | Gerador de Prospec\u00e7\u00e3o com aunica IA: v5"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"98310\" class=\"elementor elementor-98310\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b1ebeec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b1ebeec\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9a23d4d\" data-fullscreen-column-settings=\"{&quot;fullscreen&quot;:&quot;&quot;}\" data-id=\"9a23d4d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc680be elementor-widget elementor-widget-html\" data-id=\"bc680be\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\tsales ia v5\n\n<!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Google Fonts: Inter -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Custom Styles -->\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            background-color: #f8fafc; \/* bg-slate-50 *\/\n        }\n        .fade-in {\n            animation: fadeIn 0.5s ease-in-out;\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(15px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        .active-persona-btn, .active-channel-btn {\n            background-color: #1e40af !important; \/* blue-800 *\/\n            color: #ffffff !important;\n            box-shadow: 0 4px 14px 0 rgb(30 64 175 \/ 25%);\n            border-color: #1e40af !important;\n        }\n        .loader {\n            border: 4px solid #f3f3f3;\n            border-top: 4px solid #3b82f6;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            animation: spin 1s linear infinite;\n        }\n        .small-loader {\n            border: 2px solid #e5e7eb;\n            border-top: 2px solid #3b82f6;\n            width: 16px;\n            height: 16px;\n        }\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n    <\/style>\n<\/head>\n<body class=\"text-slate-800\">\n\n    <!-- Header -->\n    <header class=\"bg-white\/90 backdrop-blur-md sticky top-0 z-50 border-b border-slate-200\">\n        <div class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n            <img src=\"https:\/\/www.aunica.com\/wp-content\/uploads\/2022\/10\/marca_final_analitica_degrade_A-1-1.png.webp\" alt=\"Logo aunica\" class=\"h-9 md:h-10\">\n            <h1 class=\"hidden lg:block text-lg font-bold text-slate-700\">Gerador de Prospec\u00e7\u00e3o com aunica IA v5<\/h1>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content -->\n    <main class=\"container mx-auto px-6 py-12\">\n        \n        <!-- Prospecting Tool Section -->\n        <section class=\"max-w-5xl mx-auto bg-white p-6 md:p-8 rounded-xl border border-slate-200 shadow-md\">\n            <div class=\"text-center mb-10\">\n                <h2 class=\"text-2xl md:text-3xl font-bold text-slate-900\">Prospec\u00e7\u00e3o Inteligente<\/h2>\n                <p class=\"text-slate-600 mt-2\">Siga os passos para gerar uma abordagem personalizada com a aunica IA.<\/p>\n            <\/div>\n\n            <!-- Step 1: Prospect Info -->\n            <div class=\"mb-8\">\n                <h3 class=\"text-xl font-bold text-slate-800 border-b-2 border-blue-600 pb-2 mb-6\"><span class=\"bg-blue-600 text-white rounded-full w-8 h-8 inline-flex items-center justify-center mr-3\">1<\/span> Quem \u00e9 o Prospect?<\/h3>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-6\">\n                    <div>\n                        <label for=\"linkedin-url\" class=\"block text-sm font-medium text-slate-700 mb-1\">URL do Perfil no LinkedIn (Opcional)<\/label>\n                        <input type=\"url\" id=\"linkedin-url\" placeholder=\"https:\/\/linkedin.com\/in\/nome-sobrenome\" class=\"w-full p-3 rounded-md border-slate-300 focus:ring-blue-500 focus:border-blue-500 transition shadow-sm\">\n                    <\/div>\n                    <div>\n                        <label for=\"prospect-name\" class=\"block text-sm font-medium text-slate-700 mb-1\">Nome do Prospect (Opcional)<\/label>\n                        <input type=\"text\" id=\"prospect-name\" placeholder=\"Ex: Cesar Gomes\" class=\"w-full p-3 rounded-md border-slate-300 focus:ring-blue-500 focus:border-blue-500 transition shadow-sm\">\n                    <\/div>\n                    <div>\n                        <label for=\"prospect-title\" class=\"block text-sm font-medium text-slate-700 mb-1\">Cargo do Prospect (Opcional)<\/label>\n                        <input type=\"text\" id=\"prospect-title\" placeholder=\"Ex: CTO, Gerente de Produto\" class=\"w-full p-3 rounded-md border-slate-300 focus:ring-blue-500 focus:border-blue-500 transition shadow-sm\">\n                    <\/div>\n                    <div>\n                        <label for=\"company-name\" class=\"block text-sm font-medium text-slate-700 mb-1\">Nome da Empresa (Opcional)<\/label>\n                        <input type=\"text\" id=\"company-name\" placeholder=\"Ex: CVC\" class=\"w-full p-3 rounded-md border-slate-300 focus:ring-blue-500 focus:border-blue-500 transition shadow-sm\">\n                    <\/div>\n                    <div>\n                        <label for=\"company-website\" class=\"block text-sm font-medium text-slate-700 mb-1\">Website da Empresa <span class=\"text-slate-400 font-normal\">(Opcional)<\/span><\/label>\n                        <input type=\"url\" id=\"company-website\" placeholder=\"https:\/\/www.empresa.com.br\" class=\"w-full p-3 rounded-md border-slate-300 focus:ring-blue-500 focus:border-blue-500 transition shadow-sm\">\n                    <\/div>\n                     <div>\n                        <label for=\"company-sector\" class=\"block text-sm font-medium text-slate-700 mb-1\">Setor da Empresa (Opcional)<\/label>\n                        <input type=\"text\" id=\"company-sector\" placeholder=\"Ex: Varejo, Financeiro, Sa\u00fade\" class=\"w-full p-3 rounded-md border-slate-300 focus:ring-blue-500 focus:border-blue-500 transition shadow-sm\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Step 2: Approach Context -->\n            <div class=\"mb-8\">\n                <h3 class=\"text-xl font-bold text-slate-800 border-b-2 border-blue-600 pb-2 mb-6\"><span class=\"bg-blue-600 text-white rounded-full w-8 h-8 inline-flex items-center justify-center mr-3\">2<\/span> Qual o objetivo da abordagem?<\/h3>\n                <div class=\"mb-6\">\n                     <label class=\"block text-sm font-medium text-slate-700 mb-2\">Selecione a(s) \u00c1rea(s) do Prospect <span class=\"text-red-500\">*<\/span><\/label>\n                    <div id=\"persona-selector\" class=\"flex flex-wrap gap-2\">\n                        <button data-persona=\"Marketing e Performance\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">Marketing<\/button>\n                        <button data-persona=\"Tecnologia e Arquitetura\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">Tecnologia<\/button>\n                        <button data-persona=\"Dados e Analytics\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">Dados<\/button>\n                        <button data-persona=\"E-commerce e Varejo\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">E-commerce<\/button>\n                        <button data-persona=\"Produto Digital\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">Produto<\/button>\n                        <button data-persona=\"Client Success\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">Client Success<\/button>\n                        <button data-persona=\"Financeiro\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">Financeiro<\/button>\n                        <button data-persona=\"Vendas\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">Vendas<\/button>\n                        <button data-persona=\"Growth\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">Growth<\/button>\n                        <button data-persona=\"M\u00eddia\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">M\u00eddia<\/button>\n                        <button data-persona=\"Inova\u00e7\u00e3o\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">Inova\u00e7\u00e3o<\/button>\n                        <button data-persona=\"CRM\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">CRM<\/button>\n                        <button data-persona=\"SEO\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">SEO<\/button>\n                        <button data-persona=\"Business Intelligence (BI)\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">BI<\/button>\n                        <button data-persona=\"Customer Experience (CX)\" class=\"persona-btn flex-grow whitespace-nowrap px-3 py-2 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all text-sm\">CX<\/button>\n                    <\/div>\n                <\/div>\n                 <div class=\"mb-4\">\n                    <label for=\"offer-focus\" class=\"block text-sm font-medium text-slate-700 mb-1\">Foco da Oferta (Opcional)<\/label>\n                     <div class=\"flex items-center gap-2\">\n                        <input type=\"text\" id=\"offer-focus\" placeholder=\"Ex: Implementa\u00e7\u00e3o de CDP, Otimiza\u00e7\u00e3o de ROI, ou clique para sugerir\" class=\"w-full p-3 rounded-md border-slate-300 focus:ring-blue-500 focus:border-blue-500 transition shadow-sm\">\n                        <button id=\"suggest-pain-points-btn\" disabled class=\"flex-shrink-0 bg-slate-200 text-slate-500 cursor-not-allowed font-semibold py-3 px-3 rounded-lg text-sm\" title=\"Selecione uma \u00c1rea para habilitar\">\n                            Sugerir Dores \u2728\n                        <\/button>\n                    <\/div>\n                <\/div>\n                 <div id=\"suggestions-area\" class=\"mb-6\"><\/div>\n                <div>\n                    <label for=\"context-info\" class=\"block text-sm font-medium text-slate-700 mb-1\">Contexto Adicional (Opcional)<\/label>\n                    <textarea id=\"context-info\" rows=\"3\" placeholder=\"Cole aqui qualquer informa\u00e7\u00e3o que considere relevante: trechos do perfil do prospect, dores identificadas, produtos de interesse, posts, desafios, etc.\" class=\"w-full p-3 rounded-md border-slate-300 focus:ring-blue-500 focus:border-blue-500 transition shadow-sm\"><\/textarea>\n                <\/div>\n            <\/div>\n\n            <!-- Step 3: Channel and Generation -->\n            <div>\n                 <h3 class=\"text-xl font-bold text-slate-800 border-b-2 border-blue-600 pb-2 mb-6\"><span class=\"bg-blue-600 text-white rounded-full w-8 h-8 inline-flex items-center justify-center mr-3\">3<\/span> Qual o formato da mensagem? <span class=\"text-red-500\">*<\/span><\/h3>\n                 <p class=\"text-center text-slate-500 -mt-4 mb-6 text-sm\">A aunica IA ir\u00e1 gerar um assunto para e-mails.<\/p>\n                <div id=\"channel-selector\" class=\"flex justify-center gap-4\">\n                    <button data-channel=\"LinkedIn\" class=\"channel-btn flex-grow max-w-xs whitespace-nowrap px-4 py-3 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all\">LinkedIn<\/button>\n                    <button data-channel=\"E-mail\" class=\"channel-btn flex-grow max-w-xs whitespace-nowrap px-4 py-3 bg-white border border-slate-300 rounded-md font-semibold text-slate-700 transition-all\">E-mail<\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- Generate Button -->\n            <div class=\"mt-10 text-center border-t border-slate-200 pt-8\">\n                <button id=\"generate-btn\" class=\"bg-blue-700 text-white font-bold py-4 px-12 rounded-lg hover:bg-blue-800 transition-all duration-300 text-lg shadow-lg hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-blue-300 disabled:bg-slate-400 disabled:cursor-not-allowed\">\n                    Gerar Abordagem com aunica IA\n                <\/button>\n            <\/div>\n        <\/section>\n\n        <!-- Dynamic Content Section -->\n        <section id=\"dynamic-content-area\" class=\"mt-8 max-w-5xl mx-auto transition-opacity duration-500\" style=\"min-height: 300px;\">\n            <!-- Generated content will be injected here by JavaScript -->\n        <\/section>\n\n    <\/main>\n    \n    <!-- JavaScript Logic -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const contentArea = document.getElementById('dynamic-content-area');\n            const suggestionsArea = document.getElementById('suggestions-area');\n            const channelButtons = document.querySelectorAll('.channel-btn');\n            \n            const linkedinUrlInput = document.getElementById('linkedin-url');\n            const prospectNameInput = document.getElementById('prospect-name');\n            const prospectTitleInput = document.getElementById('prospect-title');\n            const companyNameInput = document.getElementById('company-name');\n            const companyWebsiteInput = document.getElementById('company-website');\n            const companySectorInput = document.getElementById('company-sector');\n            const offerFocusInput = document.getElementById('offer-focus');\n            const contextInfoInput = document.getElementById('context-info');\n            \n            const generateBtn = document.getElementById('generate-btn');\n            const suggestPainPointsBtn = document.getElementById('suggest-pain-points-btn');\n\n            let activeAreas = [];\n            let activeChannel = null;\n\n            \/\/ Handle persona selection (multiple)\n            document.getElementById('persona-selector').addEventListener('click', (e) => {\n                const button = e.target.closest('.persona-btn');\n                if (!button) return;\n\n                const persona = button.dataset.persona;\n                const isActive = button.classList.contains('active-persona-btn');\n\n                if (isActive) {\n                    \/\/ De-select\n                    button.classList.remove('active-persona-btn');\n                    activeAreas = activeAreas.filter(p => p !== persona);\n                } else {\n                    \/\/ Select, with a limit of 3\n                    if (activeAreas.length < 3) {\n                        button.classList.add('active-persona-btn');\n                        activeAreas.push(persona);\n                    } else {\n                        alert(\"Voc\u00ea pode selecionar no m\u00e1ximo 3 \u00e1reas.\");\n                    }\n                }\n                \n                \/\/ Enable\/disable suggestions button\n                if (activeAreas.length > 0) {\n                    suggestPainPointsBtn.disabled = false;\n                    suggestPainPointsBtn.classList.remove('bg-slate-200', 'text-slate-500', 'cursor-not-allowed');\n                    suggestPainPointsBtn.classList.add('bg-blue-100', 'text-blue-700');\n                    suggestPainPointsBtn.title = 'Sugerir pontos de dor com base no perfil';\n                } else {\n                    suggestPainPointsBtn.disabled = true;\n                    suggestPainPointsBtn.classList.add('bg-slate-200', 'text-slate-500', 'cursor-not-allowed');\n                    suggestPainPointsBtn.classList.remove('bg-blue-100', 'text-blue-700');\n                    suggestPainPointsBtn.title = 'Selecione uma \u00c1rea para habilitar';\n                }\n            });\n            \n            \/\/ Handle channel selection (single)\n            document.getElementById('channel-selector').addEventListener('click', (e) => {\n                const button = e.target.closest('.channel-btn');\n                if (!button) return;\n                channelButtons.forEach(btn => btn.classList.remove('active-channel-btn'));\n                button.classList.add('active-channel-btn');\n                activeChannel = button.dataset.channel;\n            });\n\n            \/\/ Generic function to call Gemini API\n            async function callGemini(prompt) {\n                let chatHistory = [{ role: \"user\", parts: [{ text: prompt }] }];\n                const payload = { contents: chatHistory };\n                const apiKey = \"AIzaSyBk5ri5Ct1GN9yBc2A8lXRavQioJ7otzV4\"; \/\/ API key is handled by the environment\n                const apiUrl = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.0-flash:generateContent?key=${apiKey}`;\n                \n                const response = await fetch(apiUrl, {\n                    method: 'POST',\n                    headers: { 'Content-Type': 'application\/json' },\n                    body: JSON.stringify(payload)\n                });\n\n                if (!response.ok) {\n                    throw new Error(`HTTP error! status: ${response.status}`);\n                }\n\n                const result = await response.json();\n                \n                if (result.candidates && result.candidates.length > 0 && result.candidates[0].content && result.candidates[0].content.parts && result.candidates[0].content.parts.length > 0) {\n                    return result.candidates[0].content.parts[0].text;\n                }\n                \n                throw new Error(\"Resposta inv\u00e1lida da API Gemini.\");\n            }\n\n            \/\/ Suggest Pain Points Feature\n            suggestPainPointsBtn.addEventListener('click', async () => {\n                if (activeAreas.length === 0) return;\n                \n                const originalBtnText = suggestPainPointsBtn.innerHTML;\n                suggestPainPointsBtn.innerHTML = `<div class=\"loader small-loader mx-auto\"><\/div>`;\n                suggestPainPointsBtn.disabled = true;\n\n                const prompt = `\n                    Liste 3 \"pontos de dor\" (pain points) comuns e espec\u00edficos para um profissional que atua nas \u00e1reas de '${activeAreas.join(' e ')}' em uma empresa.\n                    A resposta deve ser em formato de lista, com cada item come\u00e7ando com um marcador de bullet (\u2022).\n                    Seja direto e conciso. N\u00e3o adicione nenhum texto antes ou depois da lista.\n                `;\n\n                try {\n                    const suggestionsText = await callGemini(prompt);\n                    const suggestions = suggestionsText.split('\u2022').map(s => s.trim()).filter(s => s);\n                    \n                    const suggestionButtonsHTML = suggestions.map(suggestion => `\n                        <button class=\"suggestion-item-btn w-full text-left p-3 my-1 bg-white hover:bg-blue-50 border border-slate-300 rounded-lg text-sm text-slate-800 transition-colors shadow-sm flex items-center\">\n                           <span class=\"font-sans mr-2\">\ud83c\udfaf<\/span> ${suggestion}\n                        <\/button>\n                    `).join('');\n\n                    suggestionsArea.innerHTML = `\n                        <div class=\"p-4 bg-slate-50 rounded-lg fade-in border border-slate-200\">\n                            <h5 class=\"font-bold text-slate-700 mb-2\">\ud83d\udca1 Clique em uma dor para us\u00e1-la como foco da oferta:<\/h5>\n                            <div class=\"space-y-2\">${suggestionButtonsHTML}<\/div>\n                        <\/div>\n                    `;\n                } catch (error) {\n                    console.error(\"Error suggesting pain points:\", error);\n                    suggestionsArea.innerHTML = `<p class=\"text-red-500 text-center\">Erro ao sugerir dores.<\/p>`;\n                } finally {\n                    suggestPainPointsBtn.innerHTML = originalBtnText;\n                    suggestPainPointsBtn.disabled = false;\n                }\n            });\n            \n            \/\/ Handle clicking a suggestion button\n            suggestionsArea.addEventListener('click', (e) => {\n                const button = e.target.closest('.suggestion-item-btn');\n                if(!button) return;\n\n                const suggestionText = button.innerText.replace('\ud83c\udfaf', '').trim();\n                offerFocusInput.value = suggestionText;\n                suggestionsArea.innerHTML = ''; \/\/ Clear suggestions after selection\n            });\n\n            \/\/ Handle main text generation\n            generateBtn.addEventListener('click', async () => {\n                if (!activeChannel || activeAreas.length === 0) {\n                    alert('Por favor, selecione a(s) \u00c1rea(s) do Prospect e o Formato da Mensagem.');\n                    return;\n                }\n\n                contentArea.innerHTML = `<div class=\"flex justify-center items-center p-10\"><div class=\"loader\"><\/div><\/div>`;\n                generateBtn.disabled = true;\n                generateBtn.innerText = 'Gerando...';\n                \n                let isGeneric = !prospectNameInput.value && !linkedinUrlInput.value;\n                \n                let outputFormat = `Apenas o corpo da mensagem.`;\n                if(activeChannel === 'E-mail') {\n                    outputFormat = `A resposta deve ter o seguinte formato de texto (N\u00c3O use JSON ou Markdown):\nASSUNTO: [aqui o assunto do email]\nMENSAGEM: [aqui o corpo do email]\n`;\n                }\n\n                const prompt = `\n                    Voc\u00ea \u00e9 um especialista em vendas e prospec\u00e7\u00e3o da 'aunica', uma consultoria de Data Tech.\n                    Sua tarefa \u00e9 escrever uma abordagem de prospec\u00e7\u00e3o para o canal '${activeChannel}'.\n                    \n                    **Contexto da Prospec\u00e7\u00e3o:**\n                    - Nome do Prospect: ${prospectNameInput.value || (isGeneric ? \"um profissional\" : \"a(o) l\u00edder\")}\n                    - Cargo do Prospect: ${prospectTitleInput.value || 'L\u00edder'}\n                    - \u00c1reas de Atua\u00e7\u00e3o do Prospect: ${activeAreas.join(', ')}\n                    - Empresa do Prospect: ${companyNameInput.value || 'a empresa'}\n                    - Website da Empresa: ${companyWebsiteInput.value || 'N\u00e3o informado'}\n                    - Setor da Empresa: ${companySectorInput.value || 'N\u00e3o informado'}\n                    - Foco principal da oferta: ${offerFocusInput.value || 'nossas solu\u00e7\u00f5es de dados'}\n                    - Contexto adicional (do perfil ou dores observadas): ${contextInfoInput.value || 'Nenhum contexto adicional fornecido.'}\n                    \n                    **Instru\u00e7\u00f5es:**\n                    1. Crie uma mensagem curta, direta e personalizada.\n                    2. ${isGeneric ? \"Inicie a MENSAGEM de forma mais geral, sem um nome espec\u00edfico.\" : `Inicie a MENSAGEM com \"${prospectNameInput.value}, tudo bem?\".`}\n                    3. Conecte os desafios das \"\u00c1reas de Atua\u00e7\u00e3o\" e \"Setor da Empresa\" do prospect com o \"Foco da Oferta\".\n                    4. Seja conciso e termine com uma pergunta clara para iniciar uma conversa (Call to Action).\n                    5. Se o canal for 'E-mail', crie um ASSUNTO curto e chamativo.\n                    6. ${outputFormat}\n                `;\n\n                try {\n                    const generatedText = await callGemini(prompt);\n                    displayGeneratedContent(generatedText, activeChannel, isGeneric);\n                } catch (error) {\n                    console.error(\"Error calling Gemini API:\", error);\n                    displayGeneratedContent(\"Ocorreu um erro ao gerar a abordagem. Por favor, verifique o console para mais detalhes e tente novamente.\", activeChannel, false);\n                } finally {\n                    generateBtn.disabled = false;\n                    generateBtn.innerText = 'Gerar Abordagem com aunica IA';\n                }\n            });\n\n            \/\/ Refine Text Feature\n            async function refineText(originalText, refinementType) {\n                const textContainer = document.getElementById('linkedin-text-container');\n                if (!textContainer) return;\n                \n                const refineButtonContainer = textContainer.closest('.bg-white').querySelector('.refine-btn-container');\n                refineButtonContainer.innerHTML = `<div class=\"flex justify-center items-center\"><div class=\"loader\"><\/div><\/div>`;\n\n                const prompt = `\n                    Voc\u00ea \u00e9 um editor de textos de venda. Refine a seguinte mensagem de prospec\u00e7\u00e3o de acordo com a instru\u00e7\u00e3o: \"${refinementType}\".\n                    Mantenha o objetivo central da mensagem e o call to action. Apenas ajuste o tom e o estilo.\n                    \n                    Instru\u00e7\u00e3o: ${refinementType}\n                    \n                    Texto Original:\n                    ---\n                    ${originalText}\n                    ---\n                `;\n\n                try {\n                    const refinedText = await callGemini(prompt);\n                    textContainer.innerText = refinedText;\n                } catch(error) {\n                    console.error(\"Error refining text:\", error);\n                    textContainer.innerText = originalText; \/\/ Restore original on error\n                    alert(\"Erro ao refinar o texto.\");\n                } finally {\n                    \/\/ Restore refine buttons after operation\n                     refineButtonContainer.innerHTML = `\n                        <button class=\"regenerate-btn bg-green-100 text-green-700 text-xs font-semibold py-1 px-3 rounded-full hover:bg-green-200\" title=\"Gerar uma nova vers\u00e3o com os mesmos dados\">Regerar \u2728<\/button>\n                        <button class=\"refine-btn bg-slate-200 text-slate-700 text-xs font-semibold py-1 px-3 rounded-full hover:bg-slate-300\" data-refine=\"Tornar mais formal\">Refinar: Formal<\/button>\n                        <button class=\"refine-btn bg-slate-200 text-slate-700 text-xs font-semibold py-1 px-3 rounded-full hover:bg-slate-300\" data-refine=\"Tornar mais direto e objetivo\">Refinar: Direto<\/button>\n                        <button class=\"refine-btn bg-slate-200 text-slate-700 text-xs font-semibold py-1 px-3 rounded-full hover:bg-slate-300\" data-refine=\"Adicionar uma estat\u00edstica de mercado relevante e impactante\">Add Estat\u00edstica<\/button>\n                    `;\n                }\n            }\n            \n            function displayGeneratedContent(text, channel, isGeneric) {\n                let subject = '';\n                let message = text;\n                \n                if (channel === 'E-mail' && text.includes('MENSAGEM:')) {\n                    const parts = text.split('MENSAGEM:');\n                    subject = parts[0].replace('ASSUNTO:', '').trim();\n                    message = parts[1].trim();\n                }\n\n                const genericWarningHTML = isGeneric ? `\n                    <div class=\"p-3 mb-4 bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 rounded-r-lg\">\n                        <p class=\"font-bold\">Aviso:<\/p>\n                        <p class=\"text-sm\">Esta \u00e9 uma mensagem gen\u00e9rica. Para maior efic\u00e1cia, preencha o Nome e a URL do LinkedIn do prospect.<\/p>\n                    <\/div>\n                ` : '';\n\n                const subjectHTML = subject ? `\n                    <div class=\"mb-4\">\n                        <h5 class=\"font-bold text-slate-800\">Assunto do E-mail:<\/h5>\n                        <p class=\"p-3 bg-slate-100 rounded-md text-slate-700 font-medium\">${subject}<\/p>\n                    <\/div>\n                ` : '';\n                \n                const contentHTML = `\n                    <div class=\"bg-white p-8 rounded-xl border border-slate-200 shadow-lg fade-in\">\n                        ${genericWarningHTML}\n                        <h4 class=\"text-xl font-bold text-slate-900 mb-4\">Texto Gerado para ${channel}:<\/h4>\n                        ${subjectHTML}\n                        <div class=\"relative\">\n                            <h5 class=\"font-bold text-slate-800 mb-1\">Mensagem:<\/h5>\n                            <div id=\"linkedin-text-container\" class=\"w-full p-4 h-56 overflow-y-auto bg-slate-100 border border-slate-200 rounded-lg text-slate-600 text-sm whitespace-pre-wrap\">${message}<\/div>\n                            <button id=\"copy-btn\" class=\"absolute top-8 right-2 bg-slate-200 hover:bg-slate-300 text-slate-600 font-semibold py-1 px-2 rounded-md text-xs flex items-center transition-colors\" title=\"Copiar mensagem\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-3 h-3 mr-1.5\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/><\/svg>\n                                <span id=\"copy-btn-text\">Copiar<\/span>\n                            <\/button>\n                        <\/div>\n                         <div class=\"refine-btn-container mt-4 flex flex-wrap justify-center gap-2\">\n                            <button class=\"regenerate-btn bg-green-100 text-green-700 text-xs font-semibold py-1 px-3 rounded-full hover:bg-green-200\" title=\"Gerar uma nova vers\u00e3o com os mesmos dados\">Regerar \u2728<\/button>\n                            <button class=\"refine-btn bg-slate-200 text-slate-700 text-xs font-semibold py-1 px-3 rounded-full hover:bg-slate-300\" data-refine=\"Tornar mais formal\">Refinar: Formal<\/button>\n                            <button class=\"refine-btn bg-slate-200 text-slate-700 text-xs font-semibold py-1 px-3 rounded-full hover:bg-slate-300\" data-refine=\"Tornar mais direto e objetivo\">Refinar: Direto<\/button>\n                            <button class=\"refine-btn bg-slate-200 text-slate-700 text-xs font-semibold py-1 px-3 rounded-full hover:bg-slate-300\" data-refine=\"Adicionar uma estat\u00edstica de mercado relevante e impactante\">Add Estat\u00edstica<\/button>\n                        <\/div>\n                    <\/div>\n                `;\n                contentArea.innerHTML = contentHTML;\n\n                \/\/ Add event listeners for new buttons\n                document.getElementById('copy-btn')?.addEventListener('click', () => {\n                    const textToCopy = document.getElementById('linkedin-text-container').innerText;\n                    navigator.clipboard.writeText(textToCopy).then(() => {\n                        const copyBtnText = document.getElementById('copy-btn-text');\n                        copyBtnText.innerText = 'Copiado!';\n                        setTimeout(() => { copyBtnText.innerText = 'Copiar'; }, 2000);\n                    }, () => {\n                        alert('Falha ao copiar. Por favor, copie manualmente.');\n                    });\n                });\n                \n                document.querySelector('.regenerate-btn')?.addEventListener('click', () => {\n                    generateBtn.click();\n                });\n\n                document.querySelectorAll('.refine-btn').forEach(button => {\n                    button.addEventListener('click', () => {\n                        const originalText = document.getElementById('linkedin-text-container').innerText;\n                        const refinementType = button.dataset.refine;\n                        refineText(originalText, refinementType);\n                    });\n                });\n            }\n        });\n    <\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>sales ia v5 Gerador de Prospec\u00e7\u00e3o com aunica IA v5 Prospec\u00e7\u00e3o Inteligente Siga os passos para gerar uma abordagem personalizada com a aunica IA. 1 Quem \u00e9 o Prospect? URL do Perfil no LinkedIn (Opcional) Nome do Prospect (Opcional) Cargo do Prospect (Opcional) Nome da Empresa (Opcional) Website da Empresa (Opcional) Setor da Empresa (Opcional) [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sales: aunica IA | Gerador de Prospec\u00e7\u00e3o com aunica IA: v5 - aunica Interactive Marketing | Since 2004<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sales: aunica IA | Gerador de Prospec\u00e7\u00e3o com aunica IA: v5 - aunica Interactive Marketing | Since 2004\" \/>\n<meta property=\"og:description\" content=\"sales ia v5 Gerador de Prospec\u00e7\u00e3o com aunica IA v5 Prospec\u00e7\u00e3o Inteligente Siga os passos para gerar uma abordagem personalizada com a aunica IA. 1 Quem \u00e9 o Prospect? URL do Perfil no LinkedIn (Opcional) Nome do Prospect (Opcional) Cargo do Prospect (Opcional) Nome da Empresa (Opcional) Website da Empresa (Opcional) Setor da Empresa (Opcional) [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.aunica.com\/sales-ia\/\" \/>\n<meta property=\"og:site_name\" content=\"aunica Interactive Marketing | Since 2004\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-26T14:24:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.aunica.com\/wp-content\/uploads\/2022\/10\/marca_final_analitica_degrade_A-1-1.png.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.aunica.com\/sales-ia\/\",\"url\":\"https:\/\/www.aunica.com\/sales-ia\/\",\"name\":\"Sales: aunica IA | Gerador de Prospec\u00e7\u00e3o com aunica IA: v5 - aunica Interactive Marketing | Since 2004\",\"isPartOf\":{\"@id\":\"https:\/\/www.aunica.com\/#website\"},\"datePublished\":\"2025-06-24T17:41:32+00:00\",\"dateModified\":\"2025-06-26T14:24:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.aunica.com\/sales-ia\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.aunica.com\/sales-ia\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.aunica.com\/sales-ia\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.aunica.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sales: aunica IA | Gerador de Prospec\u00e7\u00e3o com aunica IA: v5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.aunica.com\/#website\",\"url\":\"https:\/\/www.aunica.com\/\",\"name\":\"aunica Interactive Marketing | Since 2004\",\"description\":\"Especialistas em Data Driven Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.aunica.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sales: aunica IA | Gerador de Prospec\u00e7\u00e3o com aunica IA: v5 - aunica Interactive Marketing | Since 2004","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Sales: aunica IA | Gerador de Prospec\u00e7\u00e3o com aunica IA: v5 - aunica Interactive Marketing | Since 2004","og_description":"sales ia v5 Gerador de Prospec\u00e7\u00e3o com aunica IA v5 Prospec\u00e7\u00e3o Inteligente Siga os passos para gerar uma abordagem personalizada com a aunica IA. 1 Quem \u00e9 o Prospect? URL do Perfil no LinkedIn (Opcional) Nome do Prospect (Opcional) Cargo do Prospect (Opcional) Nome da Empresa (Opcional) Website da Empresa (Opcional) Setor da Empresa (Opcional) [&hellip;]","og_url":"https:\/\/www.aunica.com\/sales-ia\/","og_site_name":"aunica Interactive Marketing | Since 2004","article_modified_time":"2025-06-26T14:24:30+00:00","og_image":[{"url":"https:\/\/www.aunica.com\/wp-content\/uploads\/2022\/10\/marca_final_analitica_degrade_A-1-1.png.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.aunica.com\/sales-ia\/","url":"https:\/\/www.aunica.com\/sales-ia\/","name":"Sales: aunica IA | Gerador de Prospec\u00e7\u00e3o com aunica IA: v5 - aunica Interactive Marketing | Since 2004","isPartOf":{"@id":"https:\/\/www.aunica.com\/#website"},"datePublished":"2025-06-24T17:41:32+00:00","dateModified":"2025-06-26T14:24:30+00:00","breadcrumb":{"@id":"https:\/\/www.aunica.com\/sales-ia\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.aunica.com\/sales-ia\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.aunica.com\/sales-ia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.aunica.com\/en\/"},{"@type":"ListItem","position":2,"name":"Sales: aunica IA | Gerador de Prospec\u00e7\u00e3o com aunica IA: v5"}]},{"@type":"WebSite","@id":"https:\/\/www.aunica.com\/#website","url":"https:\/\/www.aunica.com\/","name":"aunica Interactive Marketing | Since 2004","description":"Especialistas em Data Driven Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.aunica.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98310"}],"collection":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/comments?post=98310"}],"version-history":[{"count":27,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98310\/revisions"}],"predecessor-version":[{"id":99219,"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/pages\/98310\/revisions\/99219"}],"wp:attachment":[{"href":"https:\/\/www.aunica.com\/en\/wp-json\/wp\/v2\/media?parent=98310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}