function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5] flex items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-lg mx-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/myrep-logo.png", alt: "MyRep logo", className: "mx-auto w-24 h-24 mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#00a82d] text-white font-bold py-2 px-4 rounded-lg shadow-md transition duration-300 ease-in-out transform hover:-translate-y-1", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Get Started"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6e8098] mt-4 cursor-pointer hover:underline", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Log In")), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold text-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Sign in with"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-2", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#4285F4] text-white w-24 py-2 rounded-md", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, "Google"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#4267B2] text-white w-24 py-2 rounded-md", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Facebook"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#000] text-white w-24 py-2 rounded-md", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "Apple"))), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-center text-[#6e8098]", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "- or use your email -"), /*#__PURE__*/ React.createElement("form", { className: "mt-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "w-full px-4 py-2 border rounded-md mb-2", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "w-full px-4 py-2 border rounded-md", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#00a82d] text-white font-bold py-2 px-4 rounded-md mt-4 shadow-md", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Log In")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { transform: translateY(20px); } to { transform: translateY(0); } } div { animation: fadeIn 1s ease-out, slideUp 0.5s ease-out; } `)); }