function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gradient-to-br from-[#2d2d2d] to-[#1a1a1a] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl sm:text-4xl font-bold text-white font-roboto mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "DJ Beats Promotion"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f8f8] shadow rounded-lg p-4 w-full max-w-md", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl sm:text-2xl font-semibold text-gray-800 font-roboto mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col space-y-3", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", placeholder: "Full name", className: "rounded border-gray-300 shadow p-2 text-sm font-roboto", required: true, __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "rounded border-gray-300 shadow p-2 text-sm font-roboto", required: true, __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "rounded border-gray-300 shadow p-2 text-sm font-roboto", required: true, __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded transition-colors font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Create Account"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-400 hover:text-blue-500 transition-colors", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Log in")))); }