function Footer1({ socialLinks = [], navigationLinks = [] }) { const defaultSocialLinks = socialLinks.length ? socialLinks : [ { icon: "fab fa-facebook", url: "https://facebook.com" }, { icon: "fab fa-twitter", url: "https://twitter.com" }, { icon: "fab fa-instagram", url: "https://instagram.com" }, { icon: "fab fa-youtube", url: "https://youtube.com" } ]; const defaultNavLinks = navigationLinks.length ? navigationLinks : [ { label: "Home", url: "/" }, { label: "Articles", url: "/articles" }, { label: "Find Astrologers", url: "/search-astrologers" }, { label: "Become an Astrologer", url: "/become-astrologer" }, { label: "Help", url: "/help" } ]; return /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1a0b2e] px-4 py-12", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-4", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "DivinityStream")), /*#__PURE__*/ React.createElement("p", { className: "text-purple-200", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Your premier destination for astrological guidance and spiritual connection."), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, defaultSocialLinks.map((link, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: link.url, className: "text-purple-200 hover:text-[#E6C687] transition-colors", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${link.icon} text-xl`, __source: { fileName: "", lineNumber: 38, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-4 text-lg font-semibold text-white", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Quick Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, defaultNavLinks.slice(0, 4).map((link, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: link.url, className: "text-purple-200 hover:text-[#E6C687] transition-colors", __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, link.label))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-4 text-lg font-semibold text-white", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Support"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/help", className: "text-purple-200 hover:text-[#E6C687] transition-colors", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "Help Center")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/privacy", className: "text-purple-200 hover:text-[#E6C687] transition-colors", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "Privacy Policy")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/terms", className: "text-purple-200 hover:text-[#E6C687] transition-colors", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }, "Terms of Service")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-purple-200 hover:text-[#E6C687] transition-colors", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, "Contact Us")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-4 text-lg font-semibold text-white", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "Newsletter"), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-purple-200", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "Stay updated with our latest insights and events."), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Enter your email", className: "w-full rounded-l-lg border border-purple-400/30 bg-[#2f1c4a] px-4 py-2 text-white placeholder-purple-200", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "rounded-r-lg bg-purple-600 px-4 py-2 text-white hover:bg-purple-700", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, "Subscribe")))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 border-t border-purple-400/20 pt-8 text-center", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-purple-200", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "© ", new Date().getFullYear(), " DivinityStream. All rights reserved.")))); } function Footer1Story() { const customSocialLinks = [ { icon: "fab fa-facebook", url: "https://facebook.com/custom" }, { icon: "fab fa-twitter", url: "https://twitter.com/custom" } ]; const customNavLinks = [ { label: "Custom Home", url: "/custom" }, { label: "Custom About", url: "/custom-about" } ]; return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 127, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 128, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4 text-xl font-bold text-white", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, "Default Footer"), /*#__PURE__*/ React.createElement(Footer1, { __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 133, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4 text-xl font-bold text-white", __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, "Footer with Custom Links"), /*#__PURE__*/ React.createElement(Footer1, { socialLinks: customSocialLinks, navigationLinks: customNavLinks, __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }))); } function Layout1({ children, currentPath, onNavigate }) { return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen flex-col bg-gradient-to-b from-[#1a0b2e] to-[#2f1c4a]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { currentPath: currentPath, onNavigate: onNavigate, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("main", { className: "flex-1 px-4 py-24", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, children)), /*#__PURE__*/ React.createElement(Footer1, { __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function Layout1Story() { const [currentPath, setCurrentPath] = useState('/'); const sampleContent = /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-[#2f1c4a] p-6", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-white", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "Welcome to DivinityStream"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-purple-200", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "This is a sample content section to demonstrate the layout component.")), /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-[#2f1c4a] p-6", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-white", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Featured Content"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-purple-200", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Another sample section showing how content is wrapped by the layout."))); const sampleContentWithSidebar = /*#__PURE__*/ React.createElement("div", { className: "grid gap-8 md:grid-cols-3", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-[#2f1c4a] p-6", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-white", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Main Content Area"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-purple-200", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "This demonstrates a layout with a sidebar configuration."))), /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-[#2f1c4a] p-6", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-white", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "Sidebar"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-purple-200", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Sidebar content goes here."))); return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 56, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4 text-xl font-bold text-white", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Default Layout"), /*#__PURE__*/ React.createElement(Layout1, { currentPath: currentPath, onNavigate: setCurrentPath, __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, sampleContent)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4 text-xl font-bold text-white", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "Layout with Sidebar"), /*#__PURE__*/ React.createElement(Layout1, { currentPath: currentPath, onNavigate: setCurrentPath, __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, sampleContentWithSidebar))); } function Navigation({ onNavigate, currentPath = "/" }) { const { data: user, loading: userLoading } = useUser(); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const navLinks = [ { path: "/", label: "Home" }, { path: "/articles", label: "Articles" }, { path: "/channels", label: "Channels" }, { path: "/search-astrologers", label: "Find Astrologers" }, user?.is_astrologer && { path: "/astrologer/dashboard", label: "Dashboard" } ].filter(Boolean); const handleNavigate = (path)=>{ setIsMobileMenuOpen(false); onNavigate?.(path); }; return /*#__PURE__*/ React.createElement("nav", { className: "fixed top-0 z-50 w-full bg-[#1a0b2e]/90 backdrop-blur-sm", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl px-4 py-4", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", onClick: (e)=>{ e.preventDefault(); handleNavigate("/"); }, className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "DivinityStream"))), /*#__PURE__*/ React.createElement("div", { className: "hidden items-center gap-6 md:flex", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, navLinks.map((link)=>/*#__PURE__*/ React.createElement("a", { key: link.path, href: link.path, onClick: (e)=>{ e.preventDefault(); handleNavigate(link.path); }, className: `text-sm ${currentPath === link.path ? "text-[#E6C687]" : "text-purple-200 hover:text-white"}`, __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, link.label))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, !userLoading && /*#__PURE__*/ React.createElement(React.Fragment, null, user ? /*#__PURE__*/ React.createElement("div", { className: "hidden items-center gap-4 md:flex", __source: { fileName: "", lineNumber: 60, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/notifications", onClick: (e)=>{ e.preventDefault(); handleNavigate("/notifications"); }, className: "text-purple-200 hover:text-white", __source: { fileName: "", lineNumber: 61, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell", __source: { fileName: "", lineNumber: 69, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", onClick: (e)=>{ e.preventDefault(); handleNavigate("/account/logout"); }, className: "rounded-lg bg-purple-600 px-4 py-2 text-sm text-white hover:bg-purple-700", __source: { fileName: "", lineNumber: 71, columnNumber: 21 }, __self: this }, "Sign Out")) : /*#__PURE__*/ React.createElement("div", { className: "hidden items-center gap-4 md:flex", __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", onClick: (e)=>{ e.preventDefault(); handleNavigate("/account/signin"); }, className: "text-sm text-purple-200 hover:text-white", __source: { fileName: "", lineNumber: 84, columnNumber: 21 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", onClick: (e)=>{ e.preventDefault(); handleNavigate("/account/signup"); }, className: "rounded-lg bg-purple-600 px-4 py-2 text-sm text-white hover:bg-purple-700", __source: { fileName: "", lineNumber: 94, columnNumber: 21 }, __self: this }, "Sign Up"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMobileMenuOpen(!isMobileMenuOpen), className: "text-white md:hidden", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isMobileMenuOpen ? "times" : "bars"}`, __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this })))), isMobileMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-4 border-t border-purple-400/20 pt-4 md:hidden", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, navLinks.map((link)=>/*#__PURE__*/ React.createElement("a", { key: link.path, href: link.path, onClick: (e)=>{ e.preventDefault(); handleNavigate(link.path); }, className: `block text-sm ${currentPath === link.path ? "text-[#E6C687]" : "text-purple-200 hover:text-white"}`, __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, link.label)), !userLoading && /*#__PURE__*/ React.createElement(React.Fragment, null, user ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/notifications", onClick: (e)=>{ e.preventDefault(); handleNavigate("/notifications"); }, className: "block text-sm text-purple-200 hover:text-white", __source: { fileName: "", lineNumber: 141, columnNumber: 21 }, __self: this }, "Notifications"), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", onClick: (e)=>{ e.preventDefault(); handleNavigate("/account/logout"); }, className: "block text-sm text-purple-200 hover:text-white", __source: { fileName: "", lineNumber: 151, columnNumber: 21 }, __self: this }, "Sign Out")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", onClick: (e)=>{ e.preventDefault(); handleNavigate("/account/signin"); }, className: "block text-sm text-purple-200 hover:text-white", __source: { fileName: "", lineNumber: 164, columnNumber: 21 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", onClick: (e)=>{ e.preventDefault(); handleNavigate("/account/signup"); }, className: "block text-sm text-purple-200 hover:text-white", __source: { fileName: "", lineNumber: 174, columnNumber: 21 }, __self: this }, "Sign Up")))))); } function NavigationStory() { const [currentPath, setCurrentPath] = useState("/"); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#1a0b2e] to-[#2f1c4a]", __source: { fileName: "", lineNumber: 199, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { currentPath: currentPath, onNavigate: (path)=>setCurrentPath(path), __source: { fileName: "", lineNumber: 200, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-4 pt-24", __source: { fileName: "", lineNumber: 204, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 205, columnNumber: 9 }, __self: this }, "Current Path: ", currentPath))); } function MainComponent() { const [astrologers, setAstrologers] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [filters, setFilters] = useState({ specialty: "", minRating: 0, availability: "any", priceRange: "any" }); const [searchTerm, setSearchTerm] = useState(""); useEffect(()=>{ const fetchAstrologers = async ()=>{ try { const response = await fetch("/api/searchAstrologers", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...filters, searchTerm }) }); if (!response.ok) { throw new Error("Failed to fetch astrologers"); } const data = await response.json(); setAstrologers(data.astrologers || []); } catch (err) { console.error("Error fetching astrologers:", err); setError("Failed to load astrologers"); } finally{ setLoading(false); } }; fetchAstrologers(); }, [ filters, searchTerm ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#1a0b2e] to-[#2f1c4a]", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl px-4 py-8", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 text-center", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-4 text-4xl font-crimson-text text-[#E6C687]", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Find Your Astrologer"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-purple-200", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Connect with experienced astrologers for guidance and insight")), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-[#2f1c4a] p-6", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search by name or specialty...", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), className: "w-full rounded-lg border border-purple-400/30 bg-[#1a0b2e] p-3 text-white placeholder-purple-300", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-4", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-purple-200", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "Specialty"), /*#__PURE__*/ React.createElement("select", { value: filters.specialty, onChange: (e)=>setFilters({ ...filters, specialty: e.target.value }), className: "mt-1 w-full rounded-lg border border-purple-400/30 bg-[#1a0b2e] p-2 text-white", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 73, columnNumber: 19 }, __self: this }, "All Specialties"), /*#__PURE__*/ React.createElement("option", { value: "tarot", __source: { fileName: "", lineNumber: 74, columnNumber: 19 }, __self: this }, "Tarot"), /*#__PURE__*/ React.createElement("option", { value: "astrology", __source: { fileName: "", lineNumber: 75, columnNumber: 19 }, __self: this }, "Astrology"), /*#__PURE__*/ React.createElement("option", { value: "numerology", __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }, "Numerology"), /*#__PURE__*/ React.createElement("option", { value: "palmistry", __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this }, "Palmistry"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-purple-200", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, "Minimum Rating"), /*#__PURE__*/ React.createElement("select", { value: filters.minRating, onChange: (e)=>setFilters({ ...filters, minRating: parseInt(e.target.value) }), className: "mt-1 w-full rounded-lg border border-purple-400/30 bg-[#1a0b2e] p-2 text-white", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "0", __source: { fileName: "", lineNumber: 95, columnNumber: 19 }, __self: this }, "Any Rating"), /*#__PURE__*/ React.createElement("option", { value: "4", __source: { fileName: "", lineNumber: 96, columnNumber: 19 }, __self: this }, "4+ Stars"), /*#__PURE__*/ React.createElement("option", { value: "4.5", __source: { fileName: "", lineNumber: 97, columnNumber: 19 }, __self: this }, "4.5+ Stars"), /*#__PURE__*/ React.createElement("option", { value: "5", __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this }, "5 Stars"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-purple-200", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, "Availability"), /*#__PURE__*/ React.createElement("select", { value: filters.availability, onChange: (e)=>setFilters({ ...filters, availability: e.target.value }), className: "mt-1 w-full rounded-lg border border-purple-400/30 bg-[#1a0b2e] p-2 text-white", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "any", __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }, "Any Time"), /*#__PURE__*/ React.createElement("option", { value: "online", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, "Online Now"), /*#__PURE__*/ React.createElement("option", { value: "today", __source: { fileName: "", lineNumber: 115, columnNumber: 19 }, __self: this }, "Available Today"), /*#__PURE__*/ React.createElement("option", { value: "week", __source: { fileName: "", lineNumber: 116, columnNumber: 19 }, __self: this }, "This Week"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-purple-200", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }, "Price Range"), /*#__PURE__*/ React.createElement("select", { value: filters.priceRange, onChange: (e)=>setFilters({ ...filters, priceRange: e.target.value }), className: "mt-1 w-full rounded-lg border border-purple-400/30 bg-[#1a0b2e] p-2 text-white", __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "any", __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this }, "Any Price"), /*#__PURE__*/ React.createElement("option", { value: "low", __source: { fileName: "", lineNumber: 132, columnNumber: 19 }, __self: this }, "$0-50/hr"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 133, columnNumber: 19 }, __self: this }, "$51-100/hr"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 134, columnNumber: 19 }, __self: this }, "$101+/hr")))))), error && /*#__PURE__*/ React.createElement("div", { className: "mb-8 rounded-lg bg-red-500/10 p-4 text-center text-red-200", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }, error), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-xl text-purple-200", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-3", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }, astrologers.map((astrologer)=>/*#__PURE__*/ React.createElement("div", { key: astrologer.id, className: "overflow-hidden rounded-lg bg-[#2f1c4a] shadow-lg transition-transform hover:scale-105", __source: { fileName: "", lineNumber: 152, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 156, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: astrologer.image || "/images/default-avatar.jpg", alt: `${astrologer.name}'s profile`, className: "h-48 w-full object-cover", __source: { fileName: "", lineNumber: 157, columnNumber: 19 }, __self: this }), astrologer.online && /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 rounded-full bg-green-500 px-3 py-1 text-sm text-white", __source: { fileName: "", lineNumber: 163, columnNumber: 21 }, __self: this }, "Online")), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 168, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2 flex items-center justify-between", __source: { fileName: "", lineNumber: 169, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-white", __source: { fileName: "", lineNumber: 170, columnNumber: 21 }, __self: this }, astrologer.name), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 173, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-1 text-yellow-400", __source: { fileName: "", lineNumber: 174, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-purple-200", __source: { fileName: "", lineNumber: 175, columnNumber: 23 }, __self: this }, astrologer.rating.toFixed(1)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 180, columnNumber: 19 }, __self: this }, astrologer.specialties?.map((specialty, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "rounded-full bg-purple-500/20 px-3 py-1 text-sm text-purple-300", __source: { fileName: "", lineNumber: 182, columnNumber: 23 }, __self: this }, specialty))), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-sm text-purple-200", __source: { fileName: "", lineNumber: 190, columnNumber: 19 }, __self: this }, astrologer.bio?.slice(0, 100), "..."), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 193, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-semibold text-[#E6C687]", __source: { fileName: "", lineNumber: 194, columnNumber: 21 }, __self: this }, "$", astrologer.rate, "/hr"), /*#__PURE__*/ React.createElement("a", { href: `/astrologer/${astrologer.id}`, className: "rounded-lg bg-purple-600 px-4 py-2 text-white hover:bg-purple-700", __source: { fileName: "", lineNumber: 197, columnNumber: 21 }, __self: this }, "View Profile")))))), !loading && astrologers.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center text-xl text-purple-200", __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, "No astrologers found matching your criteria"))); }