function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", password: "", tiktok: "", instagram: "", linkedin: "" }); 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/creators", { method: "POST", body: JSON.stringify({ query: "SELECT email FROM `creators` WHERE `email` = ?", values: [ formData.email ] }) }); const existingUser = await checkEmail.json(); if (existingUser.length > 0) { setError("This email is already registered"); return; } await fetch("/api/db/creators", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `creators` (`creator_name`, `email`, `password`, `tiktok`, `instagram`, `linkedin`) VALUES (?, ?, ?, ?, ?, ?)", values: [ formData.name, formData.email, formData.password, formData.tiktok, formData.instagram, formData.linkedin ] }) }); window.location.href = "/dashboard"; } 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-4 md:px-8", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center py-6 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 61, 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: 62, columnNumber: 9 }, __self: this }, "CreatorConnect"), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/brand-onboard", className: "text-lg font-bold text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "For Brands")), /*#__PURE__*/ React.createElement("main", { className: "w-full max-w-md mx-auto py-8 md:py-12 px-4 md:px-0", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "Join", " ", /*#__PURE__*/ React.createElement("span", { className: "bg-[#00ff00] px-4 rounded-full", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "CreatorConnect")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "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", { __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Full Name", value: formData.name, onChange: handleChange, className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", value: formData.email, onChange: handleChange, className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", value: formData.password, onChange: handleChange, className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "pt-4", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, "Optional: Add your social media handles"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center gap-2 md:gap-0", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-tiktok w-8", __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "tiktok", placeholder: "TikTok username", value: formData.tiktok, onChange: handleChange, className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center gap-2 md:gap-0", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram w-8", __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "instagram", placeholder: "Instagram handle", value: formData.instagram, onChange: handleChange, className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", __source: { fileName: "", lineNumber: 142, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center gap-2 md:gap-0", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin w-8", __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "linkedin", placeholder: "LinkedIn profile", value: formData.linkedin, onChange: handleChange, className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", __source: { fileName: "", lineNumber: 153, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("a", { href: "https://trycreatorconnect.com/creator-dashboard", target: "_self", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, /*#__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: 166, columnNumber: 13 }, __self: this }, "Sign Up")), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600", __source: { fileName: "", lineNumber: 174, 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: 176, columnNumber: 13 }, __self: this }, "Log in"))))); }

Join CreatorConnect