function MainComponent() { const [interests, setInterests] = useState(""); const [generatedBio, setGeneratedBio] = useState(""); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const generateBio = async ()=>{ if (!interests.trim()) { setError("Please enter your interests first"); return; } setLoading(true); setError(null); try { const response = await fetch("/api/generate-bio", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ interests: interests.trim(), personality: "creative, professional" }) }); if (!response.ok) { throw new Error(`Error: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setGeneratedBio(data.bio); } catch (err) { setError("Something went wrong. Please try again."); console.error("Bio generation error:", err); } finally{ setLoading(false); } }; const copyToClipboard = async ()=>{ try { await navigator.clipboard.writeText(generatedBio); const originalText = generatedBio; setGeneratedBio("Copied to clipboard!"); setTimeout(()=>setGeneratedBio(originalText), 1000); } catch (err) { console.error("Failed to copy text:", err); setError("Failed to copy to clipboard"); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white bg-opacity-50 p-4 md:p-8", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "interests", className: "w-full p-4 border border-gray-200 rounded-lg text-gray-900 bg-transparent font-inter text-md resize-none focus:ring-2 focus:ring-gray-900 focus:border-transparent", rows: 4, placeholder: "Tell us about yourself, your interests, or what you do...", value: interests, onChange: (e)=>setInterests(e.target.value), __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: generateBio, disabled: loading || !interests.trim(), className: "w-full md:w-auto px-6 py-3 bg-gray-900 text-white rounded-md font-inter hover:bg-gray-800 disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }), "Generating...") : "Generate Bio"), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 font-inter text-sm bg-red-50 p-3 rounded-md", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, error), generatedBio && !loading && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-6 border border-gray-200 rounded-lg relative bg-white bg-opacity-70", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-900 font-inter text-lg mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }, generatedBio), /*#__PURE__*/ React.createElement("button", { onClick: copyToClipboard, className: "absolute top-4 right-4 text-gray-500 hover:text-gray-700 transition-colors duration-200", "aria-label": "Copy to clipboard", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy text-lg", __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 text-center", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, "Try Galaxyz For Free"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-700 mb-8", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this }, "Join Thousands Of Professionals Automating Their Social Media Content"), /*#__PURE__*/ React.createElement("a", { href: "https://galaxyz.io/", target: "_blank", rel: "noopener noreferrer", className: "inline-block px-8 py-4 bg-gray-900 text-white rounded-md font-inter hover:bg-gray-800 transition-all duration-200", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, "Get started now")))))); }