function MainComponent() { const [formData, setFormData] = useState({ email: "", password: "", website: "", description: "", size: "" }); const [error, setError] = useState(""); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = async (e)=>{ e.preventDefault(); setError(""); try { const checkEmail = await fetch("/api/db/business", { method: "POST", body: JSON.stringify({ query: "SELECT email FROM `brands` WHERE `email` = ?", values: [ formData.email ] }) }); const existingBrand = await checkEmail.json(); if (existingBrand.length > 0) { setError("This email is already registered"); return; } await fetch("/api/db/business", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `brands` (`email`, `password`, `website`, `description`, `size`) VALUES (?, ?, ?, ?, ?)", values: [ formData.email, formData.password, formData.website, formData.description, formData.size ] }) }); window.location.href = "https://trycreatorconnect.com/brand-settings"; } catch (error) { console.error("Error:", error); setError("Something went wrong. Please try again."); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white px-2 md:px-4", __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center py-6 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "font-bold text-2xl bg-[#00ff00] px-4 py-1 rounded-lg", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "CreatorConnect"), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/creator-onboard", className: "text-lg font-bold text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "For Creators")), /*#__PURE__*/ React.createElement("main", { className: "w-full max-w-[90%] md:max-w-md mx-auto py-6 md:py-12", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-bold text-center mb-6 md:mb-8", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "Join", " ", /*#__PURE__*/ React.createElement("span", { className: "bg-[#00ff00] px-2 md:px-4 rounded-full", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "CreatorConnect")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4 md:space-y-6", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", value: formData.email, onChange: handleChange, className: "w-full px-3 md:px-4 py-2 md:py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", value: formData.password, onChange: handleChange, className: "w-full px-3 md:px-4 py-2 md:py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", name: "website", placeholder: "Business Website", value: formData.website, onChange: handleChange, className: "w-full px-3 md:px-4 py-2 md:py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "description", placeholder: "Business Description", value: formData.description, onChange: handleChange, className: "w-full px-3 md:px-4 py-2 md:py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", required: true, rows: 4, __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "size", value: formData.size, onChange: handleChange, className: "w-full px-3 md:px-4 py-2 md:py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }, "Select Business Size"), /*#__PURE__*/ React.createElement("option", { value: "1-10", __source: { fileName: "", lineNumber: 143, columnNumber: 15 }, __self: this }, "1-10 employees"), /*#__PURE__*/ React.createElement("option", { value: "11-50", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, "11-50 employees"), /*#__PURE__*/ React.createElement("option", { value: "51-200", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, "51-200 employees"), /*#__PURE__*/ React.createElement("option", { value: "201+", __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, "201+ employees"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#00ff00] text-black font-bold py-3 px-8 rounded-full text-xl shadow-lg hover:opacity-90 transition-opacity", __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("a", { target: "_self", href: "https://trycreatorconnect.com/login", className: "text-[#ff4d79] hover:underline", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }, "Log in"))))); }

Join CreatorConnect