function MainComponent() { const handleRegister = ()=>{ window.location.href = "Register"; }; const containerHeight = 'h-[57.6%]'; const fixedWidth = 'w-[300px] h-[500px] rounded-lg'; return /*#__PURE__*/ React.createElement("div", { className: "relative flex flex-col items-center justify-center h-screen bg-[#98ff98] p-0", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute flex flex-col items-center justify-center w-full top-0 text-6xl font-crimson-text text-gray-500 space-y-2", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Welcome"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "to"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "ZIPApp")), /*#__PURE__*/ React.createElement("div", { className: `bg-white p-4 shadow-md flex flex-col space-y-4 ${containerHeight} ${fixedWidth}`, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center flex-col space-y-2 m-2", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 text-white font-roboto py-2 px-4 rounded", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleRegister, className: "w-full", name: "register", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Register")), /*#__PURE__*/ React.createElement("div", { className: "bg-green-500 text-white font-roboto py-2 px-4 rounded", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full", name: "login", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Login")), /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-500 text-white font-roboto py-2 px-4 rounded", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full", name: "quick-travel", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Quick Travel")))), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 flex items-center justify-center w-full h-[100px] bg-[#000000]", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white font-crimson-text text-4xl flex items-center space-x-2", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/new-logo.svg", alt: "New ZIPAPP logo", className: "w-[50px] h-[50px]", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "ZIPAPP")))); }