function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [name, setName] = useState(""); const { signUpWithCredentials } = useAuth(); const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!email || !password || !name) { setError("Please fill in all fields"); setLoading(false); return; } try { await signUpWithCredentials({ email, password, metadata: { name, role: "brand" }, callbackUrl: "/brand-dashboard", redirect: true }); } catch (err) { setError(err.message); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#121212] to-[#1A1A2E] flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "w-full max-w-md rounded-xl bg-[#ffffff05] backdrop-blur-lg border border-[#7A00FF]/10 p-8", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-center text-3xl font-bold text-white font-space-grotesk", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Create Brand Account"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-300", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Company Name"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-[#7A00FF]/10 bg-[#121212] px-4 py-3 focus-within:border-[#7A00FF]", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "name", type: "text", value: name, onChange: (e)=>setName(e.target.value), placeholder: "Enter your company name", className: "w-full bg-transparent text-lg outline-none text-white", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-300", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Business Email"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-[#7A00FF]/10 bg-[#121212] px-4 py-3 focus-within:border-[#7A00FF]", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "email", type: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Enter your business email", className: "w-full bg-transparent text-lg outline-none text-white", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-300", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-[#7A00FF]/10 bg-[#121212] px-4 py-3 focus-within:border-[#7A00FF]", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "password", type: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full rounded-lg bg-transparent text-lg outline-none text-white", placeholder: "Enter your password", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-red-500/10 p-3 text-sm text-red-500", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full rounded-lg px-4 py-3 text-base font-medium text-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 bg-[#7A00FF] hover:bg-[#7A00FF]/80 focus:ring-[#7A00FF]", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, loading ? "Loading..." : "Create Brand Account"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-400", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, "Already have a brand account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin?type=brand", className: "text-[#7A00FF] hover:text-[#7A00FF]/80", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, "Sign in")), /*#__PURE__*/ React.createElement("div", { className: "text-center text-sm text-gray-400", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, "Are you a creator?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signup?type=creator", className: "text-[#7A00FF] hover:text-[#7A00FF]/80", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, "Create a creator account"))))); }