function MainComponent() { const [resources, setResources] = React.useState([]); const [loading, setLoading] = React.useState(true); const [error, setError] = React.useState(null); const [searchTerm, setSearchTerm] = React.useState(""); const [selectedCategory, setSelectedCategory] = React.useState(""); const [categories, setCategories] = React.useState([]); const [mobileMenuOpen, setMobileMenuOpen] = React.useState(false); const [isVisible, setIsVisible] = React.useState(false); const [selectedResource, setSelectedResource] = React.useState(null); React.useEffect(()=>{ setIsVisible(true); fetchResources(); }, []); React.useEffect(()=>{ fetchResources(); }, [ searchTerm, selectedCategory ]); const fetchResources = async ()=>{ try { setLoading(true); const response = await fetch("/api/resources", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ search: searchTerm, category: selectedCategory, published: true, limit: 50 }) }); if (!response.ok) { throw new Error(`Failed to fetch resources: ${response.status}`); } const data = await response.json(); if (data.success) { setResources(data.resources || []); const uniqueCategories = [ ...new Set(data.resources.map((resource)=>resource.category).filter(Boolean)) ]; setCategories(uniqueCategories); } else { throw new Error(data.error || "Failed to fetch resources"); } } catch (err) { console.error("Error fetching resources:", err); setError("Failed to load resources. Please try again later."); } finally{ setLoading(false); } }; const handleSearchChange = (e)=>{ setSearchTerm(e.target.value); }; const handleCategoryChange = (category)=>{ setSelectedCategory(category === selectedCategory ? "" : category); }; const formatDate = (dateString)=>{ return new Date(dateString).toLocaleDateString("en-AU", { year: "numeric", month: "long", day: "numeric" }); }; const truncateText = (text, maxLength = 150)=>{ if (!text) return ""; return text.length > maxLength ? text.substring(0, maxLength) + "..." : text; }; const closeModal = ()=>{ setSelectedResource(null); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 via-teal-50 to-green-50 relative", __source: { fileName: "", lineNumber: 91, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/61490786950", target: "_blank", rel: "noopener noreferrer", className: "fixed bottom-6 right-6 z-50 bg-green-500 hover:bg-green-600 text-white p-4 rounded-full shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110 animate-pulse", "aria-label": "Contact us on WhatsApp", __source: { fileName: "", lineNumber: 93, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("header", { className: "bg-white/95 backdrop-blur-md shadow-xl sticky top-0 z-40 border-b border-teal-100", __source: { fileName: "", lineNumber: 106, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "max-w-6xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center gap-3 hover:opacity-80 transition-opacity duration-300", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/3eb66f8e-0def-4b24-a824-e77ee1265a4f/-/format/auto/", alt: "The Counselling World - Mental Health Support", className: "w-10 h-10 md:w-12 md:h-12 object-contain", __source: { fileName: "", lineNumber: 114, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-lg md:text-xl font-serif text-teal-700 font-bold", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, "The Counselling World")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex space-x-6 lg:space-x-8", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-teal-600 hover:text-teal-800 transition-all duration-300 pb-1 border-b-2 border-transparent hover:border-teal-300", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-teal-600 hover:text-teal-800 transition-all duration-300 pb-1 border-b-2 border-transparent hover:border-teal-300", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "/services", className: "text-teal-600 hover:text-teal-800 transition-all duration-300 pb-1 border-b-2 border-transparent hover:border-teal-300", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "/approach", className: "text-teal-600 hover:text-teal-800 transition-all duration-300 pb-1 border-b-2 border-transparent hover:border-teal-300", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, "Approach"), /*#__PURE__*/ React.createElement("a", { href: "/resources", className: "text-teal-800 font-semibold border-b-2 border-teal-600 pb-1 transition-all duration-300", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, "Resources"), /*#__PURE__*/ React.createElement("a", { href: "/booking", className: "text-teal-600 hover:text-teal-800 transition-all duration-300 pb-1 border-b-2 border-transparent hover:border-teal-300", __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center gap-3", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/61490786950", target: "_blank", rel: "noopener noreferrer", className: "bg-green-500 hover:bg-green-600 text-white p-2 rounded-full transition-all duration-300 hover:scale-110", "aria-label": "WhatsApp", __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 174, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488", __source: { fileName: "", lineNumber: 179, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("a", { href: "/booking", className: "bg-gradient-to-r from-teal-600 to-blue-600 text-white p-2 rounded-full hover:from-teal-700 hover:to-blue-700 transition-all duration-300 text-sm lg:text-base shadow-lg hover:shadow-xl transform hover:-translate-y-0.5", __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }, "Book Session")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMobileMenuOpen(!mobileMenuOpen), className: "md:hidden p-2 text-teal-600 hover:text-teal-800 transition-colors duration-300", __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 transition-transform duration-300", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", style: { transform: mobileMenuOpen ? "rotate(90deg)" : "rotate(0deg)" }, __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }, mobileMenuOpen ? /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12", __source: { fileName: "", lineNumber: 205, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16", __source: { fileName: "", lineNumber: 212, columnNumber: 19 }, __self: this })))), mobileMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden mt-4 pb-4 border-t border-teal-200 animate-fade-in-down", __source: { fileName: "", lineNumber: 225, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-3 pt-4", __source: { fileName: "", lineNumber: 226, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-teal-600 hover:text-teal-800 hover:bg-teal-50 transition-all duration-300 px-2 py-2 rounded-lg", __source: { fileName: "", lineNumber: 227, columnNumber: 17 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-teal-600 hover:text-teal-800 hover:bg-teal-50 transition-all duration-300 px-2 py-2 rounded-lg", __source: { fileName: "", lineNumber: 233, columnNumber: 17 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "/services", className: "text-teal-600 hover:text-teal-800 hover:bg-teal-50 transition-all duration-300 px-2 py-2 rounded-lg", __source: { fileName: "", lineNumber: 239, columnNumber: 17 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "/approach", className: "text-teal-600 hover:text-teal-800 hover:bg-teal-50 transition-all duration-300 px-2 py-2 rounded-lg", __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this }, "Approach"), /*#__PURE__*/ React.createElement("a", { href: "/resources", className: "text-teal-800 font-semibold px-2 py-2 rounded-lg bg-teal-50", __source: { fileName: "", lineNumber: 251, columnNumber: 17 }, __self: this }, "Resources"), /*#__PURE__*/ React.createElement("a", { href: "/booking", className: "text-teal-600 hover:text-teal-800 hover:bg-teal-50 transition-all duration-300 px-2 py-2 rounded-lg", __source: { fileName: "", lineNumber: 257, columnNumber: 17 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mt-4 px-2", __source: { fileName: "", lineNumber: 263, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/61490786950", target: "_blank", rel: "noopener noreferrer", className: "bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-full transition-all duration-300 text-sm flex items-center gap-2", __source: { fileName: "", lineNumber: 264, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 270, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488", __source: { fileName: "", lineNumber: 275, columnNumber: 23 }, __self: this })), "WhatsApp"), /*#__PURE__*/ React.createElement("a", { href: "/booking", className: "bg-gradient-to-r from-teal-600 to-blue-600 text-white px-4 py-2 rounded-full hover:from-teal-700 hover:to-blue-700 transition-all duration-300 text-sm flex-1", __source: { fileName: "", lineNumber: 279, columnNumber: 19 }, __self: this }, "Book Session")))))), /*#__PURE__*/ React.createElement("section", { className: `py-12 md:py-16 px-4 transition-all duration-1000 ${isVisible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}`, __source: { fileName: "", lineNumber: 293, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto text-center", __source: { fileName: "", lineNumber: 296, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block mb-4 px-4 py-2 bg-teal-100/80 backdrop-blur-sm rounded-full text-teal-700 font-medium text-sm animate-fade-in-up", __source: { fileName: "", lineNumber: 297, columnNumber: 11 }, __self: this }, "📚 Mental Health Resources"), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-5xl font-serif text-teal-800 mb-4 leading-tight animate-fade-in-up", __source: { fileName: "", lineNumber: 300, columnNumber: 11 }, __self: this }, "Resources & Articles"), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl text-teal-600 max-w-3xl mx-auto leading-relaxed mb-8 animate-fade-in-up", __source: { fileName: "", lineNumber: 303, columnNumber: 11 }, __self: this }, "Explore our collection of mental health resources, articles, and materials designed to support your wellbeing journey."))), /*#__PURE__*/ React.createElement("section", { className: `py-8 px-4 bg-white/40 backdrop-blur-sm transition-all duration-1000 delay-300 ${isVisible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}`, __source: { fileName: "", lineNumber: 311, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 314, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 items-center justify-between mb-8", __source: { fileName: "", lineNumber: 315, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative flex-1 max-w-md", __source: { fileName: "", lineNumber: 317, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 318, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "h-5 w-5 text-teal-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 319, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z", __source: { fileName: "", lineNumber: 325, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search resources...", value: searchTerm, onChange: handleSearchChange, className: "w-full pl-10 pr-4 py-3 border-2 border-teal-200 rounded-xl focus:border-teal-500 focus:outline-none focus:ring-2 focus:ring-teal-200 transition-all duration-300 bg-white/80 backdrop-blur-sm", __source: { fileName: "", lineNumber: 333, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 343, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleCategoryChange(""), className: `px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ${selectedCategory === "" ? "bg-teal-600 text-white shadow-lg" : "bg-white/80 text-teal-600 hover:bg-teal-50 border border-teal-200"}`, __source: { fileName: "", lineNumber: 344, columnNumber: 15 }, __self: this }, "All"), categories.map((category)=>/*#__PURE__*/ React.createElement("button", { key: category, onClick: ()=>handleCategoryChange(category), className: `px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ${selectedCategory === category ? "bg-teal-600 text-white shadow-lg" : "bg-white/80 text-teal-600 hover:bg-teal-50 border border-teal-200"}`, __source: { fileName: "", lineNumber: 355, columnNumber: 17 }, __self: this }, category)))))), /*#__PURE__*/ React.createElement("section", { className: `py-12 px-4 transition-all duration-1000 delay-500 ${isVisible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}`, __source: { fileName: "", lineNumber: 373, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 376, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center py-20", __source: { fileName: "", lineNumber: 378, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-teal-600", __source: { fileName: "", lineNumber: 379, columnNumber: 15 }, __self: this })) : error ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-20", __source: { fileName: "", lineNumber: 382, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 rounded-xl p-8 max-w-md mx-auto", __source: { fileName: "", lineNumber: 383, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-12 h-12 text-red-400 mx-auto mb-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 384, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z", __source: { fileName: "", lineNumber: 390, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-red-800 mb-2", __source: { fileName: "", lineNumber: 397, columnNumber: 17 }, __self: this }, "Error Loading Resources"), /*#__PURE__*/ React.createElement("p", { className: "text-red-600 mb-4", __source: { fileName: "", lineNumber: 400, columnNumber: 17 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: fetchResources, className: "bg-red-600 text-white px-4 py-2 rounded-lg hover:bg-red-700 transition-colors", __source: { fileName: "", lineNumber: 401, columnNumber: 17 }, __self: this }, "Try Again"))) : resources.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-20", __source: { fileName: "", lineNumber: 410, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-teal-50 border border-teal-200 rounded-xl p-8 max-w-md mx-auto", __source: { fileName: "", lineNumber: 411, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-12 h-12 text-teal-400 mx-auto mb-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 412, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z", __source: { fileName: "", lineNumber: 418, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-teal-800 mb-2", __source: { fileName: "", lineNumber: 425, columnNumber: 17 }, __self: this }, "No Resources Found"), /*#__PURE__*/ React.createElement("p", { className: "text-teal-600", __source: { fileName: "", lineNumber: 428, columnNumber: 17 }, __self: this }, searchTerm || selectedCategory ? "Try adjusting your search or filter criteria." : "Resources will be available soon. Check back later!"))) : /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 436, columnNumber: 13 }, __self: this }, resources.map((resource)=>/*#__PURE__*/ React.createElement("article", { key: resource.id, className: "bg-white/70 backdrop-blur-sm rounded-2xl shadow-lg hover:shadow-xl transition-all duration-500 hover:-translate-y-2 group border border-teal-100 overflow-hidden", __source: { fileName: "", lineNumber: 438, columnNumber: 17 }, __self: this }, resource.image_url && /*#__PURE__*/ React.createElement("div", { className: "relative h-48 overflow-hidden", __source: { fileName: "", lineNumber: 443, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: resource.image_url, alt: resource.title, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500", __source: { fileName: "", lineNumber: 444, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent", __source: { fileName: "", lineNumber: 449, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 453, columnNumber: 19 }, __self: this }, resource.category && /*#__PURE__*/ React.createElement("div", { className: "inline-block mb-3", __source: { fileName: "", lineNumber: 455, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-teal-100 text-teal-700 px-3 py-1 rounded-full text-xs font-medium", __source: { fileName: "", lineNumber: 456, columnNumber: 25 }, __self: this }, resource.category)), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-teal-800 mb-3 group-hover:text-teal-600 transition-colors line-clamp-2", __source: { fileName: "", lineNumber: 462, columnNumber: 21 }, __self: this }, resource.title), /*#__PURE__*/ React.createElement("p", { className: "text-teal-600 mb-4 leading-relaxed", __source: { fileName: "", lineNumber: 466, columnNumber: 21 }, __self: this }, truncateText(resource.excerpt || resource.content)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 470, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-teal-500", __source: { fileName: "", lineNumber: 471, columnNumber: 23 }, __self: this }, formatDate(resource.created_at)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedResource(resource), className: "inline-flex items-center gap-2 text-teal-600 hover:text-teal-800 font-medium transition-colors group-hover:gap-3", __source: { fileName: "", lineNumber: 475, columnNumber: 23 }, __self: this }, "Read More", /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4 transition-transform group-hover:translate-x-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 480, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7", __source: { fileName: "", lineNumber: 486, columnNumber: 27 }, __self: this })))))))))), /*#__PURE__*/ React.createElement("section", { className: `py-16 px-4 bg-white/50 backdrop-blur-sm transition-all duration-1000 delay-700 ${isVisible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-10"}`, __source: { fileName: "", lineNumber: 504, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto text-center", __source: { fileName: "", lineNumber: 507, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-serif text-teal-800 mb-6", __source: { fileName: "", lineNumber: 508, columnNumber: 11 }, __self: this }, "Need Personalized Support?"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-teal-600 mb-8", __source: { fileName: "", lineNumber: 511, columnNumber: 11 }, __self: this }, "While these resources are helpful, nothing replaces personalized professional support. I'm here to help you on your unique journey to better mental health."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", __source: { fileName: "", lineNumber: 516, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/booking", className: "bg-gradient-to-r from-teal-600 to-blue-600 text-white px-8 py-3 rounded-full hover:from-teal-700 hover:to-blue-700 transition-all duration-300 shadow-xl hover:shadow-2xl transform hover:-translate-y-1", __source: { fileName: "", lineNumber: 517, columnNumber: 13 }, __self: this }, "📅 Book a Session"), /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/61490786950", target: "_blank", rel: "noopener noreferrer", className: "bg-gradient-to-r from-green-500 to-green-600 text-white px-8 py-3 rounded-full hover:from-green-600 hover:to-green-700 transition-all duration-300 shadow-xl hover:shadow-2xl transform hover:-translate-y-1 flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 523, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 529, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488", __source: { fileName: "", lineNumber: 530, columnNumber: 17 }, __self: this })), "WhatsApp Chat")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-teal-800 text-white py-12 px-4", __source: { fileName: "", lineNumber: 539, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 540, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-4 gap-6 md:gap-8", __source: { fileName: "", lineNumber: 541, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 542, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg md:text-xl font-serif mb-3 md:mb-4", __source: { fileName: "", lineNumber: 543, columnNumber: 15 }, __self: this }, "The Counselling World"), /*#__PURE__*/ React.createElement("p", { className: "text-teal-200 text-sm md:text-base mb-4", __source: { fileName: "", lineNumber: 546, columnNumber: 15 }, __self: this }, "Registered Counsellor providing compassionate, culturally sensitive mental health support."), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-teal-200 text-sm", __source: { fileName: "", lineNumber: 550, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 551, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 552, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.89 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z", __source: { fileName: "", lineNumber: 557, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "mailto:thecounsellingworld@gmail.com", className: "hover:text-white transition-colors", __source: { fileName: "", lineNumber: 559, columnNumber: 19 }, __self: this }, "thecounsellingworld@gmail.com")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 566, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 567, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488", __source: { fileName: "", lineNumber: 572, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/61490786950", target: "_blank", rel: "noopener noreferrer", className: "hover:text-white transition-colors", __source: { fileName: "", lineNumber: 574, columnNumber: 19 }, __self: this }, "WhatsApp Chat"))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 mt-4", __source: { fileName: "", lineNumber: 584, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.facebook.com/mycounsellingworld", target: "_blank", rel: "noopener noreferrer", className: "bg-blue-600 hover:bg-blue-700 text-white p-2 rounded-full transition-all duration-300 hover:scale-110", "aria-label": "Follow us on Facebook", __source: { fileName: "", lineNumber: 585, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 592, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z", __source: { fileName: "", lineNumber: 597, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("a", { href: "https://www.instagram.com/counsellingworld.com.au/", target: "_blank", rel: "noopener noreferrer", className: "bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white p-2 rounded-full transition-all duration-300 hover:scale-110", "aria-label": "Follow us on Instagram", __source: { fileName: "", lineNumber: 600, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 607, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z", __source: { fileName: "", lineNumber: 612, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 617, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold mb-3 md:mb-4 text-base md:text-lg", __source: { fileName: "", lineNumber: 618, columnNumber: 15 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-teal-200 text-sm md:text-base", __source: { fileName: "", lineNumber: 621, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 622, columnNumber: 17 }, __self: this }, "Individual Counselling"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 623, columnNumber: 17 }, __self: this }, "Couples Therapy"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 624, columnNumber: 17 }, __self: this }, "Trauma Support"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 625, columnNumber: 17 }, __self: this }, "Autism Support"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 628, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold mb-3 md:mb-4 text-base md:text-lg", __source: { fileName: "", lineNumber: 629, columnNumber: 15 }, __self: this }, "Quick Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-teal-200 text-sm md:text-base", __source: { fileName: "", lineNumber: 632, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 633, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "hover:text-white transition-colors", __source: { fileName: "", lineNumber: 634, columnNumber: 19 }, __self: this }, "About Me")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 641, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/services", className: "hover:text-white transition-colors", __source: { fileName: "", lineNumber: 642, columnNumber: 19 }, __self: this }, "Services")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 649, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/approach", className: "hover:text-white transition-colors", __source: { fileName: "", lineNumber: 650, columnNumber: 19 }, __self: this }, "My Approach")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 657, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/resources", className: "hover:text-white transition-colors", __source: { fileName: "", lineNumber: 658, columnNumber: 19 }, __self: this }, "Resources")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 667, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold mb-3 md:mb-4 text-base md:text-lg", __source: { fileName: "", lineNumber: 668, columnNumber: 15 }, __self: this }, "Crisis & Emergency Services"), /*#__PURE__*/ React.createElement("p", { className: "text-teal-200 mb-3 text-sm md:text-base", __source: { fileName: "", lineNumber: 671, columnNumber: 15 }, __self: this }, "If you're in crisis, please reach out:"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-xs md:text-sm", __source: { fileName: "", lineNumber: 674, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 675, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 676, columnNumber: 19 }, __self: this }, "Emergencies:"), /*#__PURE__*/ React.createElement("span", { className: "text-teal-200 ml-2", __source: { fileName: "", lineNumber: 677, columnNumber: 19 }, __self: this }, "000")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 679, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 680, columnNumber: 19 }, __self: this }, "Lifeline:"), /*#__PURE__*/ React.createElement("span", { className: "text-teal-200 ml-2", __source: { fileName: "", lineNumber: 681, columnNumber: 19 }, __self: this }, "131 114")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 683, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 684, columnNumber: 19 }, __self: this }, "Beyond Blue:"), /*#__PURE__*/ React.createElement("span", { className: "text-teal-200 ml-2", __source: { fileName: "", lineNumber: 685, columnNumber: 19 }, __self: this }, "1300 224 636")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 687, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 688, columnNumber: 19 }, __self: this }, "Suicide Call:"), /*#__PURE__*/ React.createElement("span", { className: "text-teal-200 ml-2", __source: { fileName: "", lineNumber: 691, columnNumber: 19 }, __self: this }, "1300 222 463"))))))), selectedResource && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 701, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black/50 backdrop-blur-sm", onClick: closeModal, __source: { fileName: "", lineNumber: 703, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative bg-white rounded-2xl shadow-2xl max-w-4xl max-h-[90vh] w-full mx-4 overflow-hidden", __source: { fileName: "", lineNumber: 709, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: closeModal, className: "absolute top-4 right-4 z-10 bg-white/90 hover:bg-white text-gray-600 hover:text-gray-800 w-10 h-10 rounded-full flex items-center justify-center shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110", "aria-label": "Close", __source: { fileName: "", lineNumber: 711, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 716, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12", __source: { fileName: "", lineNumber: 722, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "overflow-y-auto max-h-[90vh]", __source: { fileName: "", lineNumber: 732, columnNumber: 13 }, __self: this }, selectedResource.featured_image && /*#__PURE__*/ React.createElement("div", { className: "aspect-video overflow-hidden", __source: { fileName: "", lineNumber: 735, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: selectedResource.featured_image, alt: selectedResource.title, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 736, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 745, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 mb-6", __source: { fileName: "", lineNumber: 747, columnNumber: 17 }, __self: this }, selectedResource.category && /*#__PURE__*/ React.createElement("span", { className: "bg-teal-100 text-teal-700 px-4 py-2 rounded-full text-sm font-medium", __source: { fileName: "", lineNumber: 749, columnNumber: 21 }, __self: this }, selectedResource.category), /*#__PURE__*/ React.createElement("span", { className: "text-teal-500 text-sm", __source: { fileName: "", lineNumber: 753, columnNumber: 19 }, __self: this }, new Date(selectedResource.created_at).toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric" })), /*#__PURE__*/ React.createElement("span", { className: "text-teal-500 text-sm", __source: { fileName: "", lineNumber: 763, columnNumber: 19 }, __self: this }, "By ", selectedResource.author_name || "Sumaira Alvi")), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-serif text-teal-800 mb-6 leading-tight", __source: { fileName: "", lineNumber: 769, columnNumber: 17 }, __self: this }, selectedResource.title), /*#__PURE__*/ React.createElement("div", { className: "prose prose-lg max-w-none text-teal-700 leading-relaxed", __source: { fileName: "", lineNumber: 774, columnNumber: 17 }, __self: this }, selectedResource.content.split("\n").map((paragraph, index)=>paragraph.trim() && /*#__PURE__*/ React.createElement("p", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 778, columnNumber: 25 }, __self: this }, paragraph))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 pt-6 border-t border-teal-100 flex flex-col sm:flex-row gap-4", __source: { fileName: "", lineNumber: 786, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/booking", className: "bg-gradient-to-r from-teal-600 to-blue-600 text-white px-6 py-3 rounded-full hover:from-teal-700 hover:to-blue-700 transition-all duration-300 text-center shadow-lg hover:shadow-xl transform hover:-translate-y-0.5", __source: { fileName: "", lineNumber: 787, columnNumber: 19 }, __self: this }, "Book a Session"), /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/61490786950", target: "_blank", rel: "noopener noreferrer", className: "bg-gradient-to-r from-green-500 to-green-600 text-white px-6 py-3 rounded-full hover:from-green-600 hover:to-green-700 transition-all duration-300 text-center shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 793, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 799, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488", __source: { fileName: "", lineNumber: 804, columnNumber: 23 }, __self: this })), "Chat on WhatsApp")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 815, columnNumber: 7 }, __self: this }, ` @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fadeInUp 0.8s ease-out forwards; } .animate-fade-in-down { animation: fadeInDown 0.3s ease-out forwards; } .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } `)); }