function MainComponent() { const [submitted, setSubmitted] = React.useState(false); const handleSubmit = ()=>{ setSubmitted(true); setTimeout(()=>setSubmitted(false), 5000); }; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen font-inter", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2 flex flex-col justify-between p-8", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./logo.png", alt: "Company Logo in top left corner", className: "h-[50px] w-auto", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-[#6171FF]", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-discord text-[#6171FF]", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center h-full space-y-6", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[10px] text-[#6171FF] bg-[#E9EBFF] rounded p-1", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Launching December 2023"), /*#__PURE__*/ React.createElement("h1", { className: "text-black text-4xl", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "A new way to build pages (like this one) in plain text."), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-sm", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Add your info below to be added to our waitlist."), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Enter your email", className: "border border-gray-300 rounded p-2 w-[300px] placeholder-gray-400", disabled: submitted, __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-black text-white text-sm rounded p-2 w-[150px]", onClick: handleSubmit, disabled: submitted, __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Join waitlist"), submitted && /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-sm mt-4", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Thank you for signing up. You have been added to our waitlist."))), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 bg-[#E9EBFF] flex items-center justify-center", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./dreamy-image.png", alt: "Dreamy blue background image", className: "h-full object-cover", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }))); }