function MainComponent() { const { data: user, loading } = useUser(); const [searchTerm, setSearchTerm] = useState(""); const [isSearching, setIsSearching] = useState(false); const [showUserMenu, setShowUserMenu] = useState(false); const [isMinimized, setIsMinimized] = useState(false); const [activeTab, setActiveTab] = useState("learn"); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); useEffect(()=>{ const handleResize = ()=>{ const isMobile = window.innerWidth <= 768; setIsMinimized(isMobile); }; handleResize(); window.addEventListener("resize", handleResize); return ()=>window.removeEventListener("resize", handleResize); }, []); const handleSearch = async (e)=>{ e.preventDefault(); if (!searchTerm.trim()) return; setIsSearching(true); try { if (user) { await fetch("/api/save-search", { method: "POST", body: JSON.stringify({ userId: user.id, searchTerm: searchTerm.trim(), searchType: activeTab }) }); } window.location.href = `/search?q=${encodeURIComponent(searchTerm.trim())}&type=${activeTab}`; } catch (error) { console.error("Failed to save search:", error); window.location.href = `/search?q=${encodeURIComponent(searchTerm.trim())}&type=${activeTab}`; } finally{ setIsSearching(false); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "data:image/svg+xml,", type: "image/svg+xml", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "/favicon.ico", sizes: "any", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8887774085994407", crossorigin: "anonymous", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#121212] via-[#151515] to-[#1a1a1a] flex", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:hidden fixed top-4 left-4 z-50", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMobileMenuOpen(!isMobileMenuOpen), className: "w-12 h-12 rounded-full bg-[#2a2a2a]/90 backdrop-blur-sm flex items-center justify-center hover:bg-[#3a3a3a] transition-all duration-300 shadow-lg relative mobile-menu-button", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "🧽"), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-down text-[#00D9F5] text-xs absolute bottom-0 left-1/2 transform -translate-x-1/2 transition-transform duration-300 ${isMobileMenuOpen ? "rotate-180" : ""}`, __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: `md:hidden fixed top-20 left-4 transition-all duration-300 ease-in-out z-40 ${isMobileMenuOpen ? "opacity-100 transform translate-y-0" : "opacity-0 transform -translate-y-4 pointer-events-none"}`, __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-auto bg-[#2a2a2a]/95 backdrop-blur-md rounded-full shadow-xl py-4 flex flex-col items-center space-y-6", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("learn"), className: "w-full flex justify-center text-xl hover:opacity-75 transition-opacity", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-[#00D9F5]", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("articles"), className: "w-full flex justify-center text-xl hover:opacity-75 transition-opacity", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-newspaper text-blue-500", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("youtube"), className: "w-full flex justify-center text-xl hover:opacity-75 transition-opacity", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube text-red-500", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("podcasts"), className: "w-full flex justify-center text-xl hover:opacity-75 transition-opacity", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-podcast text-[#1DB954]", __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("books"), className: "w-full flex justify-center text-xl hover:opacity-75 transition-opacity", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book text-yellow-500", __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("courses"), className: "w-full flex justify-center text-xl hover:opacity-75 transition-opacity", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-[#4ECDC4]", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("reddit"), className: "w-full flex justify-center text-xl hover:opacity-75 transition-opacity", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-reddit text-[#FF4500]", __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full h-px bg-[#2a2a2a]", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "/saved", className: "w-full flex justify-center text-xl text-[#00F5A0] hover:opacity-75 transition-opacity", __source: { fileName: "", lineNumber: 143, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bookmark", __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "/About", className: "w-full flex justify-center text-xl text-[#00D9F5] hover:opacity-75 transition-opacity", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this })), user && /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "w-full flex justify-center text-xl text-gray-400 hover:opacity-75 transition-opacity", __source: { fileName: "", lineNumber: 158, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt", __source: { fileName: "", lineNumber: 162, columnNumber: 19 }, __self: this }))))), isMobileMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden fixed inset-0 bg-black/30 backdrop-blur-sm z-30", onClick: ()=>setIsMobileMenuOpen(false), __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: "fixed top-0 right-0 p-4 z-50", __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 177, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full bg-[#2a2a2a]/90 backdrop-blur-sm flex items-center justify-center text-[#00D9F5] shadow-lg", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 180, columnNumber: 17 }, __self: this })) : user ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowUserMenu(!showUserMenu), className: "w-12 h-12 rounded-full bg-gradient-to-r from-[#00F5A0] via-[#00D9F5] to-[#9C37FD] flex items-center justify-center text-black font-semibold hover:opacity-90 transition-all duration-300 shadow-lg hover:shadow-xl transform hover:scale-105", __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this }, user.name?.split(" ").map((n)=>n[0]).join("").toUpperCase()), showUserMenu && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-[#1a1a1a]/95 backdrop-blur-md rounded-xl shadow-2xl py-2 border border-[#2a2a2a]/50 transform transition-all duration-300", __source: { fileName: "", lineNumber: 195, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/Profile", className: "block w-full text-left px-4 py-3 text-white hover:bg-[#2a2a2a] transition-all duration-200 nav-item", __source: { fileName: "", lineNumber: 196, columnNumber: 21 }, __self: this }, "Profile"), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "block w-full text-left px-4 py-3 text-white hover:bg-[#2a2a2a] transition-all duration-200 nav-item", __source: { fileName: "", lineNumber: 202, columnNumber: 21 }, __self: this }, "Sign Out"))) : /*#__PURE__*/ React.createElement("div", { className: "flex space-x-3", __source: { fileName: "", lineNumber: 212, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "px-5 py-2.5 rounded-xl bg-[#2a2a2a]/90 backdrop-blur-sm text-white hover:bg-[#3a3a3a] transition-all duration-300 shadow-lg hover:shadow-xl transform hover:scale-105", __source: { fileName: "", lineNumber: 213, columnNumber: 17 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "px-5 py-2.5 rounded-xl bg-gradient-to-r from-[#00F5A0] via-[#00D9F5] to-[#9C37FD] text-black font-semibold hover:opacity-90 transition-all duration-300 shadow-lg hover:shadow-xl transform hover:scale-105", __source: { fileName: "", lineNumber: 219, columnNumber: 17 }, __self: this }, "Sign Up")))), /*#__PURE__*/ React.createElement("div", { className: `hidden md:block fixed h-screen ${isMinimized ? "w-16" : "w-56"} bg-[#1a1a1a]/90 backdrop-blur-sm text-gray-300 border-r border-[#2a2a2a]/50 transition-all duration-300 ease-in-out shadow-xl z-40`, __source: { fileName: "", lineNumber: 229, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-6 flex flex-col h-full", __source: { fileName: "", lineNumber: 234, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center", __source: { fileName: "", lineNumber: 235, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: `text-3xl font-bold text-white hover:text-[#00D9F5] transition-colors duration-200 whitespace-nowrap ${isMinimized ? "hidden" : ""}`, __source: { fileName: "", lineNumber: 236, columnNumber: 15 }, __self: this }, "Sponge 🧽"), isMinimized && /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-3xl", __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this }, "🧽")), /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#2a2a2a]", __source: { fileName: "", lineNumber: 250, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "/saved", className: `w-full flex items-center ${isMinimized ? "justify-center" : ""} px-3 py-2.5 rounded-xl hover:bg-[#2a2a2a] transition-colors duration-200 text-gray-300 hover:text-white`, __source: { fileName: "", lineNumber: 251, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-bookmark w-6 ${isMinimized ? "text-2xl" : "text-xl"} text-[#00F5A0]`, __source: { fileName: "", lineNumber: 257, columnNumber: 15 }, __self: this }), !isMinimized && /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 262, columnNumber: 32 }, __self: this }, "Saved")), /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#2a2a2a]", __source: { fileName: "", lineNumber: 264, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: "flex-1", __source: { fileName: "", lineNumber: 265, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 266, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("learn"), className: `w-full flex items-center ${isMinimized ? "justify-center" : ""} px-3 py-2.5 rounded-xl hover:bg-[#2a2a2a] transition-colors duration-200 ${activeTab === "learn" ? "bg-[#2a2a2a] text-white" : "text-gray-300"}`, __source: { fileName: "", lineNumber: 267, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-graduation-cap w-6 ${isMinimized ? "text-2xl" : "text-xl"} text-[#00D9F5]`, __source: { fileName: "", lineNumber: 277, columnNumber: 19 }, __self: this }), !isMinimized && /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 282, columnNumber: 36 }, __self: this }, "Learn")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("articles"), className: `w-full flex items-center ${isMinimized ? "justify-center" : ""} px-3 py-2.5 rounded-xl hover:bg-[#2a2a2a] transition-colors duration-200 ${activeTab === "articles" ? "bg-[#2a2a2a] text-white" : "text-gray-300"}`, __source: { fileName: "", lineNumber: 285, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-newspaper w-6 ${isMinimized ? "text-2xl" : "text-xl"} text-blue-500`, __source: { fileName: "", lineNumber: 295, columnNumber: 19 }, __self: this }), !isMinimized && /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 300, columnNumber: 36 }, __self: this }, "Articles")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("youtube"), className: `w-full flex items-center ${isMinimized ? "justify-center" : ""} px-3 py-2.5 rounded-xl hover:bg-[#2a2a2a] transition-colors duration-200 ${activeTab === "youtube" ? "bg-[#2a2a2a] text-white" : "text-gray-300"}`, __source: { fileName: "", lineNumber: 303, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fab fa-youtube w-6 ${isMinimized ? "text-2xl" : "text-xl"} text-red-500`, __source: { fileName: "", lineNumber: 313, columnNumber: 19 }, __self: this }), !isMinimized && /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 318, columnNumber: 36 }, __self: this }, "Videos")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("podcasts"), className: `w-full flex items-center ${isMinimized ? "justify-center" : ""} px-3 py-2.5 rounded-xl hover:bg-[#2a2a2a] transition-colors duration-200 ${activeTab === "podcasts" ? "bg-[#2a2a2a] text-white" : "text-gray-300"}`, __source: { fileName: "", lineNumber: 321, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-podcast w-6 ${isMinimized ? "text-2xl" : "text-xl"} text-[#1DB954]`, __source: { fileName: "", lineNumber: 331, columnNumber: 19 }, __self: this }), !isMinimized && /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 336, columnNumber: 36 }, __self: this }, "Podcasts")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("books"), className: `w-full flex items-center ${isMinimized ? "justify-center" : ""} px-3 py-2.5 rounded-xl hover:bg-[#2a2a2a] transition-colors duration-200 ${activeTab === "books" ? "bg-[#2a2a2a] text-white" : "text-gray-300"}`, __source: { fileName: "", lineNumber: 339, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-book w-6 ${isMinimized ? "text-2xl" : "text-xl"} text-yellow-500`, __source: { fileName: "", lineNumber: 349, columnNumber: 19 }, __self: this }), !isMinimized && /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 354, columnNumber: 36 }, __self: this }, "Books")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("courses"), className: `w-full flex items-center ${isMinimized ? "justify-center" : ""} px-3 py-2.5 rounded-xl hover:bg-[#2a2a2a] transition-colors duration-200 ${activeTab === "courses" ? "bg-[#2a2a2a] text-white" : "text-gray-300"}`, __source: { fileName: "", lineNumber: 357, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-graduation-cap w-6 ${isMinimized ? "text-2xl" : "text-xl"} text-[#4ECDC4]`, __source: { fileName: "", lineNumber: 367, columnNumber: 19 }, __self: this }), !isMinimized && /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 372, columnNumber: 36 }, __self: this }, "Courses")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("reddit"), className: `w-full flex items-center ${isMinimized ? "justify-center" : ""} px-3 py-2.5 rounded-xl hover:bg-[#2a2a2a] transition-colors duration-200 ${activeTab === "reddit" ? "bg-[#2a2a2a] text-white" : "text-gray-300"}`, __source: { fileName: "", lineNumber: 375, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fab fa-reddit w-6 ${isMinimized ? "text-2xl" : "text-xl"} text-[#FF4500]`, __source: { fileName: "", lineNumber: 385, columnNumber: 19 }, __self: this }), !isMinimized && /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 390, columnNumber: 36 }, __self: this }, "Reddit")))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 394, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#2a2a2a]", __source: { fileName: "", lineNumber: 395, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/About", className: `w-full flex items-center ${isMinimized ? "justify-center" : ""} px-3 py-2.5 rounded-xl hover:bg-[#2a2a2a] transition-colors duration-200 text-gray-300 hover:text-white`, __source: { fileName: "", lineNumber: 396, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-info-circle w-6 ${isMinimized ? "text-2xl" : "text-xl"} text-[#00D9F5]`, __source: { fileName: "", lineNumber: 403, columnNumber: 17 }, __self: this }), !isMinimized && /*#__PURE__*/ React.createElement("span", { className: "ml-3", __source: { fileName: "", lineNumber: 408, columnNumber: 34 }, __self: this }, "About Us"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMinimized(!isMinimized), className: "w-full flex items-center justify-center p-2 text-gray-400 hover:text-white transition-colors duration-200", __source: { fileName: "", lineNumber: 412, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${isMinimized ? "right" : "left"} text-xl`, __source: { fileName: "", lineNumber: 416, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: `flex-1 ${isMinimized ? "ml-16" : "ml-56"} transition-all duration-300 ease-in-out`, __source: { fileName: "", lineNumber: 425, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 md:px-12 pt-20 md:pt-32", __source: { fileName: "", lineNumber: 430, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-center", __source: { fileName: "", lineNumber: 431, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 md:mb-12", __source: { fileName: "", lineNumber: 432, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-6xl font-bold font-poppins mb-3 md:mb-6 bg-gradient-to-r from-[#00F5A0] via-[#00D9F5] to-[#9C37FD] text-transparent bg-clip-text", __source: { fileName: "", lineNumber: 433, columnNumber: 17 }, __self: this }, "Absorb more."), /*#__PURE__*/ React.createElement("p", { className: "text-sm md:text-xl text-gray-400 leading-relaxed", __source: { fileName: "", lineNumber: 436, columnNumber: 17 }, __self: this }, "The most efficient way to learn online.", /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 438, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 439, columnNumber: 21 }, __self: this })), "Education, streamlined.")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl", __source: { fileName: "", lineNumber: 445, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSearch, className: "relative group", __source: { fileName: "", lineNumber: 446, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), className: "w-full bg-[#2a2a2a] rounded-2xl px-4 md:px-8 py-3 md:py-5 pl-10 md:pl-14 text-base md:text-lg focus:outline-none focus:ring-2 focus:ring-[#00F5A0]/20 placeholder-gray-500 transition-all duration-300 text-white", placeholder: typeof window !== "undefined" && window.innerWidth <= 768 ? "" : user ? `What would you like to learn today, ${user.name.split(" ")[0]}?` : "What would you like to learn today?", __source: { fileName: "", lineNumber: 447, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute left-3 md:left-5 top-1/2 transform -translate-y-1/2 text-[#00F5A0] text-base md:text-xl", __source: { fileName: "", lineNumber: 462, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSearching, className: "absolute right-2 md:right-3 top-1/2 transform -translate-y-1/2 bg-gradient-to-r from-[#00F5A0] via-[#00D9F5] to-[#9C37FD] text-black px-4 md:px-8 py-2 md:py-3 rounded-lg text-sm md:text-base font-medium hover:opacity-90 transition-all duration-300 disabled:opacity-50", __source: { fileName: "", lineNumber: 463, columnNumber: 19 }, __self: this }, isSearching ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 469, columnNumber: 23 }, __self: this }) : "Search")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 479, columnNumber: 9 }, __self: this }, ` @keyframes pulse { 0% { opacity: 0.8; transform: scale(1); } 50% { opacity: 1; transform: scale(1.05); } 100% { opacity: 0.8; transform: scale(1); } } @keyframes floatEffect { 0% { transform: translateY(0px); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0px); } } .mobile-menu-button { animation: floatEffect 3s ease-in-out infinite; } .search-icon-pulse { animation: pulse 2s infinite; } .nav-item { transition: all 0.3s ease; } .nav-item:hover { transform: translateY(-1px); } .sidebar-icon { transition: all 0.3s ease; } .sidebar-icon:hover { transform: scale(1.1); } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #1a1a1a; } ::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #333; } `))); }