function MainComponent() { const [posts, setPosts] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [currentPage, setCurrentPage] = useState(1); const [totalPages, setTotalPages] = useState(1); const [selectedType, setSelectedType] = useState(""); const [searchQuery, setSearchQuery] = useState(""); const [searchInput, setSearchInput] = useState(""); const [filter, setFilter] = useState("all"); const [expandedPosts, setExpandedPosts] = useState(new Set()); const { data: user, loading: userLoading } = useUser(); useEffect(()=>{ fetchPosts(); // Add favicon to the page const favicon = document.querySelector('link[rel="icon"]') || document.createElement("link"); favicon.rel = "icon"; favicon.href = "https://raw.createusercontent.com/358eaf5e-0d70-4b06-bc11-a37e0e8bbe74/"; favicon.type = "image/png"; if (!document.querySelector('link[rel="icon"]')) { document.head.appendChild(favicon); } }, [ currentPage, selectedType, searchQuery ]); const fetchPosts = async ()=>{ try { setLoading(true); const response = await fetch("/api/posts/gallery", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ page: currentPage, limit: 12, type: selectedType || undefined, search: searchQuery || undefined }) }); if (!response.ok) { throw new Error("Failed to fetch posts"); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setPosts(data.posts || []); setTotalPages(data.pagination?.totalPages || 1); } catch (error) { console.error("Error fetching posts:", error); setError("Failed to load posts"); } finally{ setLoading(false); } }; const toggleExpanded = (postId)=>{ const newExpanded = new Set(expandedPosts); if (newExpanded.has(postId)) { newExpanded.delete(postId); } else { newExpanded.add(postId); } setExpandedPosts(newExpanded); }; const filteredPosts = posts.filter((post)=>{ if (filter === "all") return true; return post.type === filter; }); const PostCard = ({ post })=>{ const truncateContent = (content, maxLength = 200)=>{ if (content.length <= maxLength) return content; return content.substring(0, maxLength) + "..."; }; return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800/80 backdrop-blur-sm rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-700 hover:border-amber-500/50 group", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1 rounded-full text-sm font-medium ${post.type === "poem" ? "bg-purple-600/20 text-purple-300" : post.type === "essay" ? "bg-blue-600/20 text-blue-300" : "bg-green-600/20 text-green-300"}`, __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, post.type.charAt(0).toUpperCase() + post.type.slice(1)), post.featured && /*#__PURE__*/ React.createElement("span", { className: "px-2 py-1 bg-amber-600/20 text-amber-300 rounded-full text-xs font-medium", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-1", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }), "Featured")), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-amber-100 mb-3 group-hover:text-amber-200 transition-colors font-crimson-text", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, post.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-4 leading-relaxed", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, truncateContent(post.content)), post.attachment_url && /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4 p-2 bg-gray-700/30 rounded-lg border border-gray-600", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-pdf text-red-400 mr-2", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "PDF attachment available")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between pt-4 border-t border-gray-700", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-gray-400 text-sm", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "mr-4", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, post.author_name), /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, new Date(post.created_at).toLocaleDateString())), /*#__PURE__*/ React.createElement("a", { href: `/post?id=${post.id}`, className: "text-amber-400 hover:text-amber-300 font-medium transition-colors", __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this }, "Read More →")))); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900", style: { backgroundImage: `linear-gradient(rgba(17, 24, 39, 0.8), rgba(17, 24, 39, 0.9)), url('https://raw.createusercontent.com/5dec9323-36bd-4ff1-be80-69305e72536c/')`, backgroundSize: "cover", backgroundPosition: "center", backgroundAttachment: "fixed" }, __source: { fileName: "", lineNumber: 151, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed top-4 right-4 z-50 opacity-20 hover:opacity-60 transition-opacity duration-300", __source: { fileName: "", lineNumber: 161, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://raw.createusercontent.com/358eaf5e-0d70-4b06-bc11-a37e0e8bbe74/", alt: "Arryuts Logo Stamp", className: "w-12 h-12 rounded-full shadow-lg", __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "bg-gray-800/90 backdrop-blur-sm shadow-lg border-b border-gray-700", __source: { fileName: "", lineNumber: 170, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 171, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-16", __source: { fileName: "", lineNumber: 172, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 173, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://raw.createusercontent.com/358eaf5e-0d70-4b06-bc11-a37e0e8bbe74/", alt: "Arryuts Literature Club Logo", className: "h-10 w-10 mr-3 rounded-full shadow-md", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 180, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-amber-400 font-crimson-text", __source: { fileName: "", lineNumber: 181, columnNumber: 19 }, __self: this }, "Arryuts"), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-400 italic", __source: { fileName: "", lineNumber: 184, columnNumber: 19 }, __self: this }, "Literature Club")))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-300 hover:text-amber-400 font-medium transition-colors", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/gallery", className: "text-amber-400 font-medium", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, "Gallery"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-gray-300 hover:text-amber-400 font-medium transition-colors", __source: { fileName: "", lineNumber: 201, columnNumber: 15 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-gray-300 hover:text-amber-400 font-medium transition-colors", __source: { fileName: "", lineNumber: 207, columnNumber: 15 }, __self: this }, "Contact"), user && /*#__PURE__*/ React.createElement("a", { href: "/write", className: "text-gray-300 hover:text-amber-400 font-medium transition-colors", __source: { fileName: "", lineNumber: 214, columnNumber: 17 }, __self: this }, "Write")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 223, columnNumber: 13 }, __self: this }, userLoading ? /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-gray-700 rounded-full animate-pulse", __source: { fileName: "", lineNumber: 225, columnNumber: 17 }, __self: this }) : user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 227, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-300", __source: { fileName: "", lineNumber: 228, columnNumber: 19 }, __self: this }, "Hello, ", user.name || user.email), user.role === "admin" && /*#__PURE__*/ React.createElement("a", { href: "/admin", className: "bg-purple-600 text-white px-3 py-1 rounded-md text-sm hover:bg-purple-700 transition-colors", __source: { fileName: "", lineNumber: 232, columnNumber: 21 }, __self: this }, "Admin"), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-gray-400 hover:text-amber-400 transition-colors", __source: { fileName: "", lineNumber: 239, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt", __source: { fileName: "", lineNumber: 243, columnNumber: 21 }, __self: this }))) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 247, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-amber-400 hover:text-amber-300 font-medium transition-colors", __source: { fileName: "", lineNumber: 248, columnNumber: 19 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "bg-amber-600 text-white px-4 py-2 rounded-lg hover:bg-amber-700 transition-colors", __source: { fileName: "", lineNumber: 254, columnNumber: 19 }, __self: this }, "Join Us")))))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800/60 backdrop-blur-sm text-white border-b border-gray-700", __source: { fileName: "", lineNumber: 268, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16", __source: { fileName: "", lineNumber: 269, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 270, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold mb-4 font-crimson-text text-amber-100", __source: { fileName: "", lineNumber: 271, columnNumber: 13 }, __self: this }, "Literary Gallery"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 274, columnNumber: 13 }, __self: this }, "Explore the creative works shared by our community members")))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", __source: { fileName: "", lineNumber: 282, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 283, columnNumber: 9 }, __self: this }, [ "all", "poem", "essay", "story" ].map((type)=>/*#__PURE__*/ React.createElement("button", { key: type, onClick: ()=>setFilter(type), className: `px-6 py-2 rounded-full font-medium transition-colors capitalize ${filter === type ? "bg-amber-600 text-white" : "bg-gray-800/80 text-gray-300 hover:bg-amber-600/20 hover:text-amber-400 border border-gray-700"}`, __source: { fileName: "", lineNumber: 285, columnNumber: 13 }, __self: this }, type === "all" ? "All Works" : `${type}s`)))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-16", __source: { fileName: "", lineNumber: 301, columnNumber: 7 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 303, columnNumber: 11 }, __self: this }, [ 1, 2, 3, 4, 5, 6 ].map((i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "bg-gray-800/80 backdrop-blur-sm rounded-xl shadow-lg p-6 animate-pulse border border-gray-700", __source: { fileName: "", lineNumber: 305, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-700 rounded mb-4", __source: { fileName: "", lineNumber: 309, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-6 bg-gray-700 rounded mb-3", __source: { fileName: "", lineNumber: 310, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 mb-4", __source: { fileName: "", lineNumber: 311, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-3 bg-gray-700 rounded", __source: { fileName: "", lineNumber: 312, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-3 bg-gray-700 rounded", __source: { fileName: "", lineNumber: 313, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-3 bg-gray-700 rounded w-3/4", __source: { fileName: "", lineNumber: 314, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-700 rounded w-1/2", __source: { fileName: "", lineNumber: 316, columnNumber: 17 }, __self: this })))) : error ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 321, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle text-4xl text-amber-400 mb-4", __source: { fileName: "", lineNumber: 322, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-amber-300 mb-4", __source: { fileName: "", lineNumber: 323, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: fetchPosts, className: "bg-amber-600 text-white px-6 py-2 rounded-lg hover:bg-amber-700 transition-colors", __source: { fileName: "", lineNumber: 324, columnNumber: 13 }, __self: this }, "Try Again")) : filteredPosts.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 332, columnNumber: 11 }, __self: this }, filteredPosts.map((post)=>{ const isExpanded = expandedPosts.has(post.id); const shouldTruncate = post.content.length > 200; const displayContent = isExpanded || !shouldTruncate ? post.content : post.content.substring(0, 200) + "..."; return /*#__PURE__*/ React.createElement("div", { key: post.id, className: "bg-gray-800/80 backdrop-blur-sm rounded-xl shadow-lg hover:shadow-xl transition-all p-6 border border-gray-700 hover:border-amber-500", __source: { fileName: "", lineNumber: 342, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-3", __source: { fileName: "", lineNumber: 346, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-amber-600 text-white px-3 py-1 rounded-full text-sm font-medium capitalize", __source: { fileName: "", lineNumber: 347, columnNumber: 21 }, __self: this }, post.type), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 350, columnNumber: 21 }, __self: this }, new Date(post.created_at).toLocaleDateString())), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-amber-100 mb-3", __source: { fileName: "", lineNumber: 354, columnNumber: 19 }, __self: this }, post.title), /*#__PURE__*/ React.createElement("div", { className: "text-gray-300 mb-4", __source: { fileName: "", lineNumber: 357, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "whitespace-pre-wrap leading-relaxed", __source: { fileName: "", lineNumber: 358, columnNumber: 21 }, __self: this }, displayContent)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 362, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 363, columnNumber: 21 }, __self: this }, "by ", post.author_name), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 366, columnNumber: 21 }, __self: this }, shouldTruncate && /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleExpanded(post.id), className: "text-amber-400 hover:text-amber-300 font-medium transition-colors", __source: { fileName: "", lineNumber: 368, columnNumber: 25 }, __self: this }, isExpanded ? "Show Less" : "Read More", " →"), /*#__PURE__*/ React.createElement("a", { href: `/post/${post.id}`, className: "text-purple-400 hover:text-purple-300 font-medium transition-colors", __source: { fileName: "", lineNumber: 375, columnNumber: 23 }, __self: this }, "View Details →")))); })) : /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 388, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book-open text-4xl text-amber-400 mb-4", __source: { fileName: "", lineNumber: 389, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-4", __source: { fileName: "", lineNumber: 390, columnNumber: 13 }, __self: this }, filter === "all" ? "No works have been shared yet." : `No ${filter}s found.`), user ? /*#__PURE__*/ React.createElement("a", { href: "/write", className: "bg-amber-600 text-white px-6 py-2 rounded-lg hover:bg-amber-700 transition-colors", __source: { fileName: "", lineNumber: 396, columnNumber: 15 }, __self: this }, "Share Your Writing") : /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "bg-amber-600 text-white px-6 py-2 rounded-lg hover:bg-amber-700 transition-colors", __source: { fileName: "", lineNumber: 403, columnNumber: 15 }, __self: this }, "Join to Share Your Writing"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-900/90 backdrop-blur-sm text-white border-t border-gray-700", __source: { fileName: "", lineNumber: 415, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12", __source: { fileName: "", lineNumber: 416, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 417, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 418, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4 font-crimson-text text-amber-400", __source: { fileName: "", lineNumber: 419, columnNumber: 15 }, __self: this }, "Arryuts"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 422, columnNumber: 15 }, __self: this }, "Fostering creativity and literary appreciation among students")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 426, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold mb-4 text-amber-100", __source: { fileName: "", lineNumber: 427, columnNumber: 15 }, __self: this }, "Quick Links"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 428, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "block text-gray-400 hover:text-amber-400 transition-colors", __source: { fileName: "", lineNumber: 429, columnNumber: 17 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "block text-gray-400 hover:text-amber-400 transition-colors", __source: { fileName: "", lineNumber: 435, columnNumber: 17 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "block text-gray-400 hover:text-amber-400 transition-colors", __source: { fileName: "", lineNumber: 441, columnNumber: 17 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 449, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold mb-4 text-amber-100", __source: { fileName: "", lineNumber: 450, columnNumber: 15 }, __self: this }, "Get Involved"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 453, columnNumber: 15 }, __self: this }, user ? /*#__PURE__*/ React.createElement("a", { href: "/write", className: "block text-gray-400 hover:text-amber-400 transition-colors", __source: { fileName: "", lineNumber: 455, columnNumber: 19 }, __self: this }, "Share Your Writing") : /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "block text-gray-400 hover:text-amber-400 transition-colors", __source: { fileName: "", lineNumber: 462, columnNumber: 19 }, __self: this }, "Join the Club"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "block text-gray-400 hover:text-amber-400 transition-colors", __source: { fileName: "", lineNumber: 469, columnNumber: 17 }, __self: this }, "Send Feedback")))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-800 mt-8 pt-8 text-center text-gray-400", __source: { fileName: "", lineNumber: 478, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 479, columnNumber: 13 }, __self: this }, "© 2025 Arryuts Literature Club. Made with passion for words."))))); }