function MainComponent() { const [walletAddress, setWalletAddress] = React.useState(""); const [submitted, setSubmitted] = React.useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); setSubmitted(true); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#000000] flex items-center justify-center p-4 relative", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://t.me/asklumi", target: "_blank", rel: "noopener noreferrer", className: "absolute top-4 right-4 bg-[#0088cc] text-white py-2 px-4 rounded-full font-sf-pro hover:opacity-90 transition-opacity", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, "Join Telegram"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-3xl text-center px-4", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-16", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl md:text-7xl font-bold mb-6 text-white font-sf-pro", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Be the First to Experience", /*#__PURE__*/ React.createElement("span", { className: "bg-gradient-to-r from-[#A259FF] via-[#FF5EAA] to-[#2684FF] bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, " ", "Lumi", " ")), /*#__PURE__*/ React.createElement("p", { className: "text-[#86868B] text-xl md:text-2xl font-sf-pro leading-relaxed", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Sign up now to unlock seamless, voice-powered blockchain management with Lumi.")), !submitted ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-xl bg-[#1C1C1E] rounded-2xl p-1.5 flex mb-8", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "solanaWallet", required: true, value: walletAddress, onChange: (e)=>setWalletAddress(e.target.value), className: "w-full bg-transparent px-6 py-4 text-white placeholder-[#86868B] outline-none text-lg font-sf-pro", placeholder: "Solana wallet address", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-white text-black font-semibold px-8 rounded-xl hover:opacity-90 transition-opacity font-sf-pro", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "Join"))) : /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-xl bg-[#1C1C1E] rounded-2xl p-8 max-w-md mx-auto", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-white font-sf-pro mb-2", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Thank you for joining"), /*#__PURE__*/ React.createElement("p", { className: "text-[#86868B] font-sf-pro", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "We'll be in touch soon with updates.")))); }

Be the First to Experience Lumi