function MainComponent() { const { data: user, loading: userLoading } = useUser(); const [subscription, setSubscription] = useState(null); const [dream, setDream] = useState(""); const [analysis, setAnalysis] = useState(""); const [streamingResponse, setStreamingResponse] = useState(""); const [loading, setLoading] = useState(false); const [showPayment, setShowPayment] = useState(false); const [followUpQuestions, setFollowUpQuestions] = useState([]); const [selectedQuestion, setSelectedQuestion] = useState(""); const [dreamHistory, setDreamHistory] = useState([]); const [showHistory, setShowHistory] = useState(false); const [dreamPatterns, setDreamPatterns] = useState([]); const [suggestions, setSuggestions] = useState([]); const [emotionalInsights, setEmotionalInsights] = useState(null); const [dreamDate, setDreamDate] = useState(new Date()); const [birthDate, setBirthDate] = useState(""); const [moonPhase, setMoonPhase] = useState(""); const [numerologyInsights, setNumerologyInsights] = useState(null); const [chineseZodiac, setChineseZodiac] = useState(null); const [chakraAlignment, setChakraAlignment] = useState(null); const [spiritualGuides, setSpiritualGuides] = useState(null); const [karmaticPath, setKarmaticPath] = useState(null); useEffect(()=>{ if (user) { fetch("/api/subscription-status").then((res)=>res.json()).then((data)=>setSubscription(data)).catch(console.error); } }, [ user ]); const canAccessFeature = (featureLevel)=>{ if (!subscription) return false; const tiers = { basic: 1, premium: 2, ultimate: 3 }; const userTier = tiers[subscription.tier] || 0; return userTier >= tiers[featureLevel]; }; const handleSubscribe = async (tier)=>{ if (!user) { window.location.href = `/account/signin?callbackUrl=/subscribe?tier=${tier}`; return; } try { const response = await fetch("/api/create-checkout-session", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ tier }) }); const { sessionId } = await response.json(); const stripe = await loadStripe(process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY); await stripe.redirectToCheckout({ sessionId }); } catch (error) { console.error("Error:", error); alert("Something went wrong. Please try again."); } }; const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingResponse, onFinish: (message)=>{ setAnalysis(message); setStreamingResponse(""); setShowPayment(true); generateFollowUpQuestions(dream); analyzeEmotionalPatterns(dream, message); generateProactiveSuggestions(dream, message); analyzeAstrologicalContext(dreamDate, dream, message); analyzeNumerologyAndZodiac(birthDate, dream, message); analyzeSpiritualDimensions(dream, message); if (dream.trim()) { setDreamHistory((prev)=>[ ...prev, { dream, date: dreamDate.toISOString(), analysis: message, astrologicalContext: null, moonPhase: moonPhase, numerology: numerologyInsights, chineseZodiac: chineseZodiac, chakras: chakraAlignment, spiritualGuides: spiritualGuides, karma: karmaticPath } ]); identifyDreamPatterns([ ...dreamHistory, { dream, analysis: message } ]); } } }); const analyzeNumerologyAndZodiac = async (birthDate, dream, analysis)=>{ const response = await fetch("/integrations/anthropic-claude/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Analyze the numerological and Chinese zodiac significance for this dream. Birth date: ${birthDate}, Dream: ${dream}, Analysis: ${analysis}. Consider life path numbers, destiny numbers, and zodiac elements.` } ], json_schema: { name: "numerology_zodiac", schema: { type: "object", properties: { numerology: { type: "object", properties: { lifePathNumber: { type: "string" }, destinyNumber: { type: "string" }, soulUrgeNumber: { type: "string" }, dreamNumbers: { type: "array", items: { type: "string" } }, interpretation: { type: "string" } }, required: [ "lifePathNumber", "destinyNumber", "soulUrgeNumber", "dreamNumbers", "interpretation" ], additionalProperties: false }, chineseZodiac: { type: "object", properties: { sign: { type: "string" }, element: { type: "string" }, polarity: { type: "string" }, compatibility: { type: "string" }, significance: { type: "string" } }, required: [ "sign", "element", "polarity", "compatibility", "significance" ], additionalProperties: false } }, required: [ "numerology", "chineseZodiac" ], additionalProperties: false } } }) }); const data = await response.json(); const insights = JSON.parse(data.choices[0].message.content); setNumerologyInsights(insights.numerology); setChineseZodiac(insights.chineseZodiac); }; const analyzeSpiritualDimensions = async (dream, analysis)=>{ const response = await fetch("/integrations/anthropic-claude/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Analyze the spiritual dimensions of this dream: ${dream}. Consider chakra alignments, spirit guides, and karmatic implications.` } ], json_schema: { name: "spiritual_analysis", schema: { type: "object", properties: { chakras: { type: "array", items: { type: "object", properties: { name: { type: "string" }, status: { type: "string" }, influence: { type: "string" } }, required: [ "name", "status", "influence" ], additionalProperties: false } }, spiritualGuides: { type: "array", items: { type: "object", properties: { type: { type: "string" }, message: { type: "string" }, symbolism: { type: "string" } }, required: [ "type", "message", "symbolism" ], additionalProperties: false } }, karmaticPath: { type: "object", properties: { pastLife: { type: "string" }, currentLesson: { type: "string" }, futureDirection: { type: "string" } }, required: [ "pastLife", "currentLesson", "futureDirection" ], additionalProperties: false } }, required: [ "chakras", "spiritualGuides", "karmaticPath" ], additionalProperties: false } } }) }); const data = await response.json(); const insights = JSON.parse(data.choices[0].message.content); setChakraAlignment(insights.chakras); setSpiritualGuides(insights.spiritualGuides); setKarmaticPath(insights.karmaticPath); }; const identifyDreamPatterns = async (dreams)=>{ if (dreams.length < 2) return; const response = await fetch("/integrations/anthropic-claude/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Analyze these dreams for patterns: ${JSON.stringify(dreams)}. Identify recurring themes, symbols, or emotions.` } ], json_schema: { name: "dream_patterns", schema: { type: "object", properties: { patterns: { type: "array", items: { type: "object", properties: { theme: { type: "string" }, frequency: { type: "number" }, interpretation: { type: "string" } }, required: [ "theme", "frequency", "interpretation" ], additionalProperties: false } } }, required: [ "patterns" ], additionalProperties: false } } }) }); const data = await response.json(); setDreamPatterns(JSON.parse(data.choices[0].message.content).patterns); }; const analyzeDream = async ()=>{ setLoading(true); setAnalysis(""); setFollowUpQuestions([]); setEmotionalInsights(null); setSuggestions([]); const systemPrompt = `You are a thoughtful and insightful dream interpreter. Analyze dreams with these key aspects: 1. Initial Reflection - First impressions - Core emotions and feelings - Main symbols or themes 2. Personal Meaning - How this dream relates to the dreamer's life - Current situations it might reflect - Personal growth opportunities 3. Key Symbols - Main symbols and their potential meanings - Cultural or universal interpretations - Personal context considerations 4. Practical Insights - Real-world applications - Suggested actions or reflections - Questions to consider 5. Emotional Understanding - Core emotional themes - What these emotions might be telling you - How to work with these feelings Provide clear, practical interpretations that help understand the dream's personal significance. Be supportive and insightful while avoiding overly mystical or esoteric language. Focus on helping the dreamer understand their dream's relevance to their life and personal growth.`; const response = await fetch("/integrations/anthropic-claude/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: systemPrompt }, { role: "user", content: `Analyze this dream with your full capabilities, considering it occurred on ${dreamDate.toISOString()}: ${dream}${selectedQuestion ? `\nAdditional context from follow-up question: ${selectedQuestion}` : ""}${dreamPatterns.length > 0 ? `\nPrevious dream patterns: ${JSON.stringify(dreamPatterns)}` : ""}` } ], stream: true }) }); handleStreamResponse(response); setLoading(false); }; const handleFollowUpQuestion = (question)=>{ setSelectedQuestion(question); analyzeDream(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#0f172a] via-[#1e293b] to-[#0f172a] text-white p-4 md:p-8", __source: { fileName: "", lineNumber: 349, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto space-y-8", __source: { fileName: "", lineNumber: 350, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 w-full h-1 bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#6366f1] animate-gradient-x z-50", __source: { fileName: "", lineNumber: 351, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1e293b]/80 backdrop-blur-lg rounded-2xl p-6 mb-8 text-center relative overflow-hidden border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 352, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-[url('/sacred-geometry.svg')] opacity-5", __source: { fileName: "", lineNumber: 353, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 354, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-6 mb-4 animate-float", __source: { fileName: "", lineNumber: 355, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-moon text-[#6366f1] text-4xl transform rotate-12", __source: { fileName: "", lineNumber: 356, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-sun text-[#8b5cf6] text-4xl", __source: { fileName: "", lineNumber: 357, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-[#6366f1] text-4xl transform -rotate-12", __source: { fileName: "", lineNumber: 358, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-[#e2e8f0] font-crimson-text", __source: { fileName: "", lineNumber: 360, columnNumber: 13 }, __self: this }, "Cosmic Window: ", new Date().toLocaleDateString(), " ✨"))), /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center mb-8 bg-[#1e293b]/80 backdrop-blur-lg p-4 rounded-2xl border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 365, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 366, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#1e293b] p-4 rounded-xl hover:bg-[#334155] transition-all transform hover:scale-105 border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 367, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history text-[#6366f1] text-xl", __source: { fileName: "", lineNumber: 368, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1e293b] p-4 rounded-xl hover:bg-[#334155] transition-all transform hover:scale-105 border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 370, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save text-[#6366f1] text-xl", __source: { fileName: "", lineNumber: 371, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 374, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#1e293b] p-4 rounded-xl hover:bg-[#334155] transition-all transform hover:scale-105 border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 375, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share text-[#6366f1] text-xl", __source: { fileName: "", lineNumber: 376, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1e293b] p-4 rounded-xl hover:bg-[#334155] transition-all transform hover:scale-105 border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 378, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-[#6366f1] text-xl", __source: { fileName: "", lineNumber: 379, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 383, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl md:text-7xl font-crimson-text mb-6 bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#6366f1] text-transparent bg-clip-text animate-gradient-x", __source: { fileName: "", lineNumber: 384, columnNumber: 11 }, __self: this }, "🌙 Mystic Dream Oracle"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-[#e2e8f0] font-crimson-text", __source: { fileName: "", lineNumber: 387, columnNumber: 11 }, __self: this }, "Unlock the Sacred Mysteries of Your Soul's Journey")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1e293b]/80 backdrop-blur-lg rounded-2xl p-8 shadow-2xl relative overflow-hidden border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 391, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-[url('/constellation.svg')] opacity-5", __source: { fileName: "", lineNumber: 392, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 393, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center gap-6 mb-8", __source: { fileName: "", lineNumber: 394, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", value: dreamDate.toISOString().split("T")[0], onChange: (e)=>setDreamDate(new Date(e.target.value)), className: "w-full md:w-auto bg-[#1e293b] text-white rounded-xl p-4 focus:outline-none focus:ring-2 focus:ring-[#6366f1] transition-all hover:bg-[#334155] border border-[#6366f1]/20", placeholder: "Dream Date", __source: { fileName: "", lineNumber: 395, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", value: birthDate, onChange: (e)=>setBirthDate(e.target.value), className: "w-full md:w-auto bg-[#1e293b] text-white rounded-xl p-4 focus:outline-none focus:ring-2 focus:ring-[#6366f1] transition-all hover:bg-[#334155] border border-[#6366f1]/20", placeholder: "Birth Date", __source: { fileName: "", lineNumber: 402, columnNumber: 15 }, __self: this }), moonPhase && /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 bg-[#1e293b] p-4 rounded-xl animate-float border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 410, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-moon text-[#6366f1] text-xl", __source: { fileName: "", lineNumber: 411, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#e2e8f0] text-lg", __source: { fileName: "", lineNumber: 412, columnNumber: 19 }, __self: this }, moonPhase))), /*#__PURE__*/ React.createElement("textarea", { value: dream, onChange: (e)=>setDream(e.target.value), placeholder: "✨ Share your dream's sacred message...", className: "w-full h-56 bg-[#1e293b] text-white rounded-xl p-6 mb-8 focus:outline-none focus:ring-2 focus:ring-[#6366f1] transition-all hover:bg-[#334155] font-crimson-text text-xl border border-[#6366f1]/20", name: "dream-description", __source: { fileName: "", lineNumber: 416, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: analyzeDream, disabled: loading || !dream, className: "w-full bg-gradient-to-r from-[#6366f1] to-[#8b5cf6] hover:from-[#818cf8] hover:to-[#a78bfa] py-5 rounded-xl font-semibold transition-all transform hover:scale-[1.02] disabled:opacity-50 disabled:hover:scale-100 text-xl shadow-lg shadow-[#6366f1]/25", __source: { fileName: "", lineNumber: 423, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-3", __source: { fileName: "", lineNumber: 429, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-moon mr-3", __source: { fileName: "", lineNumber: 431, columnNumber: 17 }, __self: this }), "Reveal Divine Wisdom"))), (streamingResponse || analysis) && /*#__PURE__*/ React.createElement("div", { className: "bg-[#1f1f3d] rounded-lg p-6 shadow-xl", __source: { fileName: "", lineNumber: 439, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 440, columnNumber: 13 }, __self: this }, "Dream Analysis"), /*#__PURE__*/ React.createElement("div", { className: "prose prose-invert mb-6", __source: { fileName: "", lineNumber: 442, columnNumber: 13 }, __self: this }, streamingResponse || analysis), /*#__PURE__*/ React.createElement("div", { className: "mt-6 space-y-4", __source: { fileName: "", lineNumber: 446, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 447, columnNumber: 15 }, __self: this }, "Reflect on These Questions:"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 448, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleFollowUpQuestion("How did this dream make you feel when you first woke up?"), className: "w-full text-left p-3 bg-[#2a2a4a] hover:bg-[#3a3a5a] rounded-lg transition-colors", __source: { fileName: "", lineNumber: 449, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-question-circle mr-2", __source: { fileName: "", lineNumber: 451, columnNumber: 19 }, __self: this }), "How did this dream make you feel when you first woke up?"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleFollowUpQuestion("Do any of these symbols connect to your current life situation?"), className: "w-full text-left p-3 bg-[#2a2a4a] hover:bg-[#3a3a5a] rounded-lg transition-colors", __source: { fileName: "", lineNumber: 454, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-question-circle mr-2", __source: { fileName: "", lineNumber: 456, columnNumber: 19 }, __self: this }), "Do any of these symbols connect to your current life situation?"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleFollowUpQuestion("What actions or insights from this interpretation resonate most with you?"), className: "w-full text-left p-3 bg-[#2a2a4a] hover:bg-[#3a3a5a] rounded-lg transition-colors", __source: { fileName: "", lineNumber: 459, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-question-circle mr-2", __source: { fileName: "", lineNumber: 461, columnNumber: 19 }, __self: this }), "What actions or insights from this interpretation resonate most with you?"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-[#2a2a4a] rounded-lg", __source: { fileName: "", lineNumber: 467, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 468, columnNumber: 15 }, __self: this }, "Journal Prompt"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 469, columnNumber: 15 }, __self: this }, "Take a moment to write about how this dream interpretation resonates with your current life journey. What insights feel most meaningful to you?")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 mt-6", __source: { fileName: "", lineNumber: 472, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>saveDream(dream, analysis), className: "flex items-center gap-2 bg-[#2a2a4a] hover:bg-[#3a3a5a] px-4 py-2 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 473, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save", __source: { fileName: "", lineNumber: 476, columnNumber: 17 }, __self: this }), "Save to Journal"), /*#__PURE__*/ React.createElement("button", { className: "flex items-center gap-2 bg-[#2a2a4a] hover:bg-[#3a3a5a] px-4 py-2 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 479, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share", __source: { fileName: "", lineNumber: 480, columnNumber: 17 }, __self: this }), "Share Insight"))), showPayment && /*#__PURE__*/ React.createElement("div", { className: "bg-[#1f1f3d] rounded-lg p-8 shadow-xl mt-8", __source: { fileName: "", lineNumber: 488, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-center mb-8", __source: { fileName: "", lineNumber: 489, columnNumber: 13 }, __self: this }, "Unlock Your Full Spiritual Journey"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 493, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a4a] p-6 rounded-lg border-2 border-transparent hover:border-[#6c63ff] transition-all", __source: { fileName: "", lineNumber: 494, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 495, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text", __source: { fileName: "", lineNumber: 496, columnNumber: 19 }, __self: this }, "Seeker"), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold my-4", __source: { fileName: "", lineNumber: 497, columnNumber: 19 }, __self: this }, "$8.88", /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 498, columnNumber: 26 }, __self: this }, "/month"))), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 mb-6", __source: { fileName: "", lineNumber: 501, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 502, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#6c63ff]", __source: { fileName: "", lineNumber: 503, columnNumber: 21 }, __self: this }), "Basic Dream Analysis"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 506, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#6c63ff]", __source: { fileName: "", lineNumber: 507, columnNumber: 21 }, __self: this }), "Dream Journal"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 510, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#6c63ff]", __source: { fileName: "", lineNumber: 511, columnNumber: 21 }, __self: this }), "Symbol Dictionary")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSubscribe("basic"), className: "w-full bg-[#2a2a4a] hover:bg-[#3a3a5a] border border-[#6c63ff] px-6 py-3 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 515, columnNumber: 17 }, __self: this }, "Start Journey")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a4a] p-6 rounded-lg border-2 border-[#6c63ff] transform scale-105 relative", __source: { fileName: "", lineNumber: 523, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -top-4 left-1/2 transform -translate-x-1/2 bg-[#6c63ff] px-4 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 524, columnNumber: 17 }, __self: this }, "Most Popular"), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 527, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text", __source: { fileName: "", lineNumber: 528, columnNumber: 19 }, __self: this }, "Mystic"), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold my-4", __source: { fileName: "", lineNumber: 529, columnNumber: 19 }, __self: this }, "$18.88", /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 530, columnNumber: 27 }, __self: this }, "/month"))), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 mb-6", __source: { fileName: "", lineNumber: 533, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 534, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#6c63ff]", __source: { fileName: "", lineNumber: 535, columnNumber: 21 }, __self: this }), "Advanced Dream Analysis"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 538, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#6c63ff]", __source: { fileName: "", lineNumber: 539, columnNumber: 21 }, __self: this }), "AI Dream Visualization"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 542, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#6c63ff]", __source: { fileName: "", lineNumber: 543, columnNumber: 21 }, __self: this }), "Astrological Insights"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 546, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#6c63ff]", __source: { fileName: "", lineNumber: 547, columnNumber: 21 }, __self: this }), "All Seeker Features")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSubscribe("premium"), className: "w-full bg-[#6c63ff] hover:bg-[#5a52cc] px-6 py-3 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 551, columnNumber: 17 }, __self: this }, "Embrace Wisdom")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a4a] p-6 rounded-lg border-2 border-transparent hover:border-[#6c63ff] transition-all", __source: { fileName: "", lineNumber: 559, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 560, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text", __source: { fileName: "", lineNumber: 561, columnNumber: 19 }, __self: this }, "Oracle"), /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold my-4", __source: { fileName: "", lineNumber: 562, columnNumber: 19 }, __self: this }, "$28.88", /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 563, columnNumber: 27 }, __self: this }, "/month"))), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 mb-6", __source: { fileName: "", lineNumber: 566, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 567, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#6c63ff]", __source: { fileName: "", lineNumber: 568, columnNumber: 21 }, __self: this }), "Personal Dream Coach"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 571, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#6c63ff]", __source: { fileName: "", lineNumber: 572, columnNumber: 21 }, __self: this }), "Priority Analysis"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 575, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#6c63ff]", __source: { fileName: "", lineNumber: 576, columnNumber: 21 }, __self: this }), "Custom Rituals"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 579, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#6c63ff]", __source: { fileName: "", lineNumber: 580, columnNumber: 21 }, __self: this }), "All Mystic Features")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSubscribe("ultimate"), className: "w-full bg-[#2a2a4a] hover:bg-[#3a3a5a] border border-[#6c63ff] px-6 py-3 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 584, columnNumber: 17 }, __self: this }, "Ascend Higher"))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-8 text-gray-400", __source: { fileName: "", lineNumber: 593, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 594, columnNumber: 15 }, __self: this }, "All plans include a 7-day free trial. Cancel anytime."), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-2 text-[#6c63ff]", __source: { fileName: "", lineNumber: 595, columnNumber: 15 }, __self: this }, "✨ Pricing aligned with the infinity number 8 - symbolizing abundance and eternal flow ✨"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-4 mt-4", __source: { fileName: "", lineNumber: 599, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-[#6c63ff]", __source: { fileName: "", lineNumber: 600, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 601, columnNumber: 17 }, __self: this }, "Secure payment powered by Stripe")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 607, columnNumber: 9 }, __self: this }, ` @keyframes gradient-x { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .animate-gradient-x { background-size: 200% 200%; animation: gradient-x 15s ease infinite; } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } .animate-float { animation: float 3s ease-in-out infinite; } `))); }