function MainComponent() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [name, setName] = useState(""); const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const { signUpWithCredentials } = useAuth(); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { await signUpWithCredentials({ email, password, callbackUrl: "/", redirect: true }); } catch (err) { console.error(err); setError("Failed to create account. Please try again."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a0a] text-white font-space-grotesk flex flex-col", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#111111] border-b border-[#00ff9d]", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/74cbdebd-dee9-4589-865b-8dff67bbae53/-/format/auto/", alt: "ReviveHub Logo", className: "h-10 w-auto mr-2", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center justify-center px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold bg-gradient-to-r from-[#00ff9d] to-[#ffd700] bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Create Your Account"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-[#888888]", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Join ReviveHub to start transforming your community")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#111111] p-8 rounded-lg border border-[#00ff9d]", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-[#00ff9d]", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { id: "name", type: "text", required: true, value: name, onChange: (e)=>setName(e.target.value), className: "mt-1 block w-full px-4 py-3 bg-[#0a0a0a] border border-[#00ff9d] rounded-lg text-white focus:ring-[#00ff9d] focus:border-[#00ff9d]", placeholder: "Enter your name", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-[#00ff9d]", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { id: "email", type: "email", required: true, value: email, onChange: (e)=>setEmail(e.target.value), className: "mt-1 block w-full px-4 py-3 bg-[#0a0a0a] border border-[#00ff9d] rounded-lg text-white focus:ring-[#00ff9d] focus:border-[#00ff9d]", placeholder: "Enter your email", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-[#00ff9d]", __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { id: "password", type: "password", required: true, value: password, onChange: (e)=>setPassword(e.target.value), className: "mt-1 block w-full px-4 py-3 bg-[#0a0a0a] border border-[#00ff9d] rounded-lg text-white focus:ring-[#00ff9d] focus:border-[#00ff9d]", placeholder: "Create a password", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-red-500/10 text-red-500 rounded-lg text-sm", __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full py-4 bg-[#00ff9d] text-[#0a0a0a] rounded-full font-bold hover:bg-[#ffd700] transition-colors duration-300 disabled:opacity-50", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, loading ? "Creating Account..." : "Create Account")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center text-[#888888]", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#00ff9d] hover:text-[#ffd700]", __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this }, "Sign in"))))))); }