function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-center h-screen bg-[#FDECEC]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-3xl text-[#B83280] mb-2", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Libelihle"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-[#333333]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Find your perfect match with Libelihle."), /*#__PURE__*/ React.createElement("div", { style: { animation: 'spin 4s linear infinite' }, className: "w-[100px] h-[100px] mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "logo.gif", alt: "Dating app logo for Libelihle", style: { width: '100%', height: '100%' }, __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-xs", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#B83280] hover:bg-[#9e2a6a] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/", className: "inline-block align-baseline font-bold text-sm text-[#B83280] hover:text-[#9e2a6a]", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Forgot Password?"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, ` @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } `)); }