function MainComponent() { const [theme, setTheme] = React.useState("light"); const [selectedTemplate, setSelectedTemplate] = React.useState("content"); const [aiModel, setAiModel] = React.useState("gpt4"); const [formData, setFormData] = React.useState({}); const [generatedPrompt, setGeneratedPrompt] = React.useState(""); const [formatting, setFormatting] = React.useState({ includeHeaders: true, structuredOutput: true, includeBrandGuidelines: true }); const [advancedFormatting, setAdvancedFormatting] = React.useState({ includeCharts: false, includeTables: false, includeGraphs: false }); const templates = { content: { title: "Content Creation", fields: [ { name: "topic", label: "Primary Topic", type: "text" }, { name: "audience", label: "Target Audience", type: "text" }, { name: "contentType", label: "Content Type", type: "select", options: [ "Blog Post", "White Paper", "Case Study", "Landing Page" ] }, { name: "wordCount", label: "Word Count", type: "number" }, { name: "keyPoints", label: "Key Points to Include", type: "textarea" }, { name: "keywords", label: "Target Keywords", type: "text" } ] }, proposal: { title: "Business Proposal", fields: [ { name: "clientName", label: "Client Name", type: "text" }, { name: "projectScope", label: "Project Scope", type: "textarea" }, { name: "clientIndustry", label: "Client Industry", type: "text" }, { name: "deliverables", label: "Key Deliverables", type: "textarea" }, { name: "timeline", label: "Project Timeline", type: "text" }, { name: "budget", label: "Budget Range", type: "text" } ] }, email: { title: "Email Campaign", fields: [ { name: "campaignGoal", label: "Campaign Goal", type: "text" }, { name: "recipientSegment", label: "Recipient Segment", type: "text" }, { name: "emailType", label: "Email Type", type: "select", options: [ "Welcome", "Newsletter", "Promotional", "Follow-up", "Re-engagement" ] }, { name: "cta", label: "Call to Action", type: "text" }, { name: "subjectLine", label: "Subject Line Ideas", type: "text" } ] }, social: { title: "Social Media Content", fields: [ { name: "platform", label: "Platform", type: "select", options: [ "LinkedIn", "Facebook", "Instagram", "YouTube" ] }, { name: "contentPurpose", label: "Content Purpose", type: "select", options: [ "Engagement", "Lead Generation", "Brand Awareness", "Thought Leadership" ] }, { name: "topicFocus", label: "Topic Focus", type: "text" }, { name: "mediaType", label: "Media Type", type: "select", options: [ "Text Only", "Image", "Video", "Carousel", "Poll" ] }, { name: "keyMessage", label: "Key Message", type: "textarea" } ] }, adCopy: { title: "Ad Copy", fields: [ { name: "adPlatform", label: "Ad Platform", type: "select", options: [ "Google Ads", "Facebook Ads", "LinkedIn Ads", "Display Network" ] }, { name: "adObjective", label: "Ad Objective", type: "select", options: [ "Conversions", "Traffic", "Brand Awareness", "Lead Generation" ] }, { name: "targetAudience", label: "Target Audience", type: "text" }, { name: "uniqueSellingPoint", label: "Unique Selling Point", type: "text" }, { name: "adLength", label: "Ad Length", type: "select", options: [ "Short", "Medium", "Long" ] } ] }, seo: { title: "SEO Content", fields: [ { name: "targetKeyword", label: "Primary Target Keyword", type: "text" }, { name: "secondaryKeywords", label: "Secondary Keywords", type: "text" }, { name: "searchIntent", label: "Search Intent", type: "select", options: [ "Informational", "Navigational", "Commercial", "Transactional" ] }, { name: "contentFormat", label: "Content Format", type: "select", options: [ "How-to Guide", "List Article", "Comparison", "Ultimate Guide", "Query Template" ] }, { name: "competitorUrls", label: "Top Competitor URLs", type: "textarea" }, { name: "entityFocus", label: "Entity Focus", type: "text" } ] }, salesScript: { title: "Sales Script", fields: [ { name: "prospectType", label: "Prospect Type", type: "text" }, { name: "painPoints", label: "Key Pain Points", type: "textarea" }, { name: "solutionFeatures", label: "Solution Features", type: "textarea" }, { name: "objections", label: "Common Objections", type: "textarea" }, { name: "scriptLength", label: "Script Length", type: "select", options: [ "Brief (2-3 min)", "Standard (5-7 min)", "Detailed (10+ min)" ] }, { name: "closingApproach", label: "Closing Approach", type: "select", options: [ "Direct Ask", "Trial Offer", "Limited Time", "Next Steps" ] } ] }, roofing: { title: "Roofing Industry Content", fields: [ { name: "serviceType", label: "Service Type", type: "text" }, { name: "targetArea", label: "Target Area", type: "text" }, { name: "customerDemographics", label: "Customer Demographics", type: "text" }, { name: "keyBenefits", label: "Key Benefits", type: "textarea" } ] }, healthcare: { title: "Healthcare Industry Content", fields: [ { name: "specialty", label: "Specialty", type: "text" }, { name: "targetPatients", label: "Target Patients", type: "text" }, { name: "regulatoryCompliance", label: "Regulatory Compliance", type: "text" }, { name: "patientBenefits", label: "Patient Benefits", type: "textarea" } ] }, retail: { title: "Retail Industry Content", fields: [ { name: "productType", label: "Product Type", type: "text" }, { name: "targetMarket", label: "Target Market", type: "text" }, { name: "seasonalTrends", label: "Seasonal Trends", type: "text" }, { name: "customerEngagement", label: "Customer Engagement Strategies", type: "textarea" } ] }, legal: { title: "Legal Industry Content", fields: [ { name: "practiceArea", label: "Practice Area", type: "text" }, { name: "clientType", label: "Client Type", type: "text" }, { name: "caseStudies", label: "Case Studies", type: "textarea" }, { name: "legalCompliance", label: "Legal Compliance", type: "text" } ] }, consumerServices: { title: "Consumer Services Content", fields: [ { name: "serviceCategory", label: "Service Category", type: "text" }, { name: "targetAudience", label: "Target Audience", type: "text" }, { name: "serviceBenefits", label: "Service Benefits", type: "textarea" }, { name: "competitiveAdvantage", label: "Competitive Advantage", type: "text" } ] } }; React.useEffect(()=>{ const initialData = {}; templates[selectedTemplate].fields.forEach((field)=>{ initialData[field.name] = ""; }); setFormData(initialData); setGeneratedPrompt(""); }, [ selectedTemplate ]); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const rewriteContent = async (content)=>{ try { const response = await fetch("/api/rewrite-content", { method: "POST", body: JSON.stringify({ content }) }); if (!response.ok) { throw new Error(`Error: ${response.statusText}`); } const data = await response.json(); return data.rewrittenContent; } catch (error) { console.error("Rewrite Error:", error); return content; // Return original content if rewrite fails } }; const generatePrompt = async ()=>{ const template = templates[selectedTemplate]; let prompt = `Create a ${template.title.toLowerCase()} for Holistic Growth Marketing with the following specifications:\n\n`; if (formatting.includeHeaders) { prompt += `## OBJECTIVE\n`; } template.fields.forEach((field)=>{ if (formData[field.name]) { const label = formatting.includeHeaders ? `${field.label}: ` : `- ${field.label}: `; prompt += `${label}${formData[field.name]}\n`; } }); if (formatting.includeBrandGuidelines) { prompt += `\n## BRAND GUIDELINES\n`; prompt += `- Use data-driven, ROI-focused messaging\n`; prompt += `- Avoid overused terms like "boost" or "elevate"\n`; prompt += `- Focus on measurable outcomes and business intelligence insights\n`; prompt += `- Maintain a professional, authoritative tone\n`; prompt += `- Emphasize holistic marketing approaches that integrate multiple channels\n`; } if (formatting.structuredOutput) { prompt += `\n## OUTPUT FORMAT\n`; prompt += `- Provide a clear, structured response\n`; prompt += `- Include section headers for easy navigation\n`; prompt += `- Incorporate relevant data points or statistics where applicable\n`; prompt += `- Conclude with measurable next steps or implementation guidance\n`; } if (aiModel === "gpt4") { prompt += `\nOptimize this content for comprehensive analysis and strategic depth.`; } else if (aiModel === "gpt3") { prompt += `\nFocus on clarity and conciseness while maintaining strategic value.`; } else if (aiModel === "claude") { prompt += `\nEmphasize narrative flow and business context in your response.`; } else if (aiModel === "gemini") { prompt += `\nPrioritize actionable insights and implementation details.`; } const rewrittenPrompt = await rewriteContent(prompt); setGeneratedPrompt(rewrittenPrompt); customApiIntegration(); }; const copyToClipboard = ()=>{ navigator.clipboard.writeText(generatedPrompt); }; const savePreferences = ()=>{ alert("Preferences saved successfully. Lead generation data updated."); }; const customApiIntegration = async ()=>{ try { const response = await fetch("/api/custom-endpoint", { method: "POST", body: JSON.stringify(formData) }); if (!response.ok) { throw new Error(`Error: ${response.statusText}`); } const data = await response.json(); console.log("API Response:", data); } catch (error) { console.error("API Integration Error:", error); } }; async function handler({ content }) { const rewrittenContent = content.replace(/\b(boost|elevate)\b/g, "enhance"); return { rewrittenContent }; } return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen transition-colors duration-300 ${theme === "dark" ? "bg-gray-900 text-white" : "bg-gray-50 text-gray-900"}`, __source: { fileName: "", lineNumber: 390, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 393, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "mb-8", __source: { fileName: "", lineNumber: 394, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 395, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl sm:text-3xl font-bold font-montserrat text-center sm:text-left mb-3 sm:mb-0", __source: { fileName: "", lineNumber: 396, columnNumber: 13 }, __self: this }, "Advanced Prompt Generator"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setTheme(theme === "light" ? "dark" : "light"), className: `p-2 rounded-full ${theme === "dark" ? "bg-gray-700 text-yellow-300" : "bg-gray-200 text-gray-700"}`, __source: { fileName: "", lineNumber: 399, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${theme === "dark" ? "fa-sun" : "fa-moon"}`, __source: { fileName: "", lineNumber: 403, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-md sm:text-lg mt-2 font-roboto text-center sm:text-left", __source: { fileName: "", lineNumber: 408, columnNumber: 11 }, __self: this }, "Generate customized AI prompts aligned with Holistic Growth Marketing's data-driven approach")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6 sm:gap-8", __source: { fileName: "", lineNumber: 414, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `lg:col-span-2 ${theme === "dark" ? "bg-gray-800" : "bg-white"} rounded-lg shadow-lg p-4 sm:p-6`, __source: { fileName: "", lineNumber: 415, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 418, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg sm:text-xl font-semibold mb-3 sm:mb-4 font-montserrat", __source: { fileName: "", lineNumber: 419, columnNumber: 15 }, __self: this }, "Template Selection"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 xs:grid-cols-2 md:grid-cols-4 gap-2 sm:gap-3", __source: { fileName: "", lineNumber: 422, columnNumber: 15 }, __self: this }, Object.keys(templates).map((key)=>/*#__PURE__*/ React.createElement("button", { key: key, onClick: ()=>setSelectedTemplate(key), className: `py-2 px-3 rounded-md text-xs sm:text-sm font-medium transition-colors ${selectedTemplate === key ? theme === "dark" ? "bg-blue-600 text-white" : "bg-blue-500 text-white" : theme === "dark" ? "bg-gray-700 hover:bg-gray-600" : "bg-gray-200 hover:bg-gray-300"}`, __source: { fileName: "", lineNumber: 424, columnNumber: 19 }, __self: this }, templates[key].title)))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 443, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg sm:text-xl font-semibold mb-3 sm:mb-4 font-montserrat", __source: { fileName: "", lineNumber: 444, columnNumber: 15 }, __self: this }, "AI Model"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-2 sm:gap-3", __source: { fileName: "", lineNumber: 447, columnNumber: 15 }, __self: this }, [ "gpt4", "gpt3", "claude", "gemini" ].map((model)=>/*#__PURE__*/ React.createElement("button", { key: model, onClick: ()=>setAiModel(model), className: `py-2 px-3 rounded-md text-xs sm:text-sm font-medium transition-colors ${aiModel === model ? theme === "dark" ? "bg-purple-600 text-white" : "bg-purple-500 text-white" : theme === "dark" ? "bg-gray-700 hover:bg-gray-600" : "bg-gray-200 hover:bg-gray-300"}`, __source: { fileName: "", lineNumber: 449, columnNumber: 19 }, __self: this }, model === "gpt4" ? "GPT-4" : model === "gpt3" ? "GPT-3.5" : model === "claude" ? "Claude" : "Gemini")))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 474, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg sm:text-xl font-semibold mb-3 sm:mb-4 font-montserrat", __source: { fileName: "", lineNumber: 475, columnNumber: 15 }, __self: this }, templates[selectedTemplate].title, " Parameters"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 sm:gap-4", __source: { fileName: "", lineNumber: 478, columnNumber: 15 }, __self: this }, templates[selectedTemplate].fields.map((field)=>/*#__PURE__*/ React.createElement("div", { key: field.name, className: "mb-3 sm:mb-4", __source: { fileName: "", lineNumber: 480, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: field.name, __source: { fileName: "", lineNumber: 481, columnNumber: 21 }, __self: this }, field.label), field.type === "text" && /*#__PURE__*/ React.createElement("input", { type: "text", id: field.name, name: field.name, value: formData[field.name] || "", onChange: handleInputChange, className: `w-full p-2 rounded-md border ${theme === "dark" ? "bg-gray-700 border-gray-600" : "bg-white border-gray-300"}`, __source: { fileName: "", lineNumber: 488, columnNumber: 23 }, __self: this }), field.type === "textarea" && /*#__PURE__*/ React.createElement("textarea", { id: field.name, name: field.name, value: formData[field.name] || "", onChange: handleInputChange, rows: "3", className: `w-full p-2 rounded-md border ${theme === "dark" ? "bg-gray-700 border-gray-600" : "bg-white border-gray-300"}`, __source: { fileName: "", lineNumber: 498, columnNumber: 23 }, __self: this }), field.type === "select" && /*#__PURE__*/ React.createElement("select", { id: field.name, name: field.name, value: formData[field.name] || "", onChange: handleInputChange, className: `w-full p-2 rounded-md border ${theme === "dark" ? "bg-gray-700 border-gray-600" : "bg-white border-gray-300"}`, __source: { fileName: "", lineNumber: 508, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 515, columnNumber: 25 }, __self: this }, "Select an option"), field.options.map((option)=>/*#__PURE__*/ React.createElement("option", { key: option, value: option, __source: { fileName: "", lineNumber: 517, columnNumber: 27 }, __self: this }, option))), field.type === "number" && /*#__PURE__*/ React.createElement("input", { type: "number", id: field.name, name: field.name, value: formData[field.name] || "", onChange: handleInputChange, className: `w-full p-2 rounded-md border ${theme === "dark" ? "bg-gray-700 border-gray-600" : "bg-white border-gray-300"}`, __source: { fileName: "", lineNumber: 524, columnNumber: 23 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 538, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generatePrompt, className: "bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-6 rounded-md transition-colors", __source: { fileName: "", lineNumber: 539, columnNumber: 15 }, __self: this }, "Generate Prompt"))), /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-1", __source: { fileName: "", lineNumber: 548, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `mb-6 ${theme === "dark" ? "bg-gray-800" : "bg-white"} rounded-lg shadow-lg p-4 sm:p-6`, __source: { fileName: "", lineNumber: 549, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg sm:text-xl font-semibold mb-3 sm:mb-4 font-montserrat", __source: { fileName: "", lineNumber: 552, columnNumber: 15 }, __self: this }, "Formatting Options"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 sm:space-y-3", __source: { fileName: "", lineNumber: 555, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 556, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "includeHeaders", checked: formatting.includeHeaders, onChange: ()=>setFormatting((prev)=>({ ...prev, includeHeaders: !prev.includeHeaders })), className: "mr-2", __source: { fileName: "", lineNumber: 557, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "includeHeaders", className: "text-sm sm:text-base", __source: { fileName: "", lineNumber: 569, columnNumber: 19 }, __self: this }, "Include Section Headers")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 576, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "structuredOutput", checked: formatting.structuredOutput, onChange: ()=>setFormatting((prev)=>({ ...prev, structuredOutput: !prev.structuredOutput })), className: "mr-2", __source: { fileName: "", lineNumber: 577, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "structuredOutput", className: "text-sm sm:text-base", __source: { fileName: "", lineNumber: 589, columnNumber: 19 }, __self: this }, "Request Structured Output")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 596, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "includeBrandGuidelines", checked: formatting.includeBrandGuidelines, onChange: ()=>setFormatting((prev)=>({ ...prev, includeBrandGuidelines: !prev.includeBrandGuidelines })), className: "mr-2", __source: { fileName: "", lineNumber: 597, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "includeBrandGuidelines", className: "text-sm sm:text-base", __source: { fileName: "", lineNumber: 609, columnNumber: 19 }, __self: this }, "Include Brand Guidelines")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 616, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "includeCharts", checked: advancedFormatting.includeCharts, onChange: ()=>setAdvancedFormatting((prev)=>({ ...prev, includeCharts: !prev.includeCharts })), className: "mr-2", __source: { fileName: "", lineNumber: 617, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "includeCharts", className: "text-sm sm:text-base", __source: { fileName: "", lineNumber: 629, columnNumber: 19 }, __self: this }, "Include Charts")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 636, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "includeTables", checked: advancedFormatting.includeTables, onChange: ()=>setAdvancedFormatting((prev)=>({ ...prev, includeTables: !prev.includeTables })), className: "mr-2", __source: { fileName: "", lineNumber: 637, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "includeTables", className: "text-sm sm:text-base", __source: { fileName: "", lineNumber: 649, columnNumber: 19 }, __self: this }, "Include Tables")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 656, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "includeGraphs", checked: advancedFormatting.includeGraphs, onChange: ()=>setAdvancedFormatting((prev)=>({ ...prev, includeGraphs: !prev.includeGraphs })), className: "mr-2", __source: { fileName: "", lineNumber: 657, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "includeGraphs", className: "text-sm sm:text-base", __source: { fileName: "", lineNumber: 669, columnNumber: 19 }, __self: this }, "Include Graphs"))), /*#__PURE__*/ React.createElement("button", { onClick: savePreferences, className: "mt-4 w-full bg-gray-600 hover:bg-gray-700 text-white font-medium py-2 px-4 rounded-md transition-colors", __source: { fileName: "", lineNumber: 677, columnNumber: 15 }, __self: this }, "Save Preferences")), /*#__PURE__*/ React.createElement("div", { className: `${theme === "dark" ? "bg-gray-800" : "bg-white"} rounded-lg shadow-lg p-4 sm:p-6`, __source: { fileName: "", lineNumber: 685, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-3 sm:mb-4", __source: { fileName: "", lineNumber: 688, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg sm:text-xl font-semibold font-montserrat", __source: { fileName: "", lineNumber: 689, columnNumber: 17 }, __self: this }, "Generated Prompt"), generatedPrompt && /*#__PURE__*/ React.createElement("button", { onClick: copyToClipboard, className: "text-blue-500 hover:text-blue-600", title: "Copy to clipboard", __source: { fileName: "", lineNumber: 693, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 698, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: `p-3 sm:p-4 rounded-md ${theme === "dark" ? "bg-gray-700" : "bg-gray-100"} min-h-[150px] sm:min-h-[200px] max-h-[300px] sm:max-h-[400px] overflow-y-auto`, __source: { fileName: "", lineNumber: 702, columnNumber: 15 }, __self: this }, generatedPrompt ? /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap font-roboto text-xs sm:text-sm", __source: { fileName: "", lineNumber: 706, columnNumber: 19 }, __self: this }, generatedPrompt) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 italic text-xs sm:text-sm", __source: { fileName: "", lineNumber: 710, columnNumber: 19 }, __self: this }, "Your generated prompt will appear here"))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-8 sm:mt-12 text-center text-xs sm:text-sm text-gray-500", __source: { fileName: "", lineNumber: 719, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 720, columnNumber: 11 }, __self: this }, "© 2025 Holistic Growth Marketing | Advanced Prompt Generator"), /*#__PURE__*/ React.createElement("p", { className: "mt-1", __source: { fileName: "", lineNumber: 721, columnNumber: 11 }, __self: this }, "Transforming marketing strategies with data-driven insights")))); }

Template Selection

AI Model

Content Creation Parameters

Formatting Options

Generated Prompt