function MainComponent() { const [formData, setFormData] = useState({ business_idea: "", target_market: "", target_persona: "" }); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [result, setResult] = useState(null); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); setResult(null); if (!formData.business_idea || !formData.target_market || !formData.target_persona) { setError("Please fill in all fields"); setLoading(false); return; } try { const response = await fetch("/api/business-ideas/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } if (!data.idea_rating || !data.detailed_feedback) { throw new Error("Invalid response format from server"); } setResult(data); } catch (err) { console.error("Submission error:", err); setError(err.message || "Failed to analyze business idea"); } finally{ setLoading(false); } }; const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#000000] via-[#0a1527] via-[#1a1b4b] to-[#000000] text-white p-4 md:p-8", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(55,65,140,0.1),transparent_50%)] pointer-events-none", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-black mb-12 text-white text-center tracking-tight [text-shadow:_0_1px_20px_rgb(255_255_255_/_20%)]", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "Business Idea Validator"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-8 mb-12", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-3 tracking-wide text-gray-300", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Business Idea Description"), /*#__PURE__*/ React.createElement("textarea", { name: "business_idea", value: formData.business_idea, onChange: handleInputChange, className: "w-full h-32 rounded-lg backdrop-blur-sm bg-gray-800/30 border border-gray-700/50 p-4 text-white shadow-[0_0_15px_rgba(255,255,255,0.07)] focus:outline-none focus:border-gray-600 focus:ring-1 focus:ring-gray-600 transition-all duration-200", placeholder: "Describe your business idea...", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-3 tracking-wide text-gray-300", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Target Market"), /*#__PURE__*/ React.createElement("textarea", { name: "target_market", value: formData.target_market, onChange: handleInputChange, className: "w-full h-24 rounded-lg backdrop-blur-sm bg-gray-800/30 border border-gray-700/50 p-4 text-white shadow-[0_0_15px_rgba(255,255,255,0.07)] focus:outline-none focus:border-gray-600 focus:ring-1 focus:ring-gray-600 transition-all duration-200", placeholder: "Who is your target market?", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-3 tracking-wide text-gray-300", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Target Persona/Ideal Customer"), /*#__PURE__*/ React.createElement("textarea", { name: "target_persona", value: formData.target_persona, onChange: handleInputChange, className: "w-full h-24 rounded-lg backdrop-blur-sm bg-gray-800/30 border border-gray-700/50 p-4 text-white shadow-[0_0_15px_rgba(255,255,255,0.07)] focus:outline-none focus:border-gray-600 focus:ring-1 focus:ring-gray-600 transition-all duration-200", placeholder: "Describe your ideal customer...", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full md:w-auto px-8 py-3 rounded-lg bg-gradient-to-r from-blue-500 to-purple-600 hover:from-purple-600 hover:to-blue-500 text-white font-medium transition-all duration-200 hover:opacity-90 disabled:opacity-50", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, loading ? "Analyzing..." : "Analyze My Business and Generate My Report"))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900/50 border border-red-500 text-red-200 p-4 rounded-lg mb-8", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, error), loading && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center space-y-4 my-8", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-gray-300 animate-pulse", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, "Analyzing your business idea..."), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, "This may take a few moments")), result && /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-gray-800/30 rounded-lg p-8 space-y-8 border border-gray-700/50 shadow-[0_0_15px_rgba(255,255,255,0.07)]", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl font-bold mb-2 [text-shadow:_0_1px_20px_rgb(255_255_255_/_20%)]", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, result.idea_rating, "/10"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, "Overall Rating")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 143, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-gray-800/30 p-6 rounded-lg text-center border border-gray-700/50 shadow-[0_0_15px_rgba(255,255,255,0.07)]", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold mb-1 [text-shadow:_0_1px_20px_rgb(255_255_255_/_20%)]", __source: { fileName: "", lineNumber: 145, columnNumber: 17 }, __self: this }, result.articulation_score, "/10"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 148, columnNumber: 17 }, __self: this }, "Articulation")), /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-gray-800/30 p-6 rounded-lg text-center border border-gray-700/50 shadow-[0_0_15px_rgba(255,255,255,0.07)]", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold mb-1 [text-shadow:_0_1px_20px_rgb(255_255_255_/_20%)]", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, result.feature_quality_score, "/10"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, "Feature Quality")), /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-gray-800/30 p-6 rounded-lg text-center border border-gray-700/50 shadow-[0_0_15px_rgba(255,255,255,0.07)]", __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold mb-1 [text-shadow:_0_1px_20px_rgb(255_255_255_/_20%)]", __source: { fileName: "", lineNumber: 157, columnNumber: 17 }, __self: this }, result.problem_solution_fit_score, "/10"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, "Problem-Solution Fit"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 165, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4 [text-shadow:_0_1px_20px_rgb(255_255_255_/_20%)]", __source: { fileName: "", lineNumber: 166, columnNumber: 15 }, __self: this }, "Detailed Feedback"), /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-gray-800/30 p-6 rounded-lg whitespace-pre-wrap border border-gray-700/50 shadow-[0_0_15px_rgba(255,255,255,0.07)]", __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, result.detailed_feedback.replace(/\*\*/g, "")))))); }