function MainComponent() { const [email, setEmail] = React.useState(''); const [message, setMessage] = React.useState(''); const [isSubmitting, setIsSubmitting] = React.useState(false); const handleJoinWaitlist = async (e)=>{ e.preventDefault(); setIsSubmitting(true); // Simulated API call await new Promise((resolve)=>setTimeout(resolve, 2000)); setMessage(`Thank you for joining the waitlist, ${email}!`); setEmail(''); setIsSubmitting(false); }; const emailInputStyle = isSubmitting ? "cursor-not-allowed opacity-50 bg-gray-100" : ""; const buttonContent = isSubmitting ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }), " Submitting...") : "Join waitlist"; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row h-screen overflow-hidden bg-[#f0f2f5] font-inter text-[#171717]", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 w-full flex flex-col justify-center items-start p-8 md:p-16 space-y-6 bg-white", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-semibold w-full", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Waitlist for our exciting new platform"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "We're building something amazing, and we want you to be a part of it. Join our waitlist and get exclusive early access."), /*#__PURE__*/ React.createElement("form", { className: "w-full flex flex-col space-y-4", onSubmit: handleJoinWaitlist, __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, disabled: isSubmitting, onChange: (e)=>setEmail(e.target.value), placeholder: "Enter your email", className: `border-2 border-gray-300 focus:border-blue-500 rounded-xl px-4 py-3 text-lg ${emailInputStyle}`, __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: "w-full bg-blue-500 text-white text-lg px-6 py-3 rounded-xl hover:bg-blue-600 focus:outline-none focus:ring-4 focus:ring-blue-300 transition disabled:cursor-not-allowed disabled:opacity-50", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, buttonContent)), message && /*#__PURE__*/ React.createElement("p", { className: "text-green-600 text-sm", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, message)), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block md:w-1/2", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/waitlist-background.jpg", alt: "Image showing people from a creative team collaborating", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }))); }