function MainComponent() { const linkItems = [ 'About Us', 'Contact Us', 'News', 'Documents', 'Fees' ].map((link, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "px-2 hover:text-blue-500 cursor-pointer", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, link)); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-white", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "py-6", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-center font-bold font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "GG Crowdfunding")), /*#__PURE__*/ React.createElement("div", { className: "flex-grow flex items-center justify-between px-8 md:px-16 lg:px-32", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "loginEmail", placeholder: "Email", className: "input-field", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "loginPassword", placeholder: "Password", className: "input-field", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "submit-button bg-blue-500", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Login"))), /*#__PURE__*/ React.createElement("div", { className: "w-8 h-full", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }), " ", /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-gray-100 p-8 rounded-lg", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "signupFullName", placeholder: "Full Name", className: "input-field", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "signupEmail", placeholder: "Email", className: "input-field", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "signupPassword", placeholder: "Password", className: "input-field", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "signupConfirmPassword", placeholder: "Confirm Password", className: "input-field", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "submit-button bg-green-500", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "Sign Up")))), /*#__PURE__*/ React.createElement("footer", { className: "py-3 bg-gray-50 text-center font-roboto text-sm", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, linkItems)), /*#__PURE__*/ React.createElement("img", { src: "images/signup-image.jpg", alt: "Decorative background for GG Crowdfunding signup page", className: "hidden sm:block absolute inset-0 w-full h-full object-cover", style: { zIndex: -1 }, __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, ` .input-field { width: 100%; max-width: 280px; padding: 0.5rem 1rem; border: 1px solid #d1d5db; border-radius: 0.375rem; font-family: 'Roboto'; } .submit-button { width: 100%; max-width: 280px; padding: 0.5rem 2rem; color: white; border-radius: 0.375rem; font-family: 'Roboto'; } `)); }