function MainComponent() { const googleButton = /*#__PURE__*/ React.createElement("button", { type: "button", className: "flex items-center justify-center w-full px-4 py-3 border border-transparent rounded-md shadow-sm text-sm font-medium text-[#111827] bg-white mb-3", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-google text-blue-500 mr-2", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }), " Continue with Google"); const emailButton = /*#__PURE__*/ React.createElement("button", { type: "button", className: "flex items-center justify-center w-full px-4 py-3 border border-[#D1D5DB] rounded-md shadow-sm text-sm font-medium text-[#111827] bg-white mb-3", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope text-pink-500 mr-2", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }), " Continue with Email"); const loginLink = /*#__PURE__*/ React.createElement("p", { className: "text-center mt-4", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, "Already have an account?", /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#DB2777] font-semibold", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, " Login")); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F3F4F6] flex flex-col items-center justify-center p-4 font-inter", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/c41ab4c5-b3fb-4494-9256-f704e828892f/", alt: "MyWhatif nonprofit logo", className: "mb-6", style: { width: '300px', height: '300px' }, __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#00AEEF]", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Mental Time Travel"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#6B7280]", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Redefining our past, reshaping our future"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#111827] font-semibold mt-6 mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Let’s Get Started...")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, googleButton, emailButton, loginLink)); }