function MainComponent() { const [email, setEmail] = React.useState(""); const [joined, setJoined] = React.useState(false); const handleJoinWaitlist = ()=>{ setEmail(""); setJoined(true); setTimeout(()=>{ setJoined(false); }, 3000); }; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen", __source: { fileName: "", lineNumber: 1, columnNumber: 250 }, __self: this }, " ", /*#__PURE__*/ React.createElement("div", { className: "w-1/2 flex flex-col justify-center items-center px-10", __source: { fileName: "", lineNumber: 1, columnNumber: 282 }, __self: this }, " ", /*#__PURE__*/ React.createElement("div", { className: "absolute top-10 left-10", __source: { fileName: "", lineNumber: 1, columnNumber: 354 }, __self: this }, " ", /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/4417dd28-4936-4c4f-b495-272f3d6a65a6/", alt: "Company logo", className: "h-10", __source: { fileName: "", lineNumber: 1, columnNumber: 396 }, __self: this }), " "), " ", /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md space-y-4", __source: { fileName: "", lineNumber: 1, columnNumber: 512 }, __self: this }, " ", /*#__PURE__*/ React.createElement("div", { className: "bg-[#E9EBFF] text-[#6171FF] text-xs font-inter rounded px-2 py-1 inline-block", __source: { fileName: "", lineNumber: 1, columnNumber: 556 }, __self: this }, " Launching December 2023 "), " ", /*#__PURE__*/ React.createElement("h1", { className: "font-inter text-[#000] text-3xl", __source: { fileName: "", lineNumber: 1, columnNumber: 683 }, __self: this }, "A new way to code pages (like this one) in plain text."), " ", /*#__PURE__*/ React.createElement("p", { className: "font-inter text-gray-600 text-sm", __source: { fileName: "", lineNumber: 1, columnNumber: 791 }, __self: this }, " Add your info below to be added to our waitlist. "), " ", /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Your email", className: "border border-gray-300 rounded py-2 px-4 text-sm placeholder-gray-400 w-full", __source: { fileName: "", lineNumber: 1, columnNumber: 894 }, __self: this }), " ", /*#__PURE__*/ React.createElement("button", { onClick: handleJoinWaitlist, className: "bg-black text-white text-sm rounded py-2 px-4", __source: { fileName: "", lineNumber: 1, columnNumber: 1101 }, __self: this }, " Join waitlist "), " ", joined && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 font-inter", __source: { fileName: "", lineNumber: 1, columnNumber: 1233 }, __self: this }, "✔️ You have joined our waitlist"), " "), " "), " ", /*#__PURE__*/ React.createElement("div", { className: "w-1/2", __source: { fileName: "", lineNumber: 1, columnNumber: 1332 }, __self: this }, " ", /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/566ebdb9-8b54-4cbc-a455-cbbf00b00074/", alt: "Representative content", className: "h-full w-full object-cover", __source: { fileName: "", lineNumber: 1, columnNumber: 1356 }, __self: this }), " "), " "); }