function MainComponent() { const logoSrc = "/logo.png"; // The path for your logo image const backgroundSrc = "/background.jpg"; // The path for your background image return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-no-repeat bg-center", style: { backgroundImage: `url(${backgroundSrc})` }, __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-10 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-8", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logoSrc, alt: "Colorful fire-shaped logo with text ULT", className: "h-16", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-center font-sans font-bold text-2xl mb-8 text-[#121212]", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Join ULT now and play mighty games!"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 mb-8", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#DB4437] rounded-full w-12 h-12 flex items-center justify-center", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-brands fa-google", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#4267B2] rounded-full w-12 h-12 flex items-center justify-center", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-brands fa-facebook-f", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#1DA1F2] rounded-full w-12 h-12 flex items-center justify-center", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-brands fa-twitter", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-center font-sans font-semibold mb-8", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "or with Email"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", className: "w-full px-4 py-3 border rounded-lg text-lg text-[#121212] border-[#DDDDDD] focus:outline-none focus:border-[#FF5722]", placeholder: "Username", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", className: "w-full px-4 py-3 border rounded-lg text-lg text-[#121212] border-[#DDDDDD] focus:outline-none focus:border-[#FF5722]", placeholder: "Password", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full py-4 mb-6 bg-[#FF5722] text-white rounded-lg text-lg font-sans font-semibold", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "Log In"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-lg text-[#FF5722] hover:underline", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Forgotten password?")), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-6", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-lg text-[#FF5722] hover:underline", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Don't have an account? Register")))); }