function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-gradient-to-br from-[#7289da] to-[#4e5d94] px-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black bg-opacity-75 backdrop-filter backdrop-blur-lg rounded-lg shadow-2xl overflow-hidden max-w-4xl w-full mx-auto flex", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-3/5 p-8", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Welcome back!"), /*#__PURE__*/ React.createElement("p", { className: "text-white mb-8", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "We're so excited to see you again!"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "EMAIL", className: "w-full p-3 border-2 border-gray-600 rounded text-white bg-[#23272a] focus:outline-none", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "PASSWORD", className: "w-full p-3 border-2 border-gray-600 rounded text-white bg-[#23272a] focus:outline-none", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#00b0f4] hover:underline", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Forgot your password?"), /*#__PURE__*/ React.createElement("button", { className: "w-full p-3 bg-[#5865F2] rounded text-white font-semibold hover:bg-[#4752c4]", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 mt-4", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Need an account? ", /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#00b0f4] hover:underline", __source: { fileName: "", lineNumber: 26, columnNumber: 32 }, __self: this }, "Register")))), /*#__PURE__*/ React.createElement("div", { className: "w-2/5 bg-[#23272a] p-8 text-white flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "qr-code.png", alt: "QR code for user authentication", className: "w-[200px] h-[200px] mb-6", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-3", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Log in with QR Code"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-center", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Scan this with the Discord mobile app to log in instantly.")))); }