`; resultsContent.appendChild(promptCard); } // Scroll to results resultsContent.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); } function generateImprovedPrompts() { const quality = document.getElementById('quality-select').value; const currentPrompts = document.querySelectorAll('.prompt-card p'); currentPrompts.forEach(promptEl => { const currentText = promptEl.textContent; // Simulate improving the prompt based on quality selection let improvedText = currentText; if (quality === 'better') { improvedText = improvePrompt(currentText, 1); } else if (quality === 'best') { improvedText = improvePrompt(currentText, 2); } promptEl.textContent = improvedText; }); // Show notification showNotification('Prompts improved successfully!', 'success'); } function createPrompt(data) { // This is where the magic happens - creating tailored prompts let prompt = ''; const { productName, targetAudience, keyBenefit, brandVoice, contentType, emotionalAppeal, competitors, keywords, cta, length } = data; // Start with basic template based on content type switch(contentType) { case 'social-post': prompt = `Create a social media post for ${productName} targeting ${targetAudience}. `; break; case 'email': prompt = `Write an email subject line and opening for ${productName} that will engage ${targetAudience}. `; break; case 'ad-copy': prompt = `Generate high-converting ad copy for ${productName} aimed at ${targetAudience}. `; break; case 'blog-title': prompt = `Create 5 attention-grabbing blog title ideas about ${productName} for ${targetAudience}. `; break; case 'video-script': prompt = `Write a 10-second video hook script for ${productName} that will captivate ${targetAudience}. `; break; default: prompt = `Create marketing content for ${productName} targeting ${targetAudience}. `; } // Add key benefit prompt += `Highlight the key benefit: "${keyBenefit}". `; // Add brand voice switch(brandVoice) { case 'professional': prompt += `Use a professional, corporate tone. `; break; case 'friendly': prompt += `Use a friendly, conversational tone. `; break; case 'authoritative': prompt += `Use an authoritative, expert tone with statistics or proof. `; break; case 'funny': prompt += `Use humor and playful language. `; break; case 'inspirational': prompt += `Use inspirational and motivational language. `; break; case 'urgent': prompt += `Create a sense of urgency and scarcity. `; break; } // Add emotional appeal switch(emotionalAppeal) { case 'fear': prompt += `Trigger FOMO (fear of missing out). `; break; case 'exclusivity': prompt += `Make it feel exclusive and limited. `; break; case 'belonging': prompt += `Appeal to the desire to belong to a group. `; break; case 'achievement': prompt += `Appeal to the desire for success and achievement. `; break; case 'security': prompt += `Appeal to the need for safety and security. `; break; } // Add competitors if provided if (competitors) { prompt += `Highlight these weaknesses of competitors: ${competitors}. `; } // Add keywords if provided if (keywords) { prompt += `Incorporate these keywords naturally: ${keywords}. `; } // Add CTA if provided if (cta) { prompt += `Include a clear call-to-action: "${cta}". `; } // Adjust for length switch(length) { case 'short': prompt += `Keep it concise - one powerful sentence.`; break; case 'long': prompt += `Provide a detailed paragraph with multiple benefits.`; break; default: prompt += `Keep it to 2-3 compelling sentences.`; } return prompt; } function improvePrompt(text, level) { // Simulate improving a prompt (in a real app, this might use more sophisticated algorithms) const improvements = [ "Enhanced to be more engaging: ", "Optimized for better conversion: ", "Refined to target emotions more effectively: " ]; const boosters = [ " Now with proven psychological triggers!", " Scientifically crafted for maximum impact!", " Conversion-optimized based on market research!" ]; let improved = text; if (level >= 1) { improved = improvements[Math.floor(Math.random() * improvements.length)] + improved; } if (level >= 2) { improved += boosters[Math.floor(Math.random() * boosters.length)]; } return improved; } function copyAllPrompts() { const prompts = document.querySelectorAll('.prompt-card p'); if (prompts.length === 0) { showNotification('No prompts to copy!', 'error'); return; } let allText = ''; prompts.forEach((p, index) => { allText += `Prompt ${index + 1}:\n${p.textContent}\n\n`; }); navigator.clipboard.writeText(allText).then(() => { showNotification('All prompts copied to clipboard!', 'success'); }); } function clearAllPrompts() { const resultsContent = document.getElementById('results-content'); resultsContent.innerHTML = ''; resultsContent.style.display = 'none'; document.querySelector('.empty-state').style.display = 'flex'; } // These are called from inline onclick handlers window.copyPrompt = function(button) { const promptText = button.closest('.prompt-card').querySelector('p').textContent; navigator.clipboard.writeText(promptText).then(() => { showNotification('Prompt copied!', 'success'); }); }; window.regenerateSinglePrompt = function(button) { const promptCard = button.closest('.prompt-card'); const currentText = promptCard.querySelector('p').textContent; const improvedText = improvePrompt(currentText, 2); promptCard.querySelector('p').textContent = improvedText; showNotification('Prompt regenerated!', 'success'); }; function showNotification(message, type) { const notification = document.createElement('div'); notification.className = `notification ${type}`; notification.textContent = message; document.body.appendChild(notification); setTimeout(() => { notification.classList.add('show'); }, 10); setTimeout(() => { notification.classList.remove('show'); setTimeout(() => { document.body.removeChild(notification); }, 300); }, 3000); } }); // Add notification styles const notificationStyles = document.createElement('style'); notificationStyles.textContent = ` .notification { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); padding: 12px 25px; border-radius: 6px; color: white; font-weight: 500; opacity: 0; transition: opacity 0.3s; z-index: 1000; } .notification.show { opacity: 1; } .notification.success { background: #4CAF50; box-shadow: 0 3px 10px rgba(76, 175, 80, 0.3); } .notification.error { background: #F44336; box-shadow: 0 3px 10px rgba(244, 67, 54, 0.3); } `; document.head.appendChild(notificationStyles);