"use client"; function MainComponent() { const [newsArticles, setNewsArticles] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [activeCategory, setActiveCategory] = useState("all"); const [searchQuery, setSearchQuery] = useState(""); const [timeframe, setTimeframe] = useState("week"); const [viewMode, setViewMode] = useState("grid"); const [apiDebugInfo, setApiDebugInfo] = useState(null); const [retryCount, setRetryCount] = useState(0); const { data: user } = useUser(); const { signOut } = useAuth(); const categories = [ { id: "all", name: "ALL NEWS" }, { id: "uap", name: "UAP SIGHTINGS" }, { id: "government", name: "GOVERNMENT" }, { id: "science", name: "SCIENTIFIC RESEARCH" }, { id: "space", name: "SPACE" } ]; const timeframes = [ { id: "day", name: "24 HOURS" }, { id: "week", name: "WEEK" }, { id: "month", name: "MONTH" }, { id: "year", name: "YEAR" } ]; const fetchNews = async ()=>{ setLoading(true); setError(null); setApiDebugInfo(null); try { console.log("Fetching news with params:", { category: activeCategory, timeframe: timeframe, query: searchQuery }); const response = await fetch("/api/fetch-latest-news", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ category: activeCategory, timeframe: timeframe, query: searchQuery }) }); if (!response.ok) { throw new Error(`Server responded with status: ${response.status} ${response.statusText}`); } const data = await response.json(); console.log("API response:", data); setApiDebugInfo(data); if (!data.success) { console.error("Error in API response:", data.error); setError(data.error || "Failed to fetch news"); setNewsArticles([]); } else { setNewsArticles(data.newsArticles || []); if (data.newsArticles?.length === 0) { console.log("No news articles returned from API"); } } } catch (error) { console.error("Error fetching news:", error); setError(`Error connecting to the server: ${error.message}`); setNewsArticles([]); } finally{ setLoading(false); } }; const retryFetchNews = ()=>{ setRetryCount((prev)=>prev + 1); fetchNews(); }; useEffect(()=>{ fetchNews(); }, [ activeCategory, timeframe ]); useEffect(()=>{ const preconnect = document.createElement("link"); preconnect.rel = "preconnect"; preconnect.href = "https://cdnjs.cloudflare.com"; document.head.appendChild(preconnect); }, []); useEffect(()=>{ if (!document.getElementById("font-awesome-css")) { const link = document.createElement("link"); link.id = "font-awesome-css"; link.rel = "stylesheet"; link.href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"; link.integrity = "sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="; link.crossOrigin = "anonymous"; link.referrerPolicy = "no-referrer"; document.head.appendChild(link); } }, []); useEffect(()=>{ const orbitronFont = document.createElement("link"); orbitronFont.rel = "stylesheet"; orbitronFont.href = "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap"; document.head.appendChild(orbitronFont); }, []); const handleSearch = (e)=>{ e.preventDefault(); fetchNews(); }; const formatDate = (dateString)=>{ const options = { year: "numeric", month: "short", day: "numeric" }; return new Date(dateString).toLocaleDateString(undefined, options); }; const getFallbackImage = (category)=>{ const fallbackImages = { uap: "https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80", government: "https://images.unsplash.com/photo-1523292562811-8fa7962a78c8?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80", science: "https://images.unsplash.com/photo-1507413245164-6160d8298b31?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80", space: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80", default: "https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" }; return fallbackImages[category] || fallbackImages.default; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white font-orbitron", __source: { fileName: "", lineNumber: 150, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "border-b border-white glow-effect-white py-6", __source: { fileName: "", lineNumber: 151, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 152, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl mb-4 md:mb-0 glow-text-white flex items-center", __source: { fileName: "", lineNumber: 154, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-newspaper mr-3 text-white glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 155, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, "A²F NEWS")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, user && /*#__PURE__*/ React.createElement("div", { className: "text-white text-sm mr-4 filter drop-shadow-[0_0_8px_rgba(255,255,255,0.6)] glow-text-white", __source: { fileName: "", lineNumber: 163, columnNumber: 17 }, __self: this }, "WELCOME, ", user.name || user.email.split("@")[0].toUpperCase()), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-wrap justify-center gap-4 md:gap-6", __source: { fileName: "", lineNumber: 168, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 169, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#4a9fff] hover:text-[#a78bfa] hover:glow-text-purple transition-all", __source: { fileName: "", lineNumber: 170, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-house mr-2 glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 174, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 178, columnNumber: 23 }, __self: this }, "HOME"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 181, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/map", className: "text-[#4a9fff] hover:text-[#a78bfa] hover:glow-text-purple transition-all", __source: { fileName: "", lineNumber: 182, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-location-dot mr-2 glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 186, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 190, columnNumber: 23 }, __self: this }, "MAP"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 193, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/news-media", className: "text-[#a78bfa] hover:text-[#a78bfa] hover:glow-text-purple transition-all font-bold border-b border-[#a78bfa] glow-effect-purple", __source: { fileName: "", lineNumber: 194, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-newspaper mr-2 glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 198, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 202, columnNumber: 23 }, __self: this }, "NEWS"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 205, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/report", className: "text-[#4a9fff] hover:text-[#a78bfa] hover:glow-text-purple transition-all", __source: { fileName: "", lineNumber: 206, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-file-lines mr-2 glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 210, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 214, columnNumber: 23 }, __self: this }, "REPORT"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 217, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/radar", className: "text-[#4a9fff] hover:text-[#a78bfa] hover:glow-text-purple transition-all", __source: { fileName: "", lineNumber: 218, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-satellite-dish mr-2 glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 222, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 226, columnNumber: 23 }, __self: this }, "FLIGHT RADAR"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 229, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/chat", className: "text-[#4a9fff] hover:text-[#a78bfa] hover:glow-text-purple transition-all", __source: { fileName: "", lineNumber: 230, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-comments mr-2 glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 234, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 238, columnNumber: 23 }, __self: this }, "CHAT"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 241, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/settings", className: "text-[#4a9fff] hover:text-[#a78bfa] hover:glow-text-purple transition-all", __source: { fileName: "", lineNumber: 242, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-gear mr-2 glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 246, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 250, columnNumber: 23 }, __self: this }, "SETTINGS"))), user && /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 254, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: async ()=>{ await signOut({ callbackUrl: "/", redirect: true }); }, className: "text-[#4a9fff] hover:text-[#a78bfa] hover:glow-text-purple transition-all", __source: { fileName: "", lineNumber: 255, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-sign-out-alt mr-2 glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 264, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 268, columnNumber: 25 }, __self: this }, "SIGN OUT"))))))))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 279, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 border border-white rounded-lg p-6 glow-effect-white", __source: { fileName: "", lineNumber: 280, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center mb-6", __source: { fileName: "", lineNumber: 281, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 md:mb-0 w-full md:w-auto", __source: { fileName: "", lineNumber: 282, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSearch, className: "flex", __source: { fileName: "", lineNumber: 283, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative flex-grow", __source: { fileName: "", lineNumber: 284, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "SEARCH ARTICLES...", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), className: "w-full bg-black border border-white rounded-md px-4 py-2 pr-10 focus:outline-none focus:border-[#a78bfa] focus:glow-effect-purple glow-effect-white", name: "search", __source: { fileName: "", lineNumber: 285, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "absolute right-2 top-1/2 transform -translate-y-1/2", __source: { fileName: "", lineNumber: 293, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-magnifying-glass text-white glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 297, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "sr-only", __source: { fileName: "", lineNumber: 301, columnNumber: 21 }, __self: this }, "Search"))))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 306, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setViewMode("grid"), className: `p-2 border ${viewMode === "grid" ? "border-[#a78bfa] bg-[#a78bfa]/10 glow-effect-purple" : "border-white glow-effect-white"} rounded-md`, __source: { fileName: "", lineNumber: 307, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-table-cells-large text-white glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 311, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "sr-only", __source: { fileName: "", lineNumber: 315, columnNumber: 17 }, __self: this }, "Grid View")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setViewMode("list"), className: `p-2 border ${viewMode === "list" ? "border-[#a78bfa] bg-[#a78bfa]/10 glow-effect-purple" : "border-white glow-effect-white"} rounded-md`, __source: { fileName: "", lineNumber: 317, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-list text-white glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 321, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "sr-only", __source: { fileName: "", lineNumber: 325, columnNumber: 17 }, __self: this }, "List View")))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 mb-6", __source: { fileName: "", lineNumber: 330, columnNumber: 11 }, __self: this }, categories.map((category)=>/*#__PURE__*/ React.createElement("button", { key: category.id, onClick: ()=>setActiveCategory(category.id), className: `px-4 py-2 border rounded-md ${activeCategory === category.id ? "border-[#a78bfa] bg-[#a78bfa]/20 text-[#a78bfa] glow-effect-purple" : "border-white bg-black text-white glow-effect-white"} hover:border-[#a78bfa] hover:text-[#a78bfa] hover:glow-effect-purple transition-all`, __source: { fileName: "", lineNumber: 332, columnNumber: 15 }, __self: this }, category.name))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 346, columnNumber: 11 }, __self: this }, timeframes.map((tf)=>/*#__PURE__*/ React.createElement("button", { key: tf.id, onClick: ()=>setTimeframe(tf.id), className: `px-4 py-2 border rounded-md ${timeframe === tf.id ? "border-[#a78bfa] bg-[#a78bfa]/20 text-[#a78bfa] glow-effect-purple" : "border-white bg-black text-white glow-effect-white"} hover:border-[#a78bfa] hover:text-[#a78bfa] hover:glow-effect-purple transition-all`, __source: { fileName: "", lineNumber: 348, columnNumber: 15 }, __self: this }, tf.name)))), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center py-16", __source: { fileName: "", lineNumber: 364, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 border-3 border-white rounded-full border-t-2 border-b-2 animate-spin mb-6 glow-effect-white", __source: { fileName: "", lineNumber: 365, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-white text-lg glow-text-white", __source: { fileName: "", lineNumber: 366, columnNumber: 13 }, __self: this }, "SCANNING FREQUENCIES FOR LATEST REPORTS...")) : error ? /*#__PURE__*/ React.createElement("div", { className: "border border-white rounded-lg p-8 text-center glow-effect-white", __source: { fileName: "", lineNumber: 371, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-6", __source: { fileName: "", lineNumber: 372, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 rounded-full bg-[#ff3b30] flex items-center justify-center text-white text-2xl font-bold glow-effect-white", __source: { fileName: "", lineNumber: 373, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-exclamation text-white glow-text-white", "aria-hidden": "true", __source: { fileName: "", lineNumber: 374, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "sr-only", __source: { fileName: "", lineNumber: 378, columnNumber: 17 }, __self: this }, "Error"))), /*#__PURE__*/ React.createElement("p", { className: "text-white text-lg mb-6 glow-text-white", __source: { fileName: "", lineNumber: 381, columnNumber: 13 }, __self: this }, "COMMUNICATION DISRUPTED: ", error), /*#__PURE__*/ React.createElement("button", { onClick: retryFetchNews, className: "px-6 py-3 border border-[#a78bfa] rounded-md glow-effect-purple hover:bg-[#a78bfa]/20 bg-transparent cursor-pointer text-[#a78bfa]", __source: { fileName: "", lineNumber: 384, columnNumber: 13 }, __self: this }, "RETRY CONNECTION"), apiDebugInfo && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-left text-xs border border-white p-3 rounded-md glow-effect-white", __source: { fileName: "", lineNumber: 391, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "glow-text-white", __source: { fileName: "", lineNumber: 392, columnNumber: 17 }, __self: this }, "DEBUG INFO:"), /*#__PURE__*/ React.createElement("pre", { className: "overflow-auto max-h-[200px]", __source: { fileName: "", lineNumber: 393, columnNumber: 17 }, __self: this }, JSON.stringify(apiDebugInfo, null, 2)))) : newsArticles.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "border border-white rounded-lg p-8 text-center glow-effect-white", __source: { fileName: "", lineNumber: 400, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white text-lg glow-text-white", __source: { fileName: "", lineNumber: 401, columnNumber: 13 }, __self: this }, "NO REPORTS AVAILABLE MATCHING YOUR CRITERIA. ADJUST PARAMETERS AND TRY AGAIN.")) : viewMode === "grid" ? /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 407, columnNumber: 11 }, __self: this }, newsArticles.map((article, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border border-white rounded-lg overflow-hidden glow-effect-white hover:border-[#a78bfa] hover:glow-effect-purple transition-all duration-300 transform hover:-translate-y-1", __source: { fileName: "", lineNumber: 409, columnNumber: 15 }, __self: this }, article.imageUrl ? /*#__PURE__*/ React.createElement("div", { className: "h-48 overflow-hidden", __source: { fileName: "", lineNumber: 414, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: article.imageUrl, alt: `News image for ${article.title}`, className: "w-full h-full object-cover", onError: (e)=>{ e.target.src = getFallbackImage(article.category); }, __source: { fileName: "", lineNumber: 415, columnNumber: 21 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "h-48 overflow-hidden bg-gray-900 flex items-center justify-center", __source: { fileName: "", lineNumber: 425, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: getFallbackImage(article.category), alt: `Fallback image for ${article.title}`, className: "w-full h-full object-cover opacity-70", __source: { fileName: "", lineNumber: 426, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 433, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg mb-2 text-white glow-text-white", __source: { fileName: "", lineNumber: 434, columnNumber: 19 }, __self: this }, article.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-300 mb-4 line-clamp-3", __source: { fileName: "", lineNumber: 437, columnNumber: 19 }, __self: this }, article.summary), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 440, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 441, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 442, columnNumber: 23 }, __self: this }, article.source), /*#__PURE__*/ React.createElement("span", { className: "mx-2", __source: { fileName: "", lineNumber: 443, columnNumber: 23 }, __self: this }, "•"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 444, columnNumber: 23 }, __self: this }, article.date ? formatDate(article.date) : "Unknown date")), /*#__PURE__*/ React.createElement("a", { href: article.url, target: "_blank", rel: "noopener noreferrer", className: "text-xs border border-[#a78bfa] text-[#a78bfa] rounded-md px-3 py-1.5 glow-effect-purple hover:bg-[#a78bfa]/20", __source: { fileName: "", lineNumber: 450, columnNumber: 21 }, __self: this }, "READ FULL REPORT")))))) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 464, columnNumber: 11 }, __self: this }, newsArticles.map((article, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border border-white rounded-lg overflow-hidden glow-effect-white hover:border-[#a78bfa] hover:glow-effect-purple transition-all duration-300", __source: { fileName: "", lineNumber: 466, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row", __source: { fileName: "", lineNumber: 470, columnNumber: 17 }, __self: this }, article.imageUrl ? /*#__PURE__*/ React.createElement("div", { className: "md:w-1/4 h-48 md:h-auto overflow-hidden", __source: { fileName: "", lineNumber: 472, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: article.imageUrl, alt: `News image for ${article.title}`, className: "w-full h-full object-cover", onError: (e)=>{ e.target.src = getFallbackImage(article.category); }, __source: { fileName: "", lineNumber: 473, columnNumber: 23 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "md:w-1/4 h-48 md:h-auto overflow-hidden bg-gray-900 flex items-center justify-center", __source: { fileName: "", lineNumber: 483, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: getFallbackImage(article.category), alt: `Fallback image for ${article.title}`, className: "w-full h-full object-cover opacity-70", __source: { fileName: "", lineNumber: 484, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 md:w-3/4", __source: { fileName: "", lineNumber: 491, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg mb-2 text-white glow-text-white", __source: { fileName: "", lineNumber: 492, columnNumber: 21 }, __self: this }, article.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-300 mb-4", __source: { fileName: "", lineNumber: 495, columnNumber: 21 }, __self: this }, article.summary), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 498, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 499, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 500, columnNumber: 25 }, __self: this }, article.source), /*#__PURE__*/ React.createElement("span", { className: "mx-2", __source: { fileName: "", lineNumber: 501, columnNumber: 25 }, __self: this }, "•"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 502, columnNumber: 25 }, __self: this }, article.date ? formatDate(article.date) : "Unknown date")), /*#__PURE__*/ React.createElement("a", { href: article.url, target: "_blank", rel: "noopener noreferrer", className: "text-xs border border-[#a78bfa] text-[#a78bfa] rounded-md px-3 py-1.5 glow-effect-purple hover:bg-[#a78bfa]/20", __source: { fileName: "", lineNumber: 508, columnNumber: 23 }, __self: this }, "READ FULL REPORT"))))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center", __source: { fileName: "", lineNumber: 524, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/news-media", className: "inline-block py-3 px-6 bg-black text-white border border-white rounded-md transition-all duration-300 glow-effect-white hover:border-[#a78bfa] hover:text-[#a78bfa] hover:glow-effect-purple font-orbitron", __source: { fileName: "", lineNumber: 525, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-newspaper mr-2 text-white glow-text-white", __source: { fileName: "", lineNumber: 529, columnNumber: 13 }, __self: this }), " VIEW ALL NEWS"))), /*#__PURE__*/ React.createElement("footer", { className: "border-t border-white glow-effect-white py-6 mt-12", __source: { fileName: "", lineNumber: 534, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-center", __source: { fileName: "", lineNumber: 535, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white glow-text-white", __source: { fileName: "", lineNumber: 536, columnNumber: 11 }, __self: this }, "© 2025 AERIAL ALLIANCE FILES • ALL RIGHTS RESERVED"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 539, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/news-media", className: "text-white hover:text-[#a78bfa] hover:glow-text-purple transition-all font-orbitron text-sm", __source: { fileName: "", lineNumber: 540, columnNumber: 13 }, __self: this }, "SEE MORE NEWS ", /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-chevron-right text-white glow-text-white", __source: { fileName: "", lineNumber: 544, columnNumber: 29 }, __self: this }))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 550, columnNumber: 7 }, __self: this }, ` @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap'); * { font-family: 'Orbitron', sans-serif !important; } .glow-text-white { text-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 0 0 20px rgba(255, 255, 255, 0.5); } .glow-text-blue { text-shadow: 0 0 10px rgba(74, 159, 255, 0.7), 0 0 20px rgba(74, 159, 255, 0.5); } .glow-text-purple { text-shadow: 0 0 10px rgba(167, 139, 250, 0.7), 0 0 20px rgba(167, 139, 250, 0.5); } .glow-text-intense { text-shadow: 0 0 15px rgba(255, 255, 255, 0.9), 0 0 30px rgba(255, 255, 255, 0.7); } .glow-effect-white { box-shadow: 0 0 5px rgba(255, 255, 255, 0.5), 0 0 10px rgba(255, 255, 255, 0.3); } .glow-effect-blue { box-shadow: 0 0 5px rgba(74, 159, 255, 0.5), 0 0 10px rgba(74, 159, 255, 0.3); } .glow-effect-purple { box-shadow: 0 0 5px rgba(167, 139, 250, 0.5), 0 0 10px rgba(167, 139, 250, 0.3); } .glow-effect-intense { box-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 0 0 20px rgba(255, 255, 255, 0.5); } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .fa-solid { color: white; text-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 0 0 20px rgba(255, 255, 255, 0.5); } .fa-solid.fa-newspaper::before { content: "📰"; } .fa-solid.fa-house::before { content: "🏠"; } .fa-solid.fa-location-dot::before { content: "📍"; } .fa-solid.fa-file-lines::before { content: "📄"; } .fa-solid.fa-satellite-dish::before { content: "📡"; } .fa-solid.fa-comments::before { content: "💬"; } .fa-solid.fa-gear::before { content: "⚙️"; } .fa-solid.fa-sign-out-alt::before { content: "🚪"; } .fa-solid.fa-magnifying-glass::before { content: "🔍"; } .fa-solid.fa-table-cells-large::before { content: "▦"; } .fa-solid.fa-list::before { content: "≡"; } .fa-solid.fa-exclamation::before { content: "❗"; } .fa-solid.fa-chevron-right::before { content: "➡️"; } `)); }