function MainComponent() { const [cards, setCards] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [showJournal, setShowJournal] = useState(false); const [journalEntry, setJournalEntry] = useState(""); const [journalEntries, setJournalEntries] = useState([]); const [currentStep, setCurrentStep] = useState(0); const [showCombined, setShowCombined] = useState(false); const { data: user } = useUser(); useEffect(()=>{ fetchCards(); }, []); const fetchCards = async ()=>{ const cardData = [ { name: "Justice", frontImageUrl: "https://upload.wikimedia.org/wikipedia/commons/e/e0/RWS_Tarot_11_Justice.jpg", uprightMeaning: "Fairness, truth, law, cause and effect", reversedMeaning: "Unfairness, lack of accountability, dishonesty", description: "Justice represents fairness and the law. It signifies the search for truth and the need for balance.", elementalAssociation: "Air", astrologicalAssociation: "Libra", numerologicalAssociation: "11 - Balance", keywords: [ "Fairness", "Truth", "Law", "Balance" ], chakraAlignment: "Heart Chakra", crystals: [ "Lapis Lazuli", "Sodalite", "Blue Lace Agate" ], herbs: [ "Thyme", "Sage", "Elderflower" ], isReversed: Math.random() > 0.5 }, { name: "The Hanged Man", frontImageUrl: "https://upload.wikimedia.org/wikipedia/commons/2/2b/RWS_Tarot_12_Hanged_Man.jpg", uprightMeaning: "Surrender, letting go, new perspective", reversedMeaning: "Stalling, resistance, avoiding sacrifice", description: "The Hanged Man represents willing sacrifice and gaining new perspectives through surrender. He teaches us the power of letting go.", elementalAssociation: "Water", astrologicalAssociation: "Neptune", numerologicalAssociation: "12 - Sacrifice", keywords: [ "Surrender", "Sacrifice", "Perspective", "Suspension" ], chakraAlignment: "Crown Chakra", crystals: [ "Amethyst", "Clear Quartz", "Charoite" ], herbs: [ "Myrrh", "Passion Flower", "Willow" ], isReversed: Math.random() > 0.5 }, { name: "Death", frontImageUrl: "https://upload.wikimedia.org/wikipedia/commons/d/d7/RWS_Tarot_13_Death.jpg", uprightMeaning: "Transformation, endings, change, transition", reversedMeaning: "Resistance to change, stagnation, decay", description: "Death represents profound transformation and the natural cycle of endings and beginnings. It heralds deep, meaningful change.", elementalAssociation: "Water", astrologicalAssociation: "Scorpio", numerologicalAssociation: "13 - Transformation", keywords: [ "Transformation", "Endings", "Renewal", "Transition" ], chakraAlignment: "Root Chakra", crystals: [ "Black Obsidian", "Smoky Quartz", "Apache Tear" ], herbs: [ "Mullein", "Cypress", "Wormwood" ], isReversed: Math.random() > 0.5 }, { name: "Temperance", frontImageUrl: "https://upload.wikimedia.org/wikipedia/commons/f/f8/RWS_Tarot_14_Temperance.jpg", uprightMeaning: "Balance, moderation, patience, purpose", reversedMeaning: "Imbalance, excess, lack of harmony", description: "Temperance represents the middle path, finding balance through combining different elements. It teaches divine alchemy and patience.", elementalAssociation: "Fire", astrologicalAssociation: "Sagittarius", numerologicalAssociation: "14 - Alchemy", keywords: [ "Balance", "Harmony", "Moderation", "Integration" ], chakraAlignment: "Solar Plexus Chakra", crystals: [ "Yellow Calcite", "Citrine", "Golden Topaz" ], herbs: [ "Chamomile", "Lavender", "Angelica" ], isReversed: Math.random() > 0.5 }, { name: "The Devil", frontImageUrl: "https://upload.wikimedia.org/wikipedia/commons/5/55/RWS_Tarot_15_Devil.jpg", uprightMeaning: "Bondage, materialism, ignorance, shadow self", reversedMeaning: "Release, detachment, breaking free", description: "The Devil represents our shadow aspects and material bondage. It reveals where we are bound by illusion and limited thinking.", elementalAssociation: "Earth", astrologicalAssociation: "Capricorn", numerologicalAssociation: "15 - Bondage", keywords: [ "Bondage", "Shadow", "Materialism", "Temptation" ], chakraAlignment: "Root Chakra", crystals: [ "Black Tourmaline", "Obsidian", "Jet" ], herbs: [ "Mullein", "Dragons Blood", "Black Cohosh" ], isReversed: Math.random() > 0.5 }, { name: "The Tower", frontImageUrl: "https://upload.wikimedia.org/wikipedia/commons/5/53/RWS_Tarot_16_Tower.jpg", uprightMeaning: "Sudden change, upheaval, revelation, awakening", reversedMeaning: "Avoiding disaster, fear of change", description: "The Tower represents sudden breakthrough or breakdown. It brings divine destruction of false structures.", elementalAssociation: "Fire", astrologicalAssociation: "Mars", numerologicalAssociation: "16 - Awakening", keywords: [ "Disruption", "Awakening", "Revelation", "Change" ], chakraAlignment: "Root Chakra", crystals: [ "Ruby", "Garnet", "Red Jasper" ], herbs: [ "Thistle", "Nettle", "Dragons Blood" ], isReversed: Math.random() > 0.5 }, { name: "The Star", frontImageUrl: "https://upload.wikimedia.org/wikipedia/commons/d/db/RWS_Tarot_17_Star.jpg", uprightMeaning: "Hope, faith, purpose, renewal, spirituality", reversedMeaning: "Lack of faith, despair, disconnection", description: "The Star represents divine inspiration and hope. It brings healing, renewal, and connection to higher purpose.", elementalAssociation: "Air", astrologicalAssociation: "Aquarius", numerologicalAssociation: "17 - Hope", keywords: [ "Hope", "Inspiration", "Faith", "Healing" ], chakraAlignment: "Crown Chakra", crystals: [ "Moldavite", "Celestite", "Star Sapphire" ], herbs: [ "Star Anise", "Evening Primrose", "Jasmine" ], isReversed: Math.random() > 0.5 }, { name: "The Moon", frontImageUrl: "https://upload.wikimedia.org/wikipedia/commons/7/7f/RWS_Tarot_18_Moon.jpg", uprightMeaning: "Intuition, unconscious, illusion, dreams", reversedMeaning: "Confusion, fear, misinterpretation", description: "The Moon represents the realm of the subconscious and intuition. It guides us through the darkness of uncertainty.", elementalAssociation: "Water", astrologicalAssociation: "Pisces", numerologicalAssociation: "18 - Mystery", keywords: [ "Intuition", "Dreams", "Mystery", "Subconscious" ], chakraAlignment: "Third Eye Chakra", crystals: [ "Moonstone", "Selenite", "Pearl" ], herbs: [ "Mugwort", "Jasmine", "Night Blooming Cereus" ], isReversed: Math.random() > 0.5 }, { name: "The Sun", frontImageUrl: "https://upload.wikimedia.org/wikipedia/commons/1/17/RWS_Tarot_19_Sun.jpg", uprightMeaning: "Joy, success, celebration, positivity", reversedMeaning: "Temporary depression, lack of clarity", description: "The Sun represents pure light and divine radiance. It brings illumination, joy, and positive energy.", elementalAssociation: "Fire", astrologicalAssociation: "Sun", numerologicalAssociation: "19 - Illumination", keywords: [ "Success", "Joy", "Vitality", "Enlightenment" ], chakraAlignment: "Solar Plexus Chakra", crystals: [ "Citrine", "Sunstone", "Diamond" ], herbs: [ "Sunflower", "St. John's Wort", "Calendula" ], isReversed: Math.random() > 0.5 }, { name: "Judgement", frontImageUrl: "https://upload.wikimedia.org/wikipedia/commons/d/dd/RWS_Tarot_20_Judgement.jpg", uprightMeaning: "Awakening, rebirth, inner calling, absolution", reversedMeaning: "Self-doubt, refusing to learn, inner critic", description: "Judgement represents spiritual awakening and answering a higher calling. It brings resurrection and renewal.", elementalAssociation: "Fire", astrologicalAssociation: "Pluto", numerologicalAssociation: "20 - Awakening", keywords: [ "Awakening", "Renewal", "Purpose", "Calling" ], chakraAlignment: "Crown Chakra", crystals: [ "Clear Quartz", "Apophyllite", "Phenacite" ], herbs: [ "White Sage", "Frankincense", "Myrrh" ], isReversed: Math.random() > 0.5 }, { name: "The World", frontImageUrl: "https://upload.wikimedia.org/wikipedia/commons/f/ff/RWS_Tarot_21_World.jpg", uprightMeaning: "Completion, integration, accomplishment, travel", reversedMeaning: "Lack of completion, stagnation", description: "The World represents wholeness and completion. It signifies the end of a major life cycle and ultimate fulfillment.", elementalAssociation: "Earth", astrologicalAssociation: "Saturn", numerologicalAssociation: "21 - Completion", keywords: [ "Completion", "Success", "Integration", "Travel" ], chakraAlignment: "All Chakras", crystals: [ "Moldavite", "Selenite", "Clear Quartz" ], herbs: [ "Bay Leaf", "Oak", "Vervain" ], isReversed: Math.random() > 0.5 } ]; try { const shuffled = cardData.sort(()=>0.5 - Math.random()); setCards(shuffled.slice(0, 2)); setCurrentStep(0); setShowCombined(false); setError(null); } catch (err) { console.error("Error setting cards:", err); setError("Unable to draw cards. Please try again."); } finally{ setLoading(false); } }; const handleSaveJournalEntry = ()=>{ if (journalEntry.trim()) { setJournalEntries([ ...journalEntries, { id: Date.now(), text: journalEntry, cards: cards.map((card)=>card.name), timestamp: new Date().toISOString() } ]); setJournalEntry(""); setShowJournal(false); } }; const handleImageError = (e)=>{ e.target.src = "/fallback-card.jpg"; }; const handleNextStep = ()=>{ if (currentStep === 0) { setCurrentStep(1); } else if (currentStep === 1) { setShowCombined(true); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1A0B2E] text-white p-4 md:p-8 relative", __source: { fileName: "", lineNumber: 249, 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: 250, 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: 251, 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: 252, 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: 253, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto max-w-6xl relative", __source: { fileName: "", lineNumber: 254, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 255, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-crimson-text text-[#FFD700] mb-4", __source: { fileName: "", lineNumber: 256, columnNumber: 11 }, __self: this }, "Two Card Reading"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-[#B19CD9] italic mb-8", __source: { fileName: "", lineNumber: 259, columnNumber: 11 }, __self: this }, "Explore the Duality of Your Question"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4", __source: { fileName: "", lineNumber: 262, 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: 263, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 267, columnNumber: 15 }, __self: this }), "Home"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowJournal(true), className: "px-6 py-2 bg-[#2D1B4E] text-[#FFD700] border border-[#FFD700] rounded-lg hover:bg-[#3D2B5E] transition-all duration-300", __source: { fileName: "", lineNumber: 269, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book mr-2", __source: { fileName: "", lineNumber: 273, columnNumber: 15 }, __self: this }), "Journal"), /*#__PURE__*/ React.createElement("button", { onClick: fetchCards, className: "px-6 py-2 bg-[#2D1B4E] text-[#FFD700] border border-[#FFD700] rounded-lg hover:bg-[#3D2B5E] transition-all duration-300", __source: { fileName: "", lineNumber: 275, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync mr-2", __source: { fileName: "", lineNumber: 279, columnNumber: 15 }, __self: this }), "New Reading"))), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-64", __source: { fileName: "", lineNumber: 285, 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: 286, columnNumber: 13 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 289, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-8", __source: { fileName: "", lineNumber: 290, columnNumber: 13 }, __self: this }, currentStep === 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-[#2D1B4E] p-6 rounded-lg", __source: { fileName: "", lineNumber: 292, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full aspect-[2/3] mb-6", __source: { fileName: "", lineNumber: 293, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: cards[0].frontImageUrl, alt: cards[0].name, onError: handleImageError, className: `w-full h-full object-cover rounded-lg shadow-lg transform transition-transform duration-500 ${cards[0].isReversed ? "rotate-180" : ""}`, __source: { fileName: "", lineNumber: 294, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#FFD700] mb-4", __source: { fileName: "", lineNumber: 303, columnNumber: 19 }, __self: this }, cards[0].name, " ", cards[0].isReversed ? "(Reversed)" : ""), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A0B2E] p-4 rounded-lg mb-6 space-y-4", __source: { fileName: "", lineNumber: 307, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 308, columnNumber: 21 }, __self: this }, cards[0].isReversed ? cards[0].reversedMeaning : cards[0].uprightMeaning), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 313, columnNumber: 21 }, __self: this }, cards[0].description), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 314, columnNumber: 21 }, __self: this }, "In this position, ", cards[0].name, " speaks to the immediate energies surrounding your question. Its", " ", cards[0].elementalAssociation, " element suggests that this situation calls for", " ", cards[0].elementalAssociation === "Fire" ? "action and transformation" : cards[0].elementalAssociation === "Water" ? "emotional awareness and intuition" : cards[0].elementalAssociation === "Air" ? "mental clarity and communication" : "practical grounding and manifestation", "."), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 328, columnNumber: 21 }, __self: this }, "The influence of ", cards[0].astrologicalAssociation, " brings", " ", cards[0].astrologicalAssociation === "Mars" ? "courage and drive" : cards[0].astrologicalAssociation === "Venus" ? "harmony and beauty" : cards[0].astrologicalAssociation === "Mercury" ? "communication and adaptability" : "the energy of transformation and deep change", " ", "to your reading. Consider how these qualities are manifesting in your current circumstances.")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 mb-6", __source: { fileName: "", lineNumber: 342, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 343, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#FFD700] mb-2", __source: { fileName: "", lineNumber: 344, columnNumber: 23 }, __self: this }, "Associations"), /*#__PURE__*/ React.createElement("ul", { className: "text-[#B19CD9] space-y-1", __source: { fileName: "", lineNumber: 345, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 346, columnNumber: 25 }, __self: this }, "Element: ", cards[0].elementalAssociation), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 347, columnNumber: 25 }, __self: this }, "Planet: ", cards[0].astrologicalAssociation), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 348, columnNumber: 25 }, __self: this }, "Number: ", cards[0].numerologicalAssociation))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 351, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#FFD700] mb-2", __source: { fileName: "", lineNumber: 352, columnNumber: 23 }, __self: this }, "Sacred Tools"), /*#__PURE__*/ React.createElement("ul", { className: "text-[#B19CD9] space-y-1", __source: { fileName: "", lineNumber: 353, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 354, columnNumber: 25 }, __self: this }, "Chakra: ", cards[0].chakraAlignment), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 355, columnNumber: 25 }, __self: this }, "Crystal: ", cards[0].crystals[0]), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 356, columnNumber: 25 }, __self: this }, "Herb: ", cards[0].herbs[0])))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mb-6", __source: { fileName: "", lineNumber: 361, columnNumber: 19 }, __self: this }, cards[0].keywords.map((keyword)=>/*#__PURE__*/ React.createElement("span", { key: keyword, className: "px-3 py-1 bg-[#3D2B5E] rounded-full text-sm text-[#FFD700]", __source: { fileName: "", lineNumber: 363, columnNumber: 23 }, __self: this }, keyword))), /*#__PURE__*/ React.createElement("button", { onClick: handleNextStep, className: "w-full px-6 py-3 bg-[#FFD700] text-[#2D1B4E] rounded-lg hover:bg-[#FFE55C] transition-colors", __source: { fileName: "", lineNumber: 372, columnNumber: 19 }, __self: this }, "Draw Second Card")), currentStep === 1 && /*#__PURE__*/ React.createElement("div", { className: "bg-[#2D1B4E] p-6 rounded-lg", __source: { fileName: "", lineNumber: 382, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full aspect-[2/3] mb-6", __source: { fileName: "", lineNumber: 383, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: cards[1].frontImageUrl, alt: cards[1].name, onError: handleImageError, className: `w-full h-full object-cover rounded-lg shadow-lg transform transition-transform duration-500 ${cards[1].isReversed ? "rotate-180" : ""}`, __source: { fileName: "", lineNumber: 384, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#FFD700] mb-4", __source: { fileName: "", lineNumber: 393, columnNumber: 19 }, __self: this }, cards[1].name, " ", cards[1].isReversed ? "(Reversed)" : ""), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A0B2E] p-4 rounded-lg mb-6 space-y-4", __source: { fileName: "", lineNumber: 397, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 398, columnNumber: 21 }, __self: this }, cards[1].isReversed ? cards[1].reversedMeaning : cards[1].uprightMeaning), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 403, columnNumber: 21 }, __self: this }, cards[1].description), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 404, columnNumber: 21 }, __self: this }, "As your second card, ", cards[1].name, " reveals the underlying energies or hidden aspects of your situation. Through the lens of ", cards[1].elementalAssociation, ", this card suggests that", " ", cards[1].elementalAssociation === "Fire" ? "passion and spiritual energy" : cards[1].elementalAssociation === "Water" ? "emotional depth and intuitive wisdom" : cards[1].elementalAssociation === "Air" ? "mental insights and clarity" : "material manifestation and earthly wisdom", " ", "play a crucial role in your journey."), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 418, columnNumber: 21 }, __self: this }, "Working with the energy of", " ", cards[1].astrologicalAssociation, ", this card invites you to explore themes of", " ", cards[1].astrologicalAssociation === "Mars" ? "action and will" : cards[1].astrologicalAssociation === "Venus" ? "love and harmony" : cards[1].astrologicalAssociation === "Mercury" ? "communication and learning" : "transformation and power", ". Consider how these qualities complement or challenge the energy of your first card.")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 mb-6", __source: { fileName: "", lineNumber: 434, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 435, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#FFD700] mb-2", __source: { fileName: "", lineNumber: 436, columnNumber: 23 }, __self: this }, "Associations"), /*#__PURE__*/ React.createElement("ul", { className: "text-[#B19CD9] space-y-1", __source: { fileName: "", lineNumber: 437, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 438, columnNumber: 25 }, __self: this }, "Element: ", cards[1].elementalAssociation), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 439, columnNumber: 25 }, __self: this }, "Planet: ", cards[1].astrologicalAssociation), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 440, columnNumber: 25 }, __self: this }, "Number: ", cards[1].numerologicalAssociation))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 443, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#FFD700] mb-2", __source: { fileName: "", lineNumber: 444, columnNumber: 23 }, __self: this }, "Sacred Tools"), /*#__PURE__*/ React.createElement("ul", { className: "text-[#B19CD9] space-y-1", __source: { fileName: "", lineNumber: 445, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 446, columnNumber: 25 }, __self: this }, "Chakra: ", cards[1].chakraAlignment), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 447, columnNumber: 25 }, __self: this }, "Crystal: ", cards[1].crystals[0]), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 448, columnNumber: 25 }, __self: this }, "Herb: ", cards[1].herbs[0])))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mb-6", __source: { fileName: "", lineNumber: 453, columnNumber: 19 }, __self: this }, cards[1].keywords.map((keyword)=>/*#__PURE__*/ React.createElement("span", { key: keyword, className: "px-3 py-1 bg-[#3D2B5E] rounded-full text-sm text-[#FFD700]", __source: { fileName: "", lineNumber: 455, columnNumber: 23 }, __self: this }, keyword))), /*#__PURE__*/ React.createElement("button", { onClick: handleNextStep, className: "w-full px-6 py-3 bg-[#FFD700] text-[#2D1B4E] rounded-lg hover:bg-[#FFE55C] transition-colors", __source: { fileName: "", lineNumber: 464, columnNumber: 19 }, __self: this }, "Show Combined Reading")), showCombined && cards.length === 2 && /*#__PURE__*/ React.createElement("div", { className: "bg-[#2D1B4E] p-6 rounded-lg", __source: { fileName: "", lineNumber: 474, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#FFD700] mb-4", __source: { fileName: "", lineNumber: 475, columnNumber: 19 }, __self: this }, "Combined Reading Insight"), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9] mb-4", __source: { fileName: "", lineNumber: 478, columnNumber: 19 }, __self: this }, "The ", cards[0].name, " ", cards[0].isReversed ? "(Reversed)" : "", " and", " ", cards[1].name, " ", cards[1].isReversed ? "(Reversed)" : "", " ", "together suggest:"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 484, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 485, columnNumber: 21 }, __self: this }, "A combination of", " ", cards[0].isReversed ? cards[0].reversedMeaning.toLowerCase() : cards[0].uprightMeaning.toLowerCase(), " ", "working with", " ", cards[1].isReversed ? cards[1].reversedMeaning.toLowerCase() : cards[1].uprightMeaning.toLowerCase(), ". This pairing invites you to explore how", " ", cards[0].keywords[0].toLowerCase(), " and", " ", cards[1].keywords[0].toLowerCase(), " are manifesting in your current situation."), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 499, columnNumber: 21 }, __self: this }, "The elemental combination of", " ", cards[0].elementalAssociation, " and", " ", cards[1].elementalAssociation, " suggests a need to balance", " ", cards[0].elementalAssociation === cards[1].elementalAssociation ? "and deepen your connection with" : "the different energies of", " ", "these forces. Consider how the ", cards[0].chakraAlignment, " ", "and ", cards[1].chakraAlignment, " chakras might be working together to facilitate your growth and understanding."), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 511, columnNumber: 21 }, __self: this }, "Through the astrological lens of", " ", cards[0].astrologicalAssociation, " and", " ", cards[1].astrologicalAssociation, ", this reading points to a significant period of personal development. The numerical vibrations of", " ", cards[0].numerologicalAssociation, " and", " ", cards[1].numerologicalAssociation, " create a powerful resonance that supports your journey of transformation and understanding."), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 522, columnNumber: 21 }, __self: this }, "For ritual work with these energies, consider creating a sacred space using ", cards[0].crystals[0], " and", " ", cards[1].crystals[0], " crystals, along with the herbs", " ", cards[0].herbs[0], " and ", cards[1].herbs[0], ". This combination can help you integrate and embody the wisdom of both cards more deeply."))))), showJournal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 538, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2D1B4E] p-6 rounded-lg w-full max-w-xl", __source: { fileName: "", lineNumber: 539, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 540, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text text-[#FFD700]", __source: { fileName: "", lineNumber: 541, columnNumber: 17 }, __self: this }, "Reading Journal"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowJournal(false), className: "text-[#FFD700]", __source: { fileName: "", lineNumber: 544, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 548, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("textarea", { value: journalEntry, onChange: (e)=>setJournalEntry(e.target.value), className: "w-full h-48 bg-[#1A0B2E] border border-[#FFD700] rounded-lg p-4 text-white mb-4", placeholder: "Record your insights about this reading...", __source: { fileName: "", lineNumber: 551, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-4", __source: { fileName: "", lineNumber: 557, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowJournal(false), className: "px-4 py-2 border border-[#FFD700] text-[#FFD700] rounded-lg hover:bg-[#3D2B5E]", __source: { fileName: "", lineNumber: 558, columnNumber: 17 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: handleSaveJournalEntry, className: "px-4 py-2 bg-[#FFD700] text-[#2D1B4E] rounded-lg hover:bg-[#FFE55C]", __source: { fileName: "", lineNumber: 564, columnNumber: 17 }, __self: this }, "Save Entry")))))); }