function MainComponent() { const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const { data: user, loading: userLoading } = useUser(); useEffect(()=>{ if (userLoading) return; if (!user) { window.location.href = `/account/signin?callbackUrl=${encodeURIComponent(window.location.pathname)}`; return; } if (user?.isPremium) { window.location.href = "/"; return; } }, [ user, userLoading ]); const handleCheckout = async ()=>{ try { setLoading(true); const response = await fetch("/api/create-checkout-session", { method: "POST" }); if (!response.ok) { throw new Error("Failed to create checkout session"); } const { url } = await response.json(); window.location.href = url; } catch (err) { console.error("Checkout error:", err); setError("Unable to start checkout process. Please try again."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1A0B2E] text-white p-4 md:p-8 relative", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-32 h-32 bg-[url('https://create.xyz/stock/flourish-corner.png')] bg-contain bg-no-repeat transform rotate-0", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 w-32 h-32 bg-[url('https://create.xyz/stock/flourish-corner.png')] bg-contain bg-no-repeat transform rotate-90", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 w-32 h-32 bg-[url('https://create.xyz/stock/flourish-corner.png')] bg-contain bg-no-repeat transform -rotate-90", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 right-0 w-32 h-32 bg-[url('https://create.xyz/stock/flourish-corner.png')] bg-contain bg-no-repeat transform rotate-180", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto max-w-2xl relative", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-crimson-text text-[#FFD700] mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Unlock Premium Access"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-[#B19CD9] italic mb-8", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Elevate Your Spiritual Journey"), /*#__PURE__*/ React.createElement("a", { href: "/", className: "px-6 py-2 bg-[#2D1B4E] text-[#FFD700] border border-[#FFD700] rounded-lg hover:bg-[#3D2B5E] transition-all duration-300 inline-block", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }), "Return Home")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-500/20 text-red-100 p-4 rounded-lg mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }), error)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2D1B4E] p-8 rounded-lg border border-[#FFD700]/20", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl font-crimson-text text-[#FFD700]", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "$19.99"), /*#__PURE__*/ React.createElement("span", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "/month")), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4 mb-8", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center text-[#B19CD9]", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#FFD700] mr-2", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }), "Access to Premium Spreads"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center text-[#B19CD9]", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#FFD700] mr-2", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }), "Advanced Integration Tools"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center text-[#B19CD9]", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#FFD700] mr-2", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }), "Exclusive Rituals & Spellwork"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center text-[#B19CD9]", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#FFD700] mr-2", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }), "Priority Support")), /*#__PURE__*/ React.createElement("button", { onClick: handleCheckout, disabled: loading, className: "w-full px-6 py-3 bg-[#FFD700] text-[#2D1B4E] rounded-lg hover:bg-[#FFE55C] transition-all duration-300 disabled:opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "w-5 h-5 border-2 border-[#2D1B4E] border-t-transparent rounded-full animate-spin mr-2", __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }), "Processing...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-crown mr-2", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }), "Unlock Premium Access - $19.99"))))); }