function MainComponent() { const [email, setEmail] = useState(""); const [status, setStatus] = useState("idle"); const [error, setError] = useState(""); const handleSubmit = useCallback(async (e)=>{ e.preventDefault(); setStatus("loading"); setError(""); if (!email || !email.includes("@")) { setError("Please enter a valid email address"); setStatus("error"); return; } try { const response = await fetch("/api/subscribe", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } setStatus("success"); setEmail(""); } catch (err) { setError(err.message || "Something went wrong. Please try again."); setStatus("error"); } }, [ email ]); return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Elara Loyalty - Turn Customers Into Loyal Fans"), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/d554ec28-5c08-4cc8-969e-13891fa88863/-/format/auto/", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen font-sans relative overflow-hidden", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 animate-ethereal", style: { backgroundImage: "url('https://ucarecdn.com/aafd31d9-ac60-4abd-b1f9-a38251883ba0/-/format/auto/')", backgroundSize: "cover", backgroundPosition: "center", backgroundRepeat: "no-repeat", filter: "blur(8px) brightness(0.6)" }, __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 animate-glow-1 opacity-30 blur-3xl", style: { background: "radial-gradient(circle at 30% 30%, rgba(255,255,255,0.4) 0%, transparent 70%)", transform: "scale(1.5)" }, __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 animate-glow-2 opacity-30 blur-3xl", style: { background: "radial-gradient(circle at 70% 70%, rgba(255,255,255,0.4) 0%, transparent 70%)", transform: "scale(1.5)" }, __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 py-8 sm:px-6 lg:px-8 w-full", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/d554ec28-5c08-4cc8-969e-13891fa88863/-/format/auto/", alt: "Elara Logo", className: "w-32 h-32 mx-auto translate-x-[15px]", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl sm:text-5xl font-extralight text-white mb-8 tracking-wider -mt-4", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }, "Elara"), /*#__PURE__*/ React.createElement("p", { className: "text-lg sm:text-xl text-white mb-2 max-w-4xl mx-auto leading-relaxed", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, "Affordably turn your customers into loyal fans, and reward them for shopping with you"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-white/80 mb-24 font-light", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, "Built by merchants, for merchants"))), /*#__PURE__*/ React.createElement("div", { className: "w-full py-16 mb-24 relative backdrop-blur-lg bg-white/10", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto px-4", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-white mb-4", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this }, "Let us know how to find you"), /*#__PURE__*/ React.createElement("p", { className: "text-white/90", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, "Be the first to know when we launch. Sign up for exclusive updates.")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 120, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 121, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Enter your email address", className: "w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/50 transition duration-200", __source: { fileName: "", lineNumber: 122, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: status === "loading", className: "w-full bg-white/10 hover:bg-white/20 text-white font-semibold py-3 px-6 rounded-lg transition duration-200 ease-in-out disabled:opacity-50 backdrop-blur-lg border border-white/20", __source: { fileName: "", lineNumber: 132, columnNumber: 19 }, __self: this }, status === "loading" ? /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 138, columnNumber: 23 }, __self: this }, "Please wait...") : /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 140, columnNumber: 23 }, __self: this }, "Get Early Access")), status === "success" && /*#__PURE__*/ React.createElement("div", { className: "text-green-300 text-center p-3 bg-green-500/10 rounded-lg", __source: { fileName: "", lineNumber: 145, columnNumber: 21 }, __self: this }, "Thanks for subscribing! We'll keep you updated on our launch."), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-300 text-center p-3 bg-red-500/10 rounded-lg", __source: { fileName: "", lineNumber: 152, columnNumber: 21 }, __self: this }, error))))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 mb-24", __source: { fileName: "", lineNumber: 161, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 162, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-lg rounded-xl p-6 text-center md:text-left border border-white/20", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, "Affordable"), /*#__PURE__*/ React.createElement("p", { className: "text-white/90", __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this }, "Competitive pricing that works for your business")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-lg rounded-xl p-6 text-center border border-white/20", __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, "Customer-Focused"), /*#__PURE__*/ React.createElement("p", { className: "text-white/90", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this }, "We help you build lasting relationships")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-lg rounded-xl p-6 text-center md:text-right border border-white/20", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 180, columnNumber: 17 }, __self: this }, "Merchant-Built"), /*#__PURE__*/ React.createElement("p", { className: "text-white/90", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }, "Created with real merchant needs in mind")))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 bg-black/40 backdrop-blur-sm", __source: { fileName: "", lineNumber: 190, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 py-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-white/70", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }, "© 2025 Elara. All rights reserved."), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-sm text-white/50 hover:text-white/70 transition duration-200", __source: { fileName: "", lineNumber: 196, columnNumber: 17 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("span", { className: "text-white/30", __source: { fileName: "", lineNumber: 202, columnNumber: 17 }, __self: this }, "|"), /*#__PURE__*/ React.createElement("a", { href: "/merchant/login", className: "text-sm text-white/50 hover:text-white/70 transition duration-200", __source: { fileName: "", lineNumber: 203, columnNumber: 17 }, __self: this }, "Merchant Login"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 214, columnNumber: 9 }, __self: this }, ` @keyframes ethereal { 0% { transform: scale(1.1) translate(0, 0); } 25% { transform: scale(1.1) translate(2%, 1%); } 50% { transform: scale(1.1) translate(1%, 2%); } 75% { transform: scale(1.1) translate(-1%, 1%); } 100% { transform: scale(1.1) translate(0, 0); } } @keyframes glow1 { 0% { opacity: 0.2; transform: translate(0, 0); } 33% { opacity: 0.3; transform: translate(3%, 2%); } 66% { opacity: 0.25; transform: translate(-2%, 3%); } 100% { opacity: 0.2; transform: translate(0, 0); } } @keyframes glow2 { 0% { opacity: 0.2; transform: translate(0, 0); } 33% { opacity: 0.25; transform: translate(-3%, -2%); } 66% { opacity: 0.3; transform: translate(2%, -3%); } 100% { opacity: 0.2; transform: translate(0, 0); } } .animate-ethereal { animation: ethereal 30s ease-in-out infinite; } .animate-glow-1 { animation: glow1 20s ease-in-out infinite; } .animate-glow-2 { animation: glow2 25s ease-in-out infinite; } `))); }