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: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2 flex flex-col justify-center items-center px-10", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-10 left-10", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/e30542ed-f7d4-4ac3-be0a-50e9d64d178c/", alt: "Company logo", className: "h-20", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md space-y-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __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: 18, columnNumber: 11 }, __self: this }, "Launching December 2023"), /*#__PURE__*/ React.createElement("h1", { className: "font-inter text-[#000] text-3xl", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "A new way to create e-blasts for Realtors!"), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-gray-600 text-sm", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __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: 23, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleJoinWaitlist, className: "bg-black text-white text-sm rounded py-2 px-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Join waitlist"), joined && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 font-inter", __source: { fileName: "", lineNumber: 34, columnNumber: 22 }, __self: this }, "✔️ You have joined our waitlist"))), /*#__PURE__*/ React.createElement("div", { className: "w-1/2", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __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: 38, columnNumber: 9 }, __self: this }))); }