function MainComponent() { const [email, setEmail] = useState(''); const [submitted, setSubmitted] = useState(false); const [error, setError] = useState(''); const [loading, setLoading] = useState(false); const [timeLeft, setTimeLeft] = useState({ hours: 48, minutes: 0, seconds: 0 }); useEffect(()=>{ const timer = setInterval(()=>{ setTimeLeft((prev)=>{ let hours = prev.hours; let minutes = prev.minutes; let seconds = prev.seconds; if (seconds > 0) { seconds--; } else { seconds = 59; if (minutes > 0) { minutes--; } else { minutes = 59; if (hours > 0) { hours--; } } } return { hours, minutes, seconds }; }); }, 1000); return ()=>clearInterval(timer); }, []); const handleSubmit = async (e)=>{ e.preventDefault(); if (!email) { setError('Please enter your email'); return; } setSubmitted(true); setError(''); }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "data:image/svg+xml,", sizes: "32x32 64x64 128x128", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://www.googletagmanager.com/gtag/js?id=G-DWVFJVRWVJ", __source: { fileName: "", lineNumber: 53, columnNumber: 1 }, __self: this }), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 54, columnNumber: 1 }, __self: this }, ` window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DWVFJVRWVJ'); `), /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen items-center justify-center bg-cover bg-center px-4 py-8", style: { backgroundImage: 'url("https://ucarecdn.com/8f10601b-0478-4543-9bc9-52532aa7c101/-/format/auto/")', backgroundColor: 'rgba(0, 0, 0, 0.3)', backgroundBlendMode: 'overlay' }, __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-2xl px-4 text-center text-white", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-3xl sm:text-4xl md:text-5xl font-bold text-white drop-shadow-lg", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "We'll be live in"), /*#__PURE__*/ React.createElement("div", { className: "mb-12 flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 72, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col backdrop-blur-sm bg-white/10 rounded-lg px-4 sm:px-6 py-4", __source: { fileName: "", lineNumber: 73, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl sm:text-5xl md:text-6xl font-bold", __source: { fileName: "", lineNumber: 74, columnNumber: 5 }, __self: this }, String(timeLeft.hours).padStart(2, '0')), /*#__PURE__*/ React.createElement("span", { className: "text-xs sm:text-sm uppercase", __source: { fileName: "", lineNumber: 75, columnNumber: 5 }, __self: this }, "Hours")), /*#__PURE__*/ React.createElement("span", { className: "text-4xl sm:text-5xl md:text-6xl font-bold self-center", __source: { fileName: "", lineNumber: 77, columnNumber: 3 }, __self: this }, ":"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col backdrop-blur-sm bg-white/10 rounded-lg px-4 sm:px-6 py-4", __source: { fileName: "", lineNumber: 78, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl sm:text-5xl md:text-6xl font-bold", __source: { fileName: "", lineNumber: 79, columnNumber: 5 }, __self: this }, String(timeLeft.minutes).padStart(2, '0')), /*#__PURE__*/ React.createElement("span", { className: "text-xs sm:text-sm uppercase", __source: { fileName: "", lineNumber: 80, columnNumber: 5 }, __self: this }, "Minutes")), /*#__PURE__*/ React.createElement("span", { className: "text-4xl sm:text-5xl md:text-6xl font-bold self-center", __source: { fileName: "", lineNumber: 82, columnNumber: 3 }, __self: this }, ":"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col backdrop-blur-sm bg-white/10 rounded-lg px-4 sm:px-6 py-4", __source: { fileName: "", lineNumber: 83, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl sm:text-5xl md:text-6xl font-bold", __source: { fileName: "", lineNumber: 84, columnNumber: 5 }, __self: this }, String(timeLeft.seconds).padStart(2, '0')), /*#__PURE__*/ React.createElement("span", { className: "text-xs sm:text-sm uppercase", __source: { fileName: "", lineNumber: 85, columnNumber: 5 }, __self: this }, "Seconds"))), !submitted ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "mx-auto max-w-md space-y-4 px-4", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-6 text-base sm:text-lg font-medium drop-shadow-lg", __source: { fileName: "", lineNumber: 91, columnNumber: 3 }, __self: this }, "Be the first to know when we launch. Sign up for early access!"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-2", __source: { fileName: "", lineNumber: 94, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Enter your email", className: "w-full flex-1 rounded-lg bg-white/10 px-4 py-3 text-white placeholder-white/60 backdrop-blur-sm focus:outline-none focus:ring-2 focus:ring-white/50", disabled: loading, __source: { fileName: "", lineNumber: 95, columnNumber: 5 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full sm:w-auto rounded-lg bg-white px-6 py-3 font-medium text-[#357AFF] transition-colors hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 104, columnNumber: 5 }, __self: this }, loading ? 'Subscribing...' : 'Notify Me')), error && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-red-400 drop-shadow-lg", __source: { fileName: "", lineNumber: 113, columnNumber: 5 }, __self: this }, error)) : /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-white/10 p-6 backdrop-blur-sm mx-4", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mb-4 text-4xl text-green-400", __source: { fileName: "", lineNumber: 118, columnNumber: 3 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-base sm:text-lg", __source: { fileName: "", lineNumber: 119, columnNumber: 3 }, __self: this }, "Thanks for signing up! We'll notify you when we launch."))))); }