function MainComponent() { const [loading, setLoading] = useState(true); const { data: user } = useUser(); const isPremium = user?.isPremium; useEffect(()=>{ setTimeout(()=>setLoading(false), 1500); }, []); const spells = [ { title: "Protection Ward Spell", description: "Create a powerful energetic shield for spiritual protection", image: "https://ucarecdn.com/c3bcca66-573f-4a55-a319-b94b01044a26/-/format/auto/", link: "/tarot-ward-spell-pages", icon: "shield-alt", elements: [ "Fire", "Water" ], duration: "Full Moon to Full Moon", difficulty: "Intermediate" }, { title: "Creative Unblocking Spell", description: "Unleash your artistic potential with The Star's inspiration", image: "https://ucarecdn.com/4145d3ed-c7f3-4b83-86b6-34851cb667f8/-/format/auto/", link: "/creative-unblocking-spell-pages", icon: "paintbrush", elements: [ "Air", "Water" ], duration: "Waxing Moon", difficulty: "Beginner" }, { title: "Dream Enhancement Spell", description: "Deepen your dream work with The Moon's mystic energy", image: "https://ucarecdn.com/85985d52-e2d3-4329-a1f4-d34cc3b4d919/-/format/auto/", link: "/dream-enhancement-spell-page", icon: "moon", elements: [ "Water" ], duration: "New Moon", difficulty: "Advanced" }, { title: "Prosperity Spell", description: "Manifest abundance and attract material blessings", image: "https://ucarecdn.com/02355d74-577f-4e3b-bd66-5d0d8a05f927/-/format/auto/", link: "/prosperity-tarot-spell-pages", icon: "coins", elements: [ "Earth", "Fire" ], duration: "Waxing to Full Moon", difficulty: "Intermediate" } ]; if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1A0B2E] flex items-center justify-center", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 border-4 border-[#FFD700] border-t-transparent rounded-full animate-spin mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#FFD700]", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Gathering magical energies..."))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1A0B2E] text-white p-4 md:p-8 relative", __source: { fileName: "", lineNumber: 71, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-32 h-32 bg-[url('/images/flourish-corner.png')] bg-contain bg-no-repeat transform rotate-0", __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 w-32 h-32 bg-[url('/images/flourish-corner.png')] bg-contain bg-no-repeat transform rotate-90", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 w-32 h-32 bg-[url('/images/flourish-corner.png')] bg-contain bg-no-repeat transform -rotate-90", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 right-0 w-32 h-32 bg-[url('/images/flourish-corner.png')] bg-contain bg-no-repeat transform rotate-180", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto max-w-6xl relative", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-crimson-text text-[#FFD700] mb-4", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "Sacred Tarot Spells"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-[#B19CD9] italic mb-8", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "Ancient Wisdom for Modern Magic"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4", __source: { fileName: "", lineNumber: 85, 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: 86, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }), "Home"), !isPremium && /*#__PURE__*/ React.createElement("a", { href: "/premium-landing-page", className: "px-6 py-2 bg-gradient-to-r from-[#FFD700] to-[#FFA500] text-[#2D1B4E] rounded-lg hover:from-[#FFE55C] hover:to-[#FFB52E] transition-all duration-300", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-crown mr-2", __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }), "Unlock Premium Spells"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 mb-12", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, spells.map((spell, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: spell.link, className: "group bg-[#2D1B4E] rounded-lg overflow-hidden border border-[#FFD700]/20 hover:border-[#FFD700] transition-all duration-300 transform hover:scale-105", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: spell.image, alt: spell.title, className: "w-full h-64 object-cover", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-[#1A0B2E] to-transparent opacity-60", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-4 left-4 right-4", __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#FFD700] mb-2 flex items-center", __source: { fileName: "", lineNumber: 118, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${spell.icon} mr-2`, __source: { fileName: "", lineNumber: 119, columnNumber: 21 }, __self: this }), spell.title), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 122, columnNumber: 19 }, __self: this }, spell.description))), /*#__PURE__*/ React.createElement("div", { className: "p-6 space-y-4", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }, spell.elements.map((element, i)=>/*#__PURE__*/ React.createElement("span", { key: i, className: "px-3 py-1 bg-[#1A0B2E] text-[#FFD700] rounded-full text-sm", __source: { fileName: "", lineNumber: 128, columnNumber: 21 }, __self: this }, element))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-[#B19CD9] text-sm", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 137, columnNumber: 19 }, __self: this }, "Duration: ", spell.duration), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }, "Difficulty: ", spell.difficulty)))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2D1B4E] p-8 rounded-lg text-center", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#FFD700] mb-4", __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, "Sacred Practice Guidelines"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 mb-8", __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-moon text-[#FFD700] text-3xl mb-4", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-[#FFD700] mb-2", __source: { fileName: "", lineNumber: 152, columnNumber: 15 }, __self: this }, "Timing"), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, "Follow lunar phases for optimal spell potency. Each ritual is aligned with specific moon phases.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hand-sparkles text-[#FFD700] text-3xl mb-4", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-[#FFD700] mb-2", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, "Preparation"), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, "Cleanse your space and tools before beginning. Center yourself through meditation.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-infinity text-[#FFD700] text-3xl mb-4", __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-[#FFD700] mb-2", __source: { fileName: "", lineNumber: 168, columnNumber: 15 }, __self: this }, "Integration"), /*#__PURE__*/ React.createElement("p", { className: "text-[#B19CD9]", __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, "Maintain your magical workings through daily practice and mindful attention.")))))); }