function MainComponent() { const [email, setEmail] = React.useState(""); const [name, setName] = React.useState(""); const [loading, setLoading] = React.useState(false); const [success, setSuccess] = React.useState(false); const [error, setError] = React.useState(""); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(""); try { const response = await fetch("/api/waitlist-signup", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, name }) }); const data = await response.json(); if (data.error) { setError(data.error); } else { setSuccess(true); setEmail(""); setName(""); } } catch (err) { setError("Ein unerwarteter Fehler ist aufgetreten. Bitte versuchen Sie es später erneut."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen relative bg-[#181920] overflow-hidden", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-br from-[#2d1d3c]/60 via-[#181920] to-[#2d1d3c]/60 opacity-90", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative text-white min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8 md:py-16 flex-grow", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-start gap-8 md:gap-12 md:justify-between xl:pr-[10%]", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 text-center w-full max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl md:text-6xl font-bold mb-4 md:mb-6 text-[#e2e8f0] leading-tight", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/cf80c21a-ae90-4206-85a6-af9b9f0fa520/-/format/auto/", alt: "Revo", className: "h-24 md:h-32 w-auto mx-auto", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl mb-2 text-[#94a3b8]", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Real-life activities"), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl mb-12 text-[#e2e8f0] font-semibold mt-8", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }), success ? /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800/20 backdrop-blur-sm p-8 rounded-2xl mb-12", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-5xl mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 19 }, __self: this }, "🎉"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#e2e8f0] mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 19 }, __self: this }, "You’re on the waitlist!"), /*#__PURE__*/ React.createElement("p", { className: "text-[#94a3b8] text-lg mb-6", __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }, "Thanks for signing up. We’ll let you know when we launch."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSuccess(false), className: "px-8 py-3 bg-[#e2e8f0] text-[#181920] font-semibold rounded-xl hover:bg-white transition-colors", __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }, "Back to form")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full max-w-xl mx-auto mb-12", __source: { fileName: "", lineNumber: 75, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl mb-3 text-[#e2e8f0] font-semibold text-center mt-8", __source: { fileName: "", lineNumber: 79, columnNumber: 21 }, __self: this }, "Join our Waitlist"), /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800/20 backdrop-blur-sm p-2 rounded-2xl mb-3", __source: { fileName: "", lineNumber: 82, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", value: name, onChange: (e)=>setName(e.target.value), className: "w-full px-6 py-3 bg-transparent text-[#e2e8f0] placeholder-[#94a3b8] text-lg focus:outline-none", placeholder: "Name", __source: { fileName: "", lineNumber: 83, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800/20 backdrop-blur-sm p-2 rounded-2xl mb-3", __source: { fileName: "", lineNumber: 93, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), required: true, className: "w-full px-6 py-3 bg-transparent text-[#e2e8f0] placeholder-[#94a3b8] text-lg focus:outline-none", placeholder: "Email", __source: { fileName: "", lineNumber: 94, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full px-8 py-3 bg-[#e2e8f0] text-[#181920] font-semibold rounded-xl hover:bg-white transition-colors disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap text-lg", __source: { fileName: "", lineNumber: 105, columnNumber: 21 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 111, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "animate-spin -ml-1 mr-3 h-5 w-5 text-[#181920]", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 112, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", __source: { fileName: "", lineNumber: 118, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", __source: { fileName: "", lineNumber: 126, columnNumber: 29 }, __self: this })), "Joining...") : "Sign up"), error && /*#__PURE__*/ React.createElement("p", { className: "mt-3 text-red-400/90", __source: { fileName: "", lineNumber: 138, columnNumber: 31 }, __self: this }, error))), /*#__PURE__*/ React.createElement("div", { className: "mb-12 md:mb-0", __source: { fileName: "", lineNumber: 143, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-[#94a3b8] mb-6", __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }, "Launching in May 2025"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center", __source: { fileName: "", lineNumber: 145, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "transition-opacity hover:opacity-80 w-48 sm:w-auto", "aria-label": "Download on the App Store", __source: { fileName: "", lineNumber: 146, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/3e4ec663-8361-446d-8280-a5e761f52f2d/-/format/auto/", alt: "Download on the App Store", className: "h-14 w-auto", __source: { fileName: "", lineNumber: 151, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "transition-opacity hover:opacity-80 w-48 sm:w-auto", "aria-label": "Get it on Google Play", __source: { fileName: "", lineNumber: 157, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/74a6b6db-3420-4eec-91a6-387b25d2c9de/-/format/auto/", alt: "Get it on Google Play", className: "h-14 w-auto", __source: { fileName: "", lineNumber: 162, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-[420px] space-y-4", __source: { fileName: "", lineNumber: 172, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800/20 backdrop-blur-sm px-6 py-7 rounded-2xl", __source: { fileName: "", lineNumber: 173, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-2 text-[#e2e8f0]", __source: { fileName: "", lineNumber: 174, columnNumber: 17 }, __self: this }, "Create & join activities"), /*#__PURE__*/ React.createElement("p", { className: "text-[#94a3b8] text-lg", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800/20 backdrop-blur-sm px-6 py-7 rounded-2xl", __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-2 text-[#e2e8f0]", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }, "Memories are made offline"), /*#__PURE__*/ React.createElement("p", { className: "text-[#94a3b8] text-lg", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800/20 backdrop-blur-sm px-6 py-7 rounded-2xl", __source: { fileName: "", lineNumber: 183, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-2 text-[#e2e8f0]", __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this }, "From screen time to real time"), /*#__PURE__*/ React.createElement("p", { className: "text-[#94a3b8] text-lg", __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-slate-800/20 backdrop-blur-sm px-6 py-7 rounded-2xl", __source: { fileName: "", lineNumber: 187, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-2 text-[#e2e8f0]", __source: { fileName: "", lineNumber: 188, columnNumber: 17 }, __self: this }, "Invite your Friends"), /*#__PURE__*/ React.createElement("p", { className: "text-[#94a3b8] text-lg", __source: { fileName: "", lineNumber: 189, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 flex items-center gap-2 text-white/80", __source: { fileName: "", lineNumber: 194, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 195, columnNumber: 11 }, __self: this }, "Made with"), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/17ad6f31-8214-4c67-9bfe-3aabe7e29f4b/-/format/auto/", alt: "Create Logo", className: "h-5 w-auto", __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this })))); }