function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen items-center justify-center p-4 bg-[#1D2115]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-stretch w-full max-w-4xl shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#394D33] md:w-1/2 p-8", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-6", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/04d566b1-2fb4-4d8f-bbc0-51ab05c14d13/", alt: "Company logo for sign up page", className: "w-[100px] h-[100px] mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "font-open-sans text-[#F3E3AC] text-3xl", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "get free skins")), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", placeholder: "Full Name", className: "bg-transparent border-0 border-b-2 border-[#F3E3AC] text-white focus:ring-0 font-open-sans w-full placeholder:text-[#9C9F88]", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "bg-transparent border-0 border-b-2 border-[#F3E3AC] text-white focus:ring-0 font-open-sans w-full placeholder:text-[#9C9F88]", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "bg-transparent border-0 border-b-2 border-[#F3E3AC] text-white focus:ring-0 font-open-sans w-full placeholder:text-[#9C9F88]", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "confirmPassword", placeholder: "Confirm Password", className: "bg-transparent border-0 border-b-2 border-[#F3E3AC] text-white focus:ring-0 font-open-sans w-full placeholder:text-[#9C9F88]", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#F3E3AC] text-[#2E3521] font-open-sans py-2 px-4 rounded hover:bg-[#ebe1c5] focus:outline-none w-full", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Create Account")), /*#__PURE__*/ React.createElement("p", { className: "font-open-sans text-[#EAE0C8] text-sm text-center mt-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "By signing up, you agree to our ", /*#__PURE__*/ React.createElement("a", { href: "/terms", className: "underline text-[#CCC9A9]", __source: { fileName: "", lineNumber: 17, columnNumber: 113 }, __self: this }, "Terms & Conditions"), " and Privacy Policy.")), /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 h-[300px] md:h-auto", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/2870376c-4b83-42e8-8e43-3c3bb9ad5d62/", alt: "Modern tech themed illustration for sign up page", className: "object-cover h-full w-full", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })))); }