function MembershipPopup({ isOpen, onClose, variant = "membership" }) { const [isClosing, setIsClosing] = useState(false); const [copySuccess, setCopySuccess] = useState(false); const handleClose = useCallback(()=>{ setIsClosing(true); setTimeout(()=>{ setIsClosing(false); onClose(); }, 300); }, [ onClose ]); const handleCopyAddress = async ()=>{ try { await navigator.clipboard.writeText("ltc1q60q37npx92u5aw8m5zpugrzwrt58p873q2sd7m"); setCopySuccess(true); setTimeout(()=>setCopySuccess(false), 2000); } catch (err) { console.error("Failed to copy address:", err); } }; if (!isOpen && !isClosing) return null; const renderContent = ()=>{ if (variant === "ltc") { return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Support Anime AI"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-100/80 mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Please Contribute in the development of Anime AI by donating 0.2 LTC to this address:"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a2b4d] p-3 rounded-lg break-all text-blue-200 text-sm mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "ltc1q60q37npx92u5aw8m5zpugrzwrt58p873q2sd7m"), /*#__PURE__*/ React.createElement("button", { onClick: handleCopyAddress, className: "w-full py-3 px-6 bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] text-white rounded-lg hover:from-[#4f9cff]/80 hover:to-[#ff4f9c]/80 transform hover:-translate-y-0.5 transition-all duration-200", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, copySuccess ? "Copied!" : "Copy Address")); } return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "Become a Member"), /*#__PURE__*/ React.createElement("div", { className: "text-blue-100/80 space-y-4 mb-6", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "Join our exclusive community and unlock premium benefits:"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#4f9cff] mr-2", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }), "Ad-free experience"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#4f9cff] mr-2", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }), "Early access to new features"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#4f9cff] mr-2", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }), "Premium support"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#4f9cff] mr-2", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }), "Exclusive content"))), /*#__PURE__*/ React.createElement("a", { href: "https://ko-fi.com/sololeveling1", target: "_blank", rel: "noopener noreferrer", className: "block w-full py-3 px-6 text-center bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] text-white rounded-lg hover:from-[#4f9cff]/80 hover:to-[#ff4f9c]/80 transform hover:-translate-y-0.5 transition-all duration-200", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "Join Now")); }; return /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 z-50 flex items-center justify-center ${isClosing ? "animate-[fadeOut_0.3s_ease-out]" : "animate-[fadeIn_0.3s_ease-out]"}`, __source: { fileName: "", lineNumber: 89, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#0a0a1f]/80 backdrop-blur-sm", onClick: handleClose, __source: { fileName: "", lineNumber: 96, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `relative max-w-md w-full mx-4 ${isClosing ? "animate-[slideOut_0.3s_ease-out]" : "animate-[slideIn_0.3s_ease-out]"}`, __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-0.5 bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] rounded-lg blur opacity-75", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative p-6 bg-[#0c1c3d]/90 backdrop-blur-sm rounded-lg border border-[#4f9cff]/30", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleClose, className: "absolute top-4 right-4 text-blue-200/50 hover:text-[#ff4f9c] transition-colors", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this })), renderContent()))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes slideIn { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideOut { from { transform: translateY(0); opacity: 1; } to { transform: translateY(20px); opacity: 0; } } `)); } function MembershipPopupStory() { const [membershipOpen, setMembershipOpen] = useState(false); const [ltcOpen, setLtcOpen] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "p-8 space-y-4", __source: { fileName: "", lineNumber: 148, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 149, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMembershipOpen(true), className: "px-6 py-3 bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] text-white rounded-lg hover:from-[#4f9cff]/80 hover:to-[#ff4f9c]/80 transition-all duration-200", __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this }, "Open Membership Popup"), /*#__PURE__*/ React.createElement(MembershipPopup, { isOpen: membershipOpen, onClose: ()=>setMembershipOpen(false), variant: "membership", __source: { fileName: "", lineNumber: 156, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 163, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setLtcOpen(true), className: "px-6 py-3 bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] text-white rounded-lg hover:from-[#4f9cff]/80 hover:to-[#ff4f9c]/80 transition-all duration-200", __source: { fileName: "", lineNumber: 164, columnNumber: 9 }, __self: this }, "Open LTC Donation Popup"), /*#__PURE__*/ React.createElement(MembershipPopup, { isOpen: ltcOpen, onClose: ()=>setLtcOpen(false), variant: "ltc", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this }))); } function ContactPopup({ isOpen, onClose }) { const [isClosing, setIsClosing] = useState(false); const handleClose = ()=>{ setIsClosing(true); setTimeout(()=>{ setIsClosing(false); onClose(); }, 300); }; if (!isOpen && !isClosing) return null; return /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 z-50 flex items-center justify-center p-4 ${isClosing ? "animate-fadeOut" : "animate-fadeIn"}`, __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm", onClick: handleClose, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `relative bg-[#0c1c3d]/95 rounded-xl p-6 max-w-md w-full shadow-2xl border border-[#4f9cff]/30 ${isClosing ? "animate-slideOut" : "animate-slideIn"}`, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleClose, className: "absolute top-2 right-2 text-blue-200/50 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-4 text-transparent bg-clip-text bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c]", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-100 mb-6", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "To Advertise with us: ", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 42, columnNumber: 35 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "mailto:levelinggpt@gmail.com", className: "text-[#4f9cff] hover:text-[#ff4f9c] transition-colors", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "levelinggpt@gmail.com")), /*#__PURE__*/ React.createElement("button", { onClick: handleClose, className: "px-6 py-2 bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] text-white rounded-lg hover:opacity-90 transition-opacity", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Close")))); } function MainComponent() { const [query, setQuery] = useState(""); const [activeTab, setActiveTab] = useState("web"); const [webResults, setWebResults] = useState([]); const [imageResults, setImageResults] = useState([]); const [generatedImages, setGeneratedImages] = useState([]); const [loadingStates, setLoadingStates] = useState({ web: false, images: false, generate: false }); const [loadingMore, setLoadingMore] = useState(false); const [error, setError] = useState(null); const [isLtcPopupOpen, setIsLtcPopupOpen] = useState(true); const [isContactPopupOpen, setIsContactPopupOpen] = useState(false); const isLoading = Object.values(loadingStates).some((state)=>state); const hasAnyResults = webResults.length > 0 || imageResults.length > 0 || generatedImages.length > 0; const fetchWebResults = useCallback(async ()=>{ setLoadingStates((prev)=>({ ...prev, web: true })); setError(null); try { const webResponse = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(query)}`); if (!webResponse.ok) throw new Error("Failed to fetch web results"); const webData = await webResponse.json(); setWebResults(webData.items || []); } catch (err) { console.error(err); setError("Failed to fetch web results. Please try again."); } finally{ setLoadingStates((prev)=>({ ...prev, web: false })); } }, [ query ]); const fetchImageResults = useCallback(async ()=>{ setLoadingStates((prev)=>({ ...prev, images: true })); setError(null); try { const imageResponse = await fetch(`/integrations/image-search/imagesearch?q=${encodeURIComponent(query)}`); if (!imageResponse.ok) throw new Error("Failed to fetch image results"); const imageData = await imageResponse.json(); setImageResults(imageData.items || []); } catch (err) { console.error(err); setError("Failed to fetch image results. Please try again."); } finally{ setLoadingStates((prev)=>({ ...prev, images: false })); } }, [ query ]); const fetchGeneratedImages = useCallback(async ()=>{ setLoadingStates((prev)=>({ ...prev, generate: true })); setError(null); try { const generateResponses = await Promise.all([ fetch(`/integrations/stable-diffusion-v-3/?prompt=${encodeURIComponent(query)}`), fetch(`/integrations/stable-diffusion-v-3/?prompt=${encodeURIComponent(query)}`) ]); for (const response of generateResponses){ if (!response.ok) { throw new Error(`Failed to generate image: ${response.statusText}`); } } const generateData = await Promise.all(generateResponses.map((res)=>res.json())); const validImages = generateData.map((data)=>data.data?.[0]).filter(Boolean); if (validImages.length === 0) { throw new Error("No valid images were generated"); } setGeneratedImages(validImages); } catch (err) { console.error(err); setError("Failed to generate images. Please try again."); } finally{ setLoadingStates((prev)=>({ ...prev, generate: false })); } }, [ query ]); const generateMoreImages = useCallback(async ()=>{ if (!query.trim()) return; setLoadingMore(true); setError(null); try { const generateResponses = await Promise.all([ fetch(`/integrations/stable-diffusion-v-3/?prompt=${encodeURIComponent(query)}`), fetch(`/integrations/stable-diffusion-v-3/?prompt=${encodeURIComponent(query)}`) ]); for (const response of generateResponses){ if (!response.ok) { throw new Error(`Failed to generate more images: ${response.statusText}`); } } const newGenerateData = await Promise.all(generateResponses.map((res)=>res.json())); const validNewImages = newGenerateData.map((data)=>data.data?.[0]).filter(Boolean); if (validNewImages.length === 0) { throw new Error("No valid images were generated"); } setGeneratedImages((prev)=>[ ...prev, ...validNewImages ]); } catch (err) { console.error(err); setError("Failed to generate more images. Please try again."); } finally{ setLoadingMore(false); } }, [ query ]); const speakText = useCallback((text)=>{ if ("speechSynthesis" in window) { const utterance = new SpeechSynthesisUtterance(text); window.speechSynthesis.speak(utterance); } else { setError("Text-to-speech is not supported in your browser"); } }, []); const handleSearch = useCallback(()=>{ if (!query.trim()) return; if (activeTab === "web") { fetchWebResults(); } else if (activeTab === "images") { fetchImageResults(); } else if (activeTab === "generate") { fetchGeneratedImages(); } }, [ query, activeTab, fetchWebResults, fetchImageResults, fetchGeneratedImages ]); useEffect(()=>{ const timer = setTimeout(()=>{ setIsLtcPopupOpen(true); }, 1000); return ()=>clearTimeout(timer); }, []); useEffect(()=>{ if (!query.trim()) return; if (activeTab === "web" && webResults.length === 0) { fetchWebResults(); } else if (activeTab === "images" && imageResults.length === 0) { fetchImageResults(); } else if (activeTab === "generate" && generatedImages.length === 0) { fetchGeneratedImages(); } }, [ activeTab, query, webResults.length, imageResults.length, generatedImages.length, fetchWebResults, fetchImageResults, fetchGeneratedImages ]); const handleKeyPress = useCallback((e)=>{ if (e.key === "Enter") { handleSearch(); } }, [ handleSearch ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen relative pb-24 sm:pb-16", __source: { fileName: "", lineNumber: 261, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('https://ucarecdn.com/c1f75551-eac0-4010-a1b1-922f2079994f/-/format/auto/')] bg-cover bg-center bg-no-repeat opacity-90", __source: { fileName: "", lineNumber: 262, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-[#0a0a1f]/60 to-[#0a0a1f]/85", __source: { fileName: "", lineNumber: 263, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDBNIDAgMjAgTCA0MCAyMCBNIDIwIDAgTCAyMCA0MCBNIDAgMzAgTCA0MCAzMCBNIDMwIDAgTCAzMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjA0NGZmIiBvcGFjaXR5PSIwLjA0IiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0idXJsKCNncmlkKSIvPjwvc3ZnPg==')] opacity-20", __source: { fileName: "", lineNumber: 264, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative p-2 sm:p-4 md:p-8", __source: { fileName: "", lineNumber: 265, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-4xl mx-auto ${hasAnyResults ? "pt-2 sm:pt-4" : "min-h-screen flex flex-col justify-center"} transition-all duration-500 ease-in-out`, __source: { fileName: "", lineNumber: 266, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `transition-all duration-500 ease-in-out transform ${hasAnyResults ? "-translate-y-10 sm:-translate-y-20" : "translate-y-0"}`, __source: { fileName: "", lineNumber: 269, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl sm:text-5xl md:text-7xl font-bold text-center mb-4 sm:mb-8 text-transparent bg-clip-text bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c]", __source: { fileName: "", lineNumber: 272, columnNumber: 13 }, __self: this }, "Arise"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-2 mb-4 sm:mb-8", __source: { fileName: "", lineNumber: 275, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full relative group", __source: { fileName: "", lineNumber: 276, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-0.5 bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] rounded-lg blur opacity-30 group-hover:opacity-50 transition duration-200", __source: { fileName: "", lineNumber: 277, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: query, onChange: (e)=>setQuery(e.target.value), onKeyPress: handleKeyPress, placeholder: "Enter your search query...", className: "relative w-full px-3 sm:px-4 py-2 sm:py-3 bg-[#0c1c3d]/80 backdrop-blur-sm text-blue-50 placeholder-blue-200/50 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4f9cff] transition-all duration-200 text-sm sm:text-base", __source: { fileName: "", lineNumber: 278, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, disabled: isLoading, className: "px-4 sm:px-6 py-2 sm:py-3 bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] text-white rounded-lg hover:from-[#4f9cff]/80 hover:to-[#ff4f9c]/80 disabled:opacity-50 transition-all duration-200", __source: { fileName: "", lineNumber: 287, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 292, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto -mx-2 px-2", __source: { fileName: "", lineNumber: 296, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-4 sm:mb-8 justify-start sm:justify-center min-w-max", __source: { fileName: "", lineNumber: 297, columnNumber: 15 }, __self: this }, [ "web", "images", "generate image", "chat" ].map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab, onClick: ()=>setActiveTab(tab === "generate image" ? "generate" : tab), className: `px-3 sm:px-6 py-1.5 sm:py-2 rounded-lg relative transition-all duration-200 text-sm sm:text-base ${(tab === "generate image" ? "generate" : tab) === activeTab ? "text-white" : "text-blue-200 hover:text-white"}`, __source: { fileName: "", lineNumber: 299, columnNumber: 19 }, __self: this }, activeTab === (tab === "generate image" ? "generate" : tab) && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-[#4f9cff]/80 to-[#ff4f9c]/80 rounded-lg -z-10 animate-[pulse-glow_2s_ease-in-out_infinite]", __source: { fileName: "", lineNumber: 308, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 310, columnNumber: 21 }, __self: this }, tab.charAt(0).toUpperCase() + tab.slice(1)), activeTab === (tab === "generate image" ? "generate" : tab) && /*#__PURE__*/ React.createElement("div", { className: "absolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c]", __source: { fileName: "", lineNumber: 315, columnNumber: 23 }, __self: this })))))), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-400 mb-2 sm:mb-4 animate-pulse text-sm sm:text-base", __source: { fileName: "", lineNumber: 324, columnNumber: 13 }, __self: this }, error), loadingStates[activeTab] ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center min-h-[200px]", __source: { fileName: "", lineNumber: 330, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 331, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] rounded-full blur-md animate-pulse", __source: { fileName: "", lineNumber: 332, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative w-16 h-16 rounded-full border-4 border-transparent border-t-[#4f9cff] border-r-[#ff4f9c] animate-spin", __source: { fileName: "", lineNumber: 333, columnNumber: 17 }, __self: this }))) : /*#__PURE__*/ React.createElement("div", { className: `space-y-2 sm:space-y-4 ${hasAnyResults ? "mt-4 sm:mt-8" : ""}`, __source: { fileName: "", lineNumber: 337, columnNumber: 13 }, __self: this }, activeTab === "web" && webResults.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 rounded-lg relative group", __source: { fileName: "", lineNumber: 342, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-0.5 bg-gradient-to-r from-[#4f9cff]/20 to-[#ff4f9c]/20 rounded-lg blur opacity-75", __source: { fileName: "", lineNumber: 343, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative p-4 bg-[#0c1c3d]/80 backdrop-blur-sm rounded-lg border border-[#4f9cff]/30", __source: { fileName: "", lineNumber: 344, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 345, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: result.link, target: "_blank", rel: "noopener noreferrer", className: "text-[#4f9cff] hover:text-[#ff4f9c] font-medium", __source: { fileName: "", lineNumber: 346, columnNumber: 25 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("button", { onClick: ()=>speakText(result.snippet), className: "text-blue-400 hover:text-[#ff4f9c] transition-colors", __source: { fileName: "", lineNumber: 354, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-volume-up", __source: { fileName: "", lineNumber: 358, columnNumber: 27 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-blue-100/80 text-sm mt-2", __source: { fileName: "", lineNumber: 361, columnNumber: 23 }, __self: this }, result.snippet)))), activeTab === "images" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 369, columnNumber: 17 }, __self: this }, imageResults.map((image, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "rounded-lg overflow-hidden relative group hover:transform hover:scale-[1.02] transition-all duration-200", __source: { fileName: "", lineNumber: 371, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-0.5 bg-gradient-to-r from-blue-400/20 to-blue-600/20 rounded-lg blur opacity-75", __source: { fileName: "", lineNumber: 375, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative bg-[#0c1c3d] rounded-lg", __source: { fileName: "", lineNumber: 376, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image.thumbnailImageUrl, alt: image.title, className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 377, columnNumber: 25 }, __self: this }))))), activeTab === "generate" && generatedImages.length > 0 && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 389, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 390, columnNumber: 19 }, __self: this }, generatedImages.map((image, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "rounded-lg overflow-hidden relative group", __source: { fileName: "", lineNumber: 392, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-0.5 bg-gradient-to-r from-blue-400/30 to-blue-600/30 rounded-lg blur opacity-75", __source: { fileName: "", lineNumber: 396, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative bg-[#0c1c3d] rounded-lg p-4", __source: { fileName: "", lineNumber: 397, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-2 right-2 text-blue-400", __source: { fileName: "", lineNumber: 398, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot", __source: { fileName: "", lineNumber: 399, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("img", { src: image, alt: `AI Generated Image ${index + 1}`, className: "w-full h-[250px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 401, columnNumber: 27 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-4", __source: { fileName: "", lineNumber: 410, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generateMoreImages, disabled: loadingMore, className: "px-6 py-2 bg-gradient-to-r from-[#4f9cff] to-[#ff4f9c] text-white rounded-lg hover:from-[#4f9cff]/80 hover:to-[#ff4f9c]/80 disabled:opacity-50 transition-all duration-200", __source: { fileName: "", lineNumber: 411, columnNumber: 21 }, __self: this }, loadingMore ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 417, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 418, columnNumber: 27 }, __self: this }), "Generating...") : "Generate More"))), activeTab === "chat" && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center min-h-[400px]", __source: { fileName: "", lineNumber: 430, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://sololevelingai.wordpress.com/", target: "_blank", rel: "noopener noreferrer", className: "relative group overflow-hidden px-8 py-3 text-lg bg-gradient-to-r from-emerald-400 to-green-500 text-white rounded-lg transition-all duration-200 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 hover:scale-105", __source: { fileName: "", lineNumber: 431, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 -inset-full h-full w-1/2 z-5 block transform -skew-x-12 bg-gradient-to-r from-transparent to-white opacity-20 group-hover:animate-shine", __source: { fileName: "", lineNumber: 437, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-1 bg-gradient-to-r from-emerald-400 to-green-500 rounded-lg blur opacity-25 group-hover:opacity-75 transition duration-200", __source: { fileName: "", lineNumber: 438, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -inset-1 bg-gradient-to-r from-emerald-300 to-green-400 rounded-lg blur opacity-0 group-hover:opacity-50 animate-pulse transition duration-200", __source: { fileName: "", lineNumber: 439, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "relative z-10 font-semibold", __source: { fileName: "", lineNumber: 440, columnNumber: 21 }, __self: this }, "Start"))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4 mb-4", __source: { fileName: "", lineNumber: 448, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsContactPopupOpen(true), className: "px-4 py-1.5 text-sm bg-gradient-to-r from-orange-400 to-orange-600 text-white rounded-lg hover:from-orange-400/80 hover:to-orange-600/80 transition-all duration-200 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5", __source: { fileName: "", lineNumber: 449, columnNumber: 11 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsLtcPopupOpen(true), className: "px-4 py-1.5 text-sm bg-gradient-to-r from-orange-400 to-orange-600 text-white rounded-lg hover:from-orange-400/80 hover:to-orange-600/80 transition-all duration-200 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5", __source: { fileName: "", lineNumber: 455, columnNumber: 11 }, __self: this }, "Contribute")), /*#__PURE__*/ React.createElement("div", { className: "pb-4 sm:pb-8", __source: { fileName: "", lineNumber: 463, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement(MembershipPopup, { isOpen: isLtcPopupOpen, onClose: ()=>setIsLtcPopupOpen(false), variant: "ltc", __source: { fileName: "", lineNumber: 466, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ContactPopup, { isOpen: isContactPopupOpen, onClose: ()=>setIsContactPopupOpen(false), __source: { fileName: "", lineNumber: 471, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("footer", { className: "fixed bottom-0 left-0 right-0 p-3 sm:p-4 bg-[#0c1c3d]/90 backdrop-blur-sm border-t border-[#4f9cff]/30 z-10", __source: { fileName: "", lineNumber: 475, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto flex flex-col sm:flex-row justify-between items-center gap-2 sm:gap-0", __source: { fileName: "", lineNumber: 476, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-blue-200/50 text-xs sm:text-sm text-center sm:text-left", __source: { fileName: "", lineNumber: 477, columnNumber: 11 }, __self: this }, "© ", new Date().getFullYear(), " Arise. All rights reserved."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsContactPopupOpen(true), className: "text-blue-200/50 hover:text-[#ff4f9c] transition-colors text-xs sm:text-sm", __source: { fileName: "", lineNumber: 480, columnNumber: 11 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 488, columnNumber: 7 }, __self: this }, ` @keyframes pulse-glow { 0%, 100% { opacity: 0.8; } 50% { opacity: 0.4; } } @keyframes shine { 100% { right: -200%; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes slideIn { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideOut { from { transform: translateY(0); opacity: 1; } to { transform: translateY(20px); opacity: 0; } } `)); }