function MainComponent() { const [error, setError] = React.useState(null); const [loading, setLoading] = React.useState(false); const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [showPassword, setShowPassword] = React.useState(false); const { signUpWithCredentials } = useAuth(); const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!email || !password) { setError("Please fill in all fields"); setLoading(false); return; } if (password.length < 6) { setError("Password must be at least 6 characters"); setLoading(false); return; } try { await signUpWithCredentials({ email, password, callbackUrl: "/dashboard", redirect: true }); } catch (err) { console.error("Sign up error:", err); setError("Could not create account. Email may already be in use."); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#ff0000] flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -left-8 top-1/2 -translate-y-1/2 w-16 h-[120%] bg-gradient-to-b from-[#ff6666] to-[#ff3366] border-4 border-white rounded-l-full", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -right-8 top-1/2 -translate-y-1/2 w-16 h-[120%] bg-gradient-to-b from-[#ff6666] to-[#ff3366] border-4 border-white rounded-r-full", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative rounded-3xl p-8 bg-gradient-to-b from-[#ff6666] to-[#ff3366] border-4 border-white", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black bg-opacity-90 rounded-xl p-6 text-white", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text mb-2", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("p", { className: "text-white/70", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, "Join MOBGB today")), error && /*#__PURE__*/ React.createElement("div", { className: "mb-4 bg-red-500/20 border border-red-500 rounded-lg p-3 text-red-300 text-sm", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 59, columnNumber: 19 }, __self: this }), error), /*#__PURE__*/ React.createElement("form", { onSubmit: onSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full bg-white/10 border border-white/30 rounded-lg px-4 py-3 text-white placeholder-white/50 focus:outline-none focus:border-[#ff3366] focus:bg-white/20 transition-all", placeholder: "Enter your email", disabled: loading, autoComplete: "email", __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 81, columnNumber: 19 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: showPassword ? "text" : "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full bg-white/10 border border-white/30 rounded-lg px-4 py-3 pr-12 text-white placeholder-white/50 focus:outline-none focus:border-[#ff3366] focus:bg-white/20 transition-all", placeholder: "Enter your password", disabled: loading, autoComplete: "new-password", __source: { fileName: "", lineNumber: 85, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowPassword(!showPassword), className: "absolute right-3 top-1/2 -translate-y-1/2 text-white/70 hover:text-white transition-colors", disabled: loading, __source: { fileName: "", lineNumber: 94, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fa ${showPassword ? "fa-eye-slash" : "fa-eye"}`, __source: { fileName: "", lineNumber: 100, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-[#ff3366] text-white py-3 rounded-lg hover:bg-[#ff1a1a] transition-colors disabled:opacity-50 disabled:cursor-not-allowed font-medium text-lg", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fa fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 114, columnNumber: 23 }, __self: this }), "Creating Account...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user-plus mr-2", __source: { fileName: "", lineNumber: 119, columnNumber: 23 }, __self: this }), "Sign Up"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white/70 text-sm", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#ff3366] hover:text-[#ff1a1a] font-medium underline", __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this }, "Sign in here"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white/50 hover:text-white/70 text-sm transition-colors", __source: { fileName: "", lineNumber: 139, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 143, columnNumber: 19 }, __self: this }), "Back to Home")))), /*#__PURE__*/ React.createElement("div", { className: "absolute -top-4 -left-4 w-8 h-8 border-t-4 border-l-4 border-white rounded-tl-xl", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -top-4 -right-4 w-8 h-8 border-t-4 border-r-4 border-white rounded-tr-xl", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -bottom-4 -left-4 w-8 h-8 border-b-4 border-l-4 border-white rounded-bl-xl", __source: { fileName: "", lineNumber: 152, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -bottom-4 -right-4 w-8 h-8 border-b-4 border-r-4 border-white rounded-br-xl", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this })))); }