CTA Details

Original CTA Text

Primary Goal

Context / Product

Generated CTA Variations

Your AI-generated CTA ideas will appear here.

Rationale: ${cta.rationale}

`).join(''); const reportHtml = `

Conversion Strategy Brief

For CTA: ${inputsData.ctaText}

Campaign Goal & Audience

Goal: ${inputsData.goal}
Audience: ${inputsData.context}

Generated CTA Variations

${ctaCards}

`; const pdfTemplate = document.getElementById('pdf-template'); pdfTemplate.innerHTML = reportHtml; pdfTemplate.classList.remove('invisible'); try { const { jsPDF } = window.jspdf; const canvas = await html2canvas(pdfTemplate.querySelector('.pdf-page'), { scale: 2 }); const imgData = canvas.toDataURL('image/png'); const pdf = new jsPDF({ orientation: 'p', unit: 'pt', format: 'a4' }); const pdfWidth = pdf.internal.pageSize.getWidth(), pdfHeight = (canvas.height * pdfWidth) / canvas.width; pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight); pdf.save(`CTA_Variations_${inputsData.ctaText.replace(/\s+/g, '_')}.pdf`); } catch (e) { console.error('PDF Generation Error:', e); } finally { downloadPdfBtn.disabled = false; downloadPdfBtn.textContent = 'Download PDF'; pdfTemplate.classList.add('invisible'); pdfTemplate.innerHTML = ''; } } // --- EVENT LISTENERS --- generateBtn.addEventListener('click', generateCtas); resultsContainer.addEventListener('click', (e) => { if (e.target.classList.contains('copy-cta-btn')) { const text = generatedCtas[e.target.dataset.index].text; copyToClipboard(text, 'CTA copied!'); } }); downloadPdfBtn.addEventListener('click', generatePdfReport); });