function MainComponent() { const [userInput, setUserInput] = React.useState(""); const [budget, setBudget] = React.useState(""); const [riskTolerance, setRiskTolerance] = React.useState("medium"); const [experience, setExperience] = React.useState("beginner"); const [industry, setIndustry] = React.useState(""); const [analysis, setAnalysis] = React.useState(null); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [isNarrating, setIsNarrating] = React.useState(false); const analyzeBusinessOpportunity = React.useCallback(async ()=>{ if (!userInput.trim() || !budget) { setError("Please provide your business interests and budget"); return; } setLoading(true); setError(null); try { const prompt = `You are Elon Marvell, an elite AI business advisor, stock broker, trader, and business tycoon. Analyze this user's situation and provide comprehensive business guidance: User Details: - Business Interests: ${userInput} - Budget: $${budget} - Risk Tolerance: ${riskTolerance} - Experience Level: ${experience} - Preferred Industry: ${industry || "Any"} Provide a detailed analysis covering: 1. Best business ventures for their profile 2. Risk assessment for each recommendation 3. Risk management strategies 4. How to avoid common pitfalls 5. Success strategies and profit optimization 6. Multiple business options based on their budget 7. Timeline and milestones 8. Expected ROI and growth potential Be specific, actionable, and professional. Format your response clearly with sections.`; const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are Elon Marvell, a world-class business advisor and financial strategist. Provide detailed, actionable business advice with specific strategies and risk management techniques." }, { role: "user", content: prompt } ] }) }); if (!response.ok) { throw new Error(`Analysis failed: ${response.status} ${response.statusText}`); } const data = await response.json(); const result = data.choices[0].message.content; setAnalysis(result); } catch (err) { console.error(err); setError("Failed to generate business analysis. Please try again."); } finally{ setLoading(false); } }, [ userInput, budget, riskTolerance, experience, industry ]); const downloadReport = React.useCallback(()=>{ if (!analysis) return; const reportContent = `ELON MARVELL BUSINESS ANALYSIS REPORT Generated: ${new Date().toLocaleDateString()} USER PROFILE: - Business Interests: ${userInput} - Budget: $${budget} - Risk Tolerance: ${riskTolerance} - Experience: ${experience} - Industry Focus: ${industry || "Any"} ${analysis} --- Report generated by Elon Marvell AI Business Advisor © ${new Date().getFullYear()}`; const blob = new Blob([ reportContent ], { type: "text/plain" }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = `Elon_Marvell_Business_Report_${new Date().toISOString().split("T")[0]}.txt`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); }, [ analysis, userInput, budget, riskTolerance, experience, industry ]); const narrateReport = React.useCallback(()=>{ if (!analysis || isNarrating) return; if ("speechSynthesis" in window) { setIsNarrating(true); const utterance = new SpeechSynthesisUtterance(analysis); utterance.rate = 0.9; utterance.pitch = 1; utterance.volume = 1; utterance.onend = ()=>setIsNarrating(false); utterance.onerror = ()=>setIsNarrating(false); speechSynthesis.speak(utterance); } else { setError("Speech synthesis not supported in your browser"); } }, [ analysis, isNarrating ]); const stopNarration = React.useCallback(()=>{ if ("speechSynthesis" in window) { speechSynthesis.cancel(); setIsNarrating(false); } }, []); return /*#__PURE__*/ React.createElement("div", { style: { minHeight: "100vh", background: "linear-gradient(135deg, #1e3c72 0%, #2a5298 100%)", padding: "20px" }, __source: { fileName: "", lineNumber: 137, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { maxWidth: "1200px", margin: "0 auto" }, __source: { fileName: "", lineNumber: 144, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { textAlign: "center", marginBottom: "40px", color: "white" }, __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { style: { fontSize: "3rem", fontWeight: "bold", marginBottom: "10px", textShadow: "2px 2px 4px rgba(0,0,0,0.3)" }, className: "font-roboto", __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }, "🚀 ELON MARVELL"), /*#__PURE__*/ React.createElement("p", { style: { fontSize: "1.2rem", opacity: "0.9" }, className: "font-roboto", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, "Elite AI Business Advisor • Stock Broker • Trading Expert • Business Tycoon"), /*#__PURE__*/ React.createElement("div", { style: { width: "100px", height: "3px", background: "#ffd700", margin: "20px auto" }, __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { style: { background: "white", borderRadius: "15px", padding: "30px", marginBottom: "30px", boxShadow: "0 10px 30px rgba(0,0,0,0.2)" }, __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { style: { fontSize: "1.8rem", marginBottom: "25px", color: "#1e3c72" }, className: "font-roboto", __source: { fileName: "", lineNumber: 187, columnNumber: 11 }, __self: this }, "📊 Business Consultation Form"), /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))", gap: "20px", marginBottom: "25px" }, __source: { fileName: "", lineNumber: 198, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 206, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", marginBottom: "8px", fontWeight: "bold", color: "#333" }, className: "font-roboto", __source: { fileName: "", lineNumber: 207, columnNumber: 15 }, __self: this }, "💼 Your Business Interests & Goals"), /*#__PURE__*/ React.createElement("textarea", { value: userInput, onChange: (e)=>setUserInput(e.target.value), placeholder: "Describe your business interests, goals, and what type of ventures you're considering...", style: { width: "100%", padding: "12px", border: "2px solid #e0e0e0", borderRadius: "8px", fontSize: "16px", minHeight: "100px", resize: "vertical" }, className: "font-roboto", __source: { fileName: "", lineNumber: 218, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 235, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", marginBottom: "8px", fontWeight: "bold", color: "#333" }, className: "font-roboto", __source: { fileName: "", lineNumber: 236, columnNumber: 15 }, __self: this }, "💰 Available Budget ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", value: budget, onChange: (e)=>setBudget(e.target.value), placeholder: "Enter your investment budget", style: { width: "100%", padding: "12px", border: "2px solid #e0e0e0", borderRadius: "8px", fontSize: "16px" }, className: "font-roboto", __source: { fileName: "", lineNumber: 247, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))", gap: "20px", marginBottom: "25px" }, __source: { fileName: "", lineNumber: 264, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 272, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", marginBottom: "8px", fontWeight: "bold", color: "#333" }, className: "font-roboto", __source: { fileName: "", lineNumber: 273, columnNumber: 15 }, __self: this }, "⚡ Risk Tolerance"), /*#__PURE__*/ React.createElement("select", { value: riskTolerance, onChange: (e)=>setRiskTolerance(e.target.value), style: { width: "100%", padding: "12px", border: "2px solid #e0e0e0", borderRadius: "8px", fontSize: "16px" }, className: "font-roboto", __source: { fileName: "", lineNumber: 284, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "low", __source: { fileName: "", lineNumber: 296, columnNumber: 17 }, __self: this }, "Low Risk - Conservative"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 297, columnNumber: 17 }, __self: this }, "Medium Risk - Balanced"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 298, columnNumber: 17 }, __self: this }, "High Risk - Aggressive"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 302, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", marginBottom: "8px", fontWeight: "bold", color: "#333" }, className: "font-roboto", __source: { fileName: "", lineNumber: 303, columnNumber: 15 }, __self: this }, "🎯 Experience Level"), /*#__PURE__*/ React.createElement("select", { value: experience, onChange: (e)=>setExperience(e.target.value), style: { width: "100%", padding: "12px", border: "2px solid #e0e0e0", borderRadius: "8px", fontSize: "16px" }, className: "font-roboto", __source: { fileName: "", lineNumber: 314, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "beginner", __source: { fileName: "", lineNumber: 326, columnNumber: 17 }, __self: this }, "Beginner"), /*#__PURE__*/ React.createElement("option", { value: "intermediate", __source: { fileName: "", lineNumber: 327, columnNumber: 17 }, __self: this }, "Intermediate"), /*#__PURE__*/ React.createElement("option", { value: "advanced", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this }, "Advanced"), /*#__PURE__*/ React.createElement("option", { value: "expert", __source: { fileName: "", lineNumber: 329, columnNumber: 17 }, __self: this }, "Expert"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 333, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { style: { display: "block", marginBottom: "8px", fontWeight: "bold", color: "#333" }, className: "font-roboto", __source: { fileName: "", lineNumber: 334, columnNumber: 15 }, __self: this }, "🏭 Preferred Industry"), /*#__PURE__*/ React.createElement("input", { type: "text", value: industry, onChange: (e)=>setIndustry(e.target.value), placeholder: "e.g., Technology, Real Estate, E-commerce", style: { width: "100%", padding: "12px", border: "2px solid #e0e0e0", borderRadius: "8px", fontSize: "16px" }, className: "font-roboto", __source: { fileName: "", lineNumber: 345, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: analyzeBusinessOpportunity, disabled: loading, style: { background: loading ? "#ccc" : "linear-gradient(45deg, #1e3c72, #2a5298)", color: "white", border: "none", padding: "15px 30px", borderRadius: "8px", fontSize: "18px", fontWeight: "bold", cursor: loading ? "not-allowed" : "pointer", width: "100%", transition: "all 0.3s ease" }, className: "font-roboto", __source: { fileName: "", lineNumber: 362, columnNumber: 11 }, __self: this }, loading ? "🔄 Analyzing..." : "🚀 Get Elon Marvell's Analysis")), error && /*#__PURE__*/ React.createElement("div", { style: { background: "#fee", border: "2px solid #fcc", borderRadius: "8px", padding: "15px", marginBottom: "20px", color: "#c33" }, __source: { fileName: "", lineNumber: 387, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 397, columnNumber: 13 }, __self: this }, "⚠️ Error:"), " ", error), analysis && /*#__PURE__*/ React.createElement("div", { style: { background: "white", borderRadius: "15px", padding: "30px", boxShadow: "0 10px 30px rgba(0,0,0,0.2)" }, __source: { fileName: "", lineNumber: 403, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "25px", flexWrap: "wrap", gap: "10px" }, __source: { fileName: "", lineNumber: 411, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { style: { fontSize: "1.8rem", color: "#1e3c72", margin: "0" }, className: "font-roboto", __source: { fileName: "", lineNumber: 421, columnNumber: 15 }, __self: this }, "📈 Elon Marvell's Business Analysis"), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", gap: "10px", flexWrap: "wrap" }, __source: { fileName: "", lineNumber: 428, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: downloadReport, style: { background: "#28a745", color: "white", border: "none", padding: "10px 20px", borderRadius: "6px", fontSize: "14px", cursor: "pointer", display: "flex", alignItems: "center", gap: "5px" }, className: "font-roboto", __source: { fileName: "", lineNumber: 429, columnNumber: 17 }, __self: this }, "📥 Download Report"), /*#__PURE__*/ React.createElement("button", { onClick: isNarrating ? stopNarration : narrateReport, style: { background: isNarrating ? "#dc3545" : "#17a2b8", color: "white", border: "none", padding: "10px 20px", borderRadius: "6px", fontSize: "14px", cursor: "pointer", display: "flex", alignItems: "center", gap: "5px" }, className: "font-roboto", __source: { fileName: "", lineNumber: 448, columnNumber: 17 }, __self: this }, isNarrating ? "⏹️ Stop" : "🔊 Narrate"))), /*#__PURE__*/ React.createElement("div", { style: { background: "#f8f9fa", border: "1px solid #e9ecef", borderRadius: "8px", padding: "25px", lineHeight: "1.6", whiteSpace: "pre-wrap" }, className: "font-roboto", __source: { fileName: "", lineNumber: 469, columnNumber: 13 }, __self: this }, analysis), /*#__PURE__*/ React.createElement("div", { style: { marginTop: "20px", padding: "15px", background: "linear-gradient(45deg, #1e3c72, #2a5298)", borderRadius: "8px", color: "white", textAlign: "center" }, __source: { fileName: "", lineNumber: 483, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { style: { margin: "0", fontSize: "14px", opacity: "0.9" }, className: "font-roboto", __source: { fileName: "", lineNumber: 493, columnNumber: 15 }, __self: this }, "💡 This analysis was generated by Elon Marvell AI • Always consult with financial professionals before making investment decisions"))))); }