\n 📊 Content Analysis Results\n

\n \n

\n {/* Key Topics */}\n

🎯 Key Topics

\n •\n {topic}\n

\n\n {/* Value Propositions */}\n

💎 Value Propositions

\n •\n {value}\n

\n\n {/* Target Audience */}\n

👥 Target Audience

{state.analysis.targetAudience}

\n\n {/* Main Benefits */}\n

🚀 Main Benefits

\n •\n {benefit}\n

\n\n {/* Quotable Insights */}\n {state.analysis.quotableInsights.length > 0 && (\n

💡 Key Insights

\n {state.analysis.quotableInsights.slice(0, 3).map((insight, index) => (\n

\n \"{insight}\"\n

\n ))}\n

\n )}\n

\n\n {/* Generation Options */}\n

\n ✨ Customize Your Lead Magnet\n

\n \n

\n {/* Lead Magnet Title */}\n

\n \n Lead Magnet Title (Optional)\n \n setLeadMagnetTitle(e.target.value)}\n placeholder=\"e.g., 5 Essential Marketing Strategies That Drive Results\"\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all\"\n disabled={isGenerating}\n />\n

\n Leave blank to let AI create an optimized title\n

\n\n {/* Focus Area */}\n

\n \n Focus Area (Optional)\n \n setFocusArea(e.target.value)}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all\"\n disabled={isGenerating}\n >\n \n \n \n \n \n \n \n \n

\n Choose what aspect to emphasize in your lead magnet\n

\n\n {/* Generation Preview */}\n

✨ AI will create:

\n 📝\n A compelling 3-5 page lead magnet with valuable content\n
\n 🎯\n Strategic excerpts and insights from your product\n
\n 💪\n Strong call-to-action driving to your full product\n
\n 🎨\n Professional HTML formatting ready for distribution\n

\n\n {/* Generate Button */}\n

\n \n {isGenerating ? (\n \n

\n Generating Lead Magnet...\n \n ) : (\n '✨ Generate Lead Magnet'\n )}\n \n \n {isGenerating && (\n

\n Creating your lead magnet... This may take 1-2 minutes.\n

\n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/andiebuk/Leadmagmagic/code/frontend/components/Generator.tsx","extension","actionData","errors"]