function MainComponent() { const [loading, setLoading] = useState(true); const [notes, setNotes] = useState([]); const [newNote, setNewNote] = useState(""); const [searchTerm, setSearchTerm] = useState(""); const [dailyEnergy, setDailyEnergy] = useState(null); const [moonPhase, setMoonPhase] = useState(""); const { data: user } = useUser(); const isPremium = user?.isPremium; useEffect(()=>{ const loadDailyEnergy = async ()=>{ setLoading(true); try { const now = new Date(); // Calculate numerological day (1-9) const day = now.getDate(); const numerologicalDay = day > 9 ? Array.from(String(day), Number).reduce((a, b)=>a + b) : day; // Map numbers to Major Arcana (1-22) // If number > 9, add 9 to get into the second half of the Major Arcana const majorArcanaNumber = numerologicalDay > 9 ? numerologicalDay + 9 : numerologicalDay; // Calculate elemental energy based on day of week // Sun = Fire, Mon = Water, Tue = Fire, Wed = Air // Thu = Fire, Fri = Earth, Sat = Earth const dayOfWeek = now.getDay(); const elementalMap = { 0: "wands", 1: "cups", 2: "wands", 3: "swords", 4: "wands", 5: "pentacles", 6: "pentacles" }; const response = await fetch("/api/db/tarot-card-readings", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "SELECT * FROM cards WHERE (number = ? AND suit IS NULL) OR suit = ?", values: [ majorArcanaNumber, elementalMap[dayOfWeek] ] }) }); const data = await response.json(); if (!data || data.length === 0) { setDailyEnergy({ majorArcana: { name: "The Fool" }, elementalCard: { name: "Ace of Wands" }, date: now.toLocaleDateString() }); } else { const majorArcana = data.find((c)=>!c.suit); const elementalCard = data.find((c)=>c.suit === elementalMap[dayOfWeek]); setDailyEnergy({ majorArcana: majorArcana || { name: "The Fool" }, elementalCard: elementalCard || { name: "Ace of " + elementalMap[dayOfWeek].charAt(0).toUpperCase() + elementalMap[dayOfWeek].slice(1) }, date: now.toLocaleDateString() }); } const newMoonBase = new Date("2025-01-11T00:00:00Z"); const timeDiff = now.getTime() - newMoonBase.getTime(); const daysDiff = timeDiff / (1000 * 3600 * 24); const lunarCycle = 29.53; const currentDay = daysDiff % lunarCycle; let phase; if (currentDay < 1) phase = "🌑 New Moon"; else if (currentDay < 7.38) phase = "🌒 Waxing Crescent"; else if (currentDay < 14.76) phase = "🌓 First Quarter"; else if (currentDay < 22.14) phase = "🌔 Waxing Gibbous"; else if (currentDay < 25.53) phase = "🌕 Full Moon"; else if (currentDay < 27.53) phase = "🌖 Waning Gibbous"; else if (currentDay < 28.53) phase = "🌗 Last Quarter"; else phase = "🌘 Dark Moon"; setMoonPhase(phase); } catch (err) { console.error("Error loading daily energy:", err); const now = new Date(); const dayOfWeek = now.getDay(); const elementalMap = { 0: "Wands", 1: "Cups", 2: "Wands", 3: "Swords", 4: "Wands", 5: "Pentacles", 6: "Pentacles" }; setDailyEnergy({ majorArcana: { name: "The Fool" }, elementalCard: { name: "Ace of " + elementalMap[dayOfWeek] }, date: now.toLocaleDateString() }); setMoonPhase("🌑 New Moon"); } finally{ setLoading(false); } }; loadDailyEnergy(); const savedNotes = localStorage.getItem("tarotNotes"); if (savedNotes) { setNotes(JSON.parse(savedNotes)); } }, []); const addNote = ()=>{ if (!newNote.trim()) return; const note = { id: Date.now(), text: newNote, date: new Date().toISOString(), moonPhase, dailyEnergy: dailyEnergy?.majorArcana?.name }; const updatedNotes = [ note, ...notes ]; setNotes(updatedNotes); localStorage.setItem("tarotNotes", JSON.stringify(updatedNotes)); setNewNote(""); }; const filteredNotes = notes.filter((note)=>note.text.toLowerCase().includes(searchTerm.toLowerCase()) || note.dailyEnergy?.toLowerCase().includes(searchTerm.toLowerCase())); const exercises = [ { title: "Meditation", icon: "om", description: "Connect with today's energy through mindful reflection", color: "#FFD700" }, { title: "Journaling", icon: "pen-fancy", description: "Write about how today's energies manifest in your life", color: "#B19CD9" }, { title: "Nature Connection", icon: "leaf", description: "Find today's elements in the natural world around you", color: "#98FB98" }, { title: "Creative Expression", icon: "palette", description: "Create art inspired by today's energetic themes", color: "#FF69B4" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1A0B2E] text-white p-4 md:p-8 relative", __source: { fileName: "", lineNumber: 172, 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: 173, 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: 174, 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: 175, 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: 176, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto max-w-6xl relative", __source: { fileName: "", lineNumber: 178, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 179, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-crimson-text text-[#FFD700] mb-4", __source: { fileName: "", lineNumber: 180, columnNumber: 11 }, __self: this }, "Daily Tarot Integration"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-[#B19CD9] italic mb-8", __source: { fileName: "", lineNumber: 183, columnNumber: 11 }, __self: this }, "Align with Today's Energies"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4", __source: { fileName: "", lineNumber: 186, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "px-6 py-2 bg-[#FFD700] text-[#2D1B4E] rounded-lg hover:bg-[#FFE55C] transition-colors duration-300", __source: { fileName: "", lineNumber: 187, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }), "Home"), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/the-archetypal-tarot-landing-page", className: "px-6 py-2 bg-[#2D1B4E] text-[#FFD700] border border-[#FFD700] rounded-lg hover:bg-[#3D2B5E] transition-all duration-300 hover:scale-105", __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book-sparkles mr-2", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }), "Archetypal Tarot"))), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-64", __source: { fileName: "", lineNumber: 203, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 border-4 border-[#FFD700] border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 204, columnNumber: 13 }, __self: this })) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12", __source: { fileName: "", lineNumber: 208, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2D1B4E] p-6 rounded-lg", __source: { fileName: "", lineNumber: 209, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#FFD700] mb-6", __source: { fileName: "", lineNumber: 210, columnNumber: 17 }, __self: this }, "Today's Energies"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 213, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center text-[#B19CD9] text-xl mb-4", __source: { fileName: "", lineNumber: 214, columnNumber: 19 }, __self: this }, moonPhase), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 217, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A0B2E] p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 218, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#FFD700] mb-2", __source: { fileName: "", lineNumber: 219, columnNumber: 23 }, __self: this }, "Spiritual Theme"), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 220, columnNumber: 23 }, __self: this }, dailyEnergy?.majorArcana?.name)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A0B2E] p-4 rounded-lg text-center", __source: { fileName: "", lineNumber: 224, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#FFD700] mb-2", __source: { fileName: "", lineNumber: 225, columnNumber: 23 }, __self: this }, "Element"), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 226, columnNumber: 23 }, __self: this }, dailyEnergy?.elementalCard?.name))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2D1B4E] p-6 rounded-lg", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#FFD700] mb-6", __source: { fileName: "", lineNumber: 235, columnNumber: 17 }, __self: this }, "Integration Practices"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }, exercises.map((exercise, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#1A0B2E] p-4 rounded-lg", __source: { fileName: "", lineNumber: 240, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-2", __source: { fileName: "", lineNumber: 241, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${exercise.icon}`, style: { color: exercise.color }, __source: { fileName: "", lineNumber: 242, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-[#FFD700]", __source: { fileName: "", lineNumber: 246, columnNumber: 25 }, __self: this }, exercise.title)), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9] text-sm", __source: { fileName: "", lineNumber: 248, columnNumber: 23 }, __self: this }, exercise.description)))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2D1B4E] p-6 rounded-lg", __source: { fileName: "", lineNumber: 257, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#FFD700] mb-6", __source: { fileName: "", lineNumber: 258, columnNumber: 15 }, __self: this }, "Reflection Journal"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 261, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), placeholder: "Search reflections...", className: "w-full px-4 py-2 bg-[#1A0B2E] border border-[#FFD700] rounded-lg text-white", __source: { fileName: "", lineNumber: 262, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 269, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: newNote, onChange: (e)=>setNewNote(e.target.value), placeholder: "Add a reflection...", className: "flex-1 px-4 py-2 bg-[#1A0B2E] border border-[#FFD700] rounded-lg text-white", __source: { fileName: "", lineNumber: 270, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: addNote, className: "px-4 py-2 bg-[#FFD700] text-[#2D1B4E] rounded-lg hover:bg-[#FFE55C]", __source: { fileName: "", lineNumber: 277, columnNumber: 19 }, __self: this }, "Add")), /*#__PURE__*/ React.createElement("div", { className: "max-h-48 overflow-y-auto space-y-2", __source: { fileName: "", lineNumber: 284, columnNumber: 17 }, __self: this }, filteredNotes.map((note)=>/*#__PURE__*/ React.createElement("div", { key: note.id, className: "bg-[#1A0B2E] p-3 rounded-lg", __source: { fileName: "", lineNumber: 286, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 287, columnNumber: 23 }, __self: this }, note.text), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#FFD700] mt-1", __source: { fileName: "", lineNumber: 288, columnNumber: 23 }, __self: this }, new Date(note.date).toLocaleDateString(), " -", " ", note.moonPhase))))))), !isPremium && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 bg-[#2D1B4E] p-4 rounded-lg shadow-lg border border-[#FFD700]", __source: { fileName: "", lineNumber: 301, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#FFD700] mb-2", __source: { fileName: "", lineNumber: 302, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-crown mr-2", __source: { fileName: "", lineNumber: 303, columnNumber: 15 }, __self: this }), "Unlock Advanced Features"), /*#__PURE__*/ React.createElement("a", { href: "/premium-landing-page", className: "px-4 py-2 bg-[#FFD700] text-[#2D1B4E] rounded-lg hover:bg-[#FFE55C] inline-block", __source: { fileName: "", lineNumber: 306, columnNumber: 13 }, __self: this }, "Upgrade Now")))); }