function MainComponent() { const [url, setUrl] = useState(""); const [analyzing, setAnalyzing] = useState(false); const [currentAnalysis, setCurrentAnalysis] = useState(null); const [error, setError] = useState(null); const [streamingLoading, setStreamingLoading] = useState({}); const [topMovies, setTopMovies] = useState([]); const setupGoogleAnalytics = ()=>{ const gaScript1 = document.createElement("script"); gaScript1.async = true; gaScript1.src = "https://www.googletagmanager.com/gtag/js?id=G-KLQ8W9WZF4"; const gaScript2 = document.createElement("script"); gaScript2.textContent = ` window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KLQ8W9WZF4'); `; document.head.appendChild(gaScript1); document.head.appendChild(gaScript2); return ()=>{ document.head.removeChild(gaScript1); document.head.removeChild(gaScript2); }; }; const [theaterMovies, setTheaterMovies] = useState([]); const [theaterMoviesError, setTheaterMoviesError] = useState(null); useEffect(()=>{ const head = document.head; const meta = document.createElement("meta"); meta.name = "fo-verify"; meta.content = "46ff15d5-e2d1-4bb0-a4e3-7c7d5a0f67c2"; head.appendChild(meta); return ()=>{ if (head && meta) { head.removeChild(meta); } }; }, []); useEffect(()=>{ const head = document.head; const script = document.createElement("script"); script.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2802463134136228"; script.async = true; script.crossOrigin = "anonymous"; head.appendChild(script); script.onload = ()=>{ try { if (window.adsbygoogle) { window.adsbygoogle.push({}); } } catch (err) { console.error("AdSense error:", err); } }; const cleanupGA = setupGoogleAnalytics(); return ()=>{ if (head && script) { head.removeChild(script); } cleanupGA(); }; }, []); useEffect(()=>{ const path = window.location.pathname; if (path.length > 1) { try { const encodedUrl = path.substring(1); const videoUrl = decodeURIComponent(encodedUrl); if (videoUrl.includes("youtube.com") || videoUrl.includes("youtu.be")) { setUrl(videoUrl); setTimeout(()=>analyzeClip(videoUrl), 100); } } catch (e) { console.error("Error processing URL from path:", e); } } }, []); useEffect(()=>{ const fetchTopMovies = async ()=>{ try { const response = await fetch("/api/get-top-movies", { method: "POST" }); if (!response.ok) { throw new Error("Failed to fetch top movies"); } const data = await response.json(); if (data.success && data.movies) { setTopMovies(data.movies); } } catch (error) { console.error("Error fetching top movies:", error); } }; fetchTopMovies(); }, []); useEffect(()=>{ const fetchTheaterMovies = async ()=>{ try { const response = await fetch("/api/get-movies-in-theaters", { method: "POST" }); if (!response.ok) throw new Error("Failed to fetch movies"); const data = await response.json(); console.log("Movies data received:", data); if (data.success && data.movies) { setTheaterMovies(data.movies); } else { setTheaterMoviesError(data.error || "Failed to load movies"); } } catch (error) { console.error("Error fetching theater movies:", error); setTheaterMoviesError("Failed to load movies"); } }; fetchTheaterMovies(); }, []); const checkStreamingStatus = async (clipId, title)=>{ if (!clipId || !title || streamingLoading[clipId]) return; setStreamingLoading((prev)=>({ ...prev, [clipId]: true })); try { const response = await fetch("/api/clips/update-streaming", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ clipId, title }) }); if (!response.ok) return; const data = await response.json(); if (data?.success && data?.services?.length > 0) { setCurrentAnalysis((prev)=>({ ...prev, streaming_services: data.services })); } } catch (e) { console.error("Error checking streaming status:", e); } finally{ setStreamingLoading((prev)=>({ ...prev, [clipId]: false })); } }; const analyzeClip = async (urlToAnalyze)=>{ const videoUrl = urlToAnalyze || url; if (!videoUrl) return; setError(null); setAnalyzing(true); setCurrentAnalysis(null); try { if (!videoUrl.includes("youtube.com") && !videoUrl.includes("youtu.be")) { throw new Error("Please provide a valid YouTube URL"); } const newPath = "/" + encodeURIComponent(videoUrl); window.history.pushState({}, "", newPath); const response = await fetch("/api/clips/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: videoUrl }) }); if (!response.ok) { throw new Error(`Failed to analyze clip: ${await response.text()}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } if (data.status === "LOW_CONFIDENCE") { setError(`Not completely sure, but this might be ${data.clip?.source_title}. ${data.clip?.reasoning || ""}`); } if (data.clip) { setCurrentAnalysis(data.clip); setTimeout(()=>checkStreamingStatus(data.clip.id, data.clip.source_title), 2000); } setUrl(""); } catch (err) { setError(err.message || "Failed to analyze clip. Please try again."); } finally{ setAnalyzing(false); } }; const renderAnalysis = (clip)=>{ let streamingServices = []; try { streamingServices = Array.isArray(clip.streaming_services) ? clip.streaming_services : []; } catch (err) { console.error("Error parsing streaming services:", err); streamingServices = []; } let identifiedElements = []; try { identifiedElements = typeof clip.identified_elements === "string" ? JSON.parse(clip.identified_elements) : clip.identified_elements || []; } catch (err) { identifiedElements = []; } return /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-white/5 p-8 rounded-2xl border border-white/10 shadow-2xl", __source: { fileName: "", lineNumber: 239, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-8", __source: { fileName: "", lineNumber: 240, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-64 h-48 md:h-auto relative rounded-xl overflow-hidden", __source: { fileName: "", lineNumber: 241, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: clip.url, alt: `Scene from ${clip.source_title || "Unidentified content"}`, className: "w-full h-full object-cover", onError: (e)=>{ e.target.src = "https://placehold.co/384x216?text=No+Preview"; }, __source: { fileName: "", lineNumber: 242, columnNumber: 13 }, __self: this }), clip.confidence && /*#__PURE__*/ React.createElement("div", { className: `absolute top-3 right-3 px-3 py-1 rounded-full text-xs font-medium ${clip.confidence === "high" ? "bg-green-500/20 text-green-300 border border-green-500/30" : clip.confidence === "medium" ? "bg-yellow-500/20 text-yellow-300 border border-yellow-500/30" : "bg-red-500/20 text-red-300 border border-red-500/30"}`, __source: { fileName: "", lineNumber: 251, columnNumber: 15 }, __self: this }, clip.confidence, " confidence")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 space-y-6", __source: { fileName: "", lineNumber: 265, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-3", __source: { fileName: "", lineNumber: 266, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 267, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 268, columnNumber: 17 }, __self: this }, clip.source_title || "Content not identified"), clip.description && /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm leading-relaxed", __source: { fileName: "", lineNumber: 272, columnNumber: 19 }, __self: this }, clip.description)), clip.reasoning && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-blue-500/10 rounded-xl border border-blue-500/20", __source: { fileName: "", lineNumber: 279, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-blue-300", __source: { fileName: "", lineNumber: 280, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 281, columnNumber: 21 }, __self: this }, "Analysis:"), " ", clip.reasoning)), (clip.season || clip.episode) && /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }, clip.season && `Season ${clip.season}`, clip.season && clip.episode && " • ", clip.episode && `Episode ${clip.episode}`), identifiedElements.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 296, columnNumber: 17 }, __self: this }, identifiedElements.map((element, idx)=>/*#__PURE__*/ React.createElement("span", { key: idx, className: "text-xs px-2 py-1 rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-100", __source: { fileName: "", lineNumber: 298, columnNumber: 21 }, __self: this }, element))), /*#__PURE__*/ React.createElement("div", { className: "pt-6 border-t border-white/10", __source: { fileName: "", lineNumber: 308, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-white mb-3", __source: { fileName: "", lineNumber: 309, columnNumber: 17 }, __self: this }, "Available on:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 312, columnNumber: 17 }, __self: this }, streamingLoading[clip.id] ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 text-gray-400 bg-white/5 px-4 py-2 rounded-full", __source: { fileName: "", lineNumber: 314, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 315, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 316, columnNumber: 23 }, __self: this }, "Finding streaming services...")) : streamingServices.length > 0 ? streamingServices.map((service, idx)=>/*#__PURE__*/ React.createElement("a", { key: idx, href: service.url, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 px-4 py-2 bg-white/5 hover:bg-white/10 text-white rounded-full transition-all group", __source: { fileName: "", lineNumber: 320, columnNumber: 23 }, __self: this }, service.icon && /*#__PURE__*/ React.createElement("img", { src: service.icon, alt: `${service.name} icon`, className: "w-5 h-5 object-contain", __source: { fileName: "", lineNumber: 328, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 334, columnNumber: 25 }, __self: this }, "Watch on ", service.name), /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt text-xs opacity-50 group-hover:opacity-100", __source: { fileName: "", lineNumber: 335, columnNumber: 25 }, __self: this }))) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 text-gray-400 bg-white/5 px-4 py-2 rounded-full", __source: { fileName: "", lineNumber: 339, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-video-slash", __source: { fileName: "", lineNumber: 340, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 341, columnNumber: 23 }, __self: this }, "No streaming services found")))))))); }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("meta", { name: "fo-verify", content: "46ff15d5-e2d1-4bb0-a4e3-7c7d5a0f67c2", __source: { fileName: "", lineNumber: 355, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-gray-900 to-gray-800 p-4 md:p-8", __source: { fileName: "", lineNumber: 356, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 357, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 358, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-white mb-4 font-sans tracking-tight", __source: { fileName: "", lineNumber: 359, columnNumber: 11 }, __self: this }, "E-Clipss"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300 font-light", __source: { fileName: "", lineNumber: 362, columnNumber: 11 }, __self: this }, "Find Your Favorite Shows & Movies from Video Clips")), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-red-500/10 border border-red-500/20 rounded-xl backdrop-blur-sm", __source: { fileName: "", lineNumber: 368, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-red-400 text-center", __source: { fileName: "", lineNumber: 369, columnNumber: 13 }, __self: this }, typeof error === "string" ? error : "Something went wrong. Please try again.")), /*#__PURE__*/ React.createElement("div", { className: "mb-12 backdrop-blur-sm bg-white/5 p-8 rounded-2xl border border-white/10 shadow-2xl", __source: { fileName: "", lineNumber: 377, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-6 text-center", __source: { fileName: "", lineNumber: 378, columnNumber: 11 }, __self: this }, "Paste a YouTube video URL (regular or Shorts) and let our AI identify the show or movie"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 382, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", name: "videoUrl", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "Paste your YouTube URL here...", className: "flex-1 px-6 py-4 rounded-xl border border-white/10 bg-white/5 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500/50 transition-all", __source: { fileName: "", lineNumber: 383, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>analyzeClip(), disabled: analyzing || !url, className: "px-8 py-4 bg-gradient-to-r from-blue-600 to-blue-500 text-white rounded-xl font-medium hover:from-blue-500 hover:to-blue-400 transition-all disabled:opacity-50 disabled:cursor-not-allowed shadow-lg shadow-blue-500/20", __source: { fileName: "", lineNumber: 391, columnNumber: 13 }, __self: this }, analyzing ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 397, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 398, columnNumber: 19 }, __self: this }), "Analyzing...") : "Analyze Clip"))), currentAnalysis && /*#__PURE__*/ React.createElement("div", { className: "mb-8 animate-fadeIn", __source: { fileName: "", lineNumber: 409, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6 flex items-center gap-3", __source: { fileName: "", lineNumber: 410, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-film text-blue-400", __source: { fileName: "", lineNumber: 411, columnNumber: 15 }, __self: this }), "Analysis Result"), renderAnalysis(currentAnalysis)), topMovies.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-8 mb-12", __source: { fileName: "", lineNumber: 419, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-8", __source: { fileName: "", lineNumber: 420, columnNumber: 13 }, __self: this }, topMovies.map((movie, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "backdrop-blur-sm bg-white/5 p-4 rounded-xl border border-white/10 shadow-lg", __source: { fileName: "", lineNumber: 422, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-medium", __source: { fileName: "", lineNumber: 426, columnNumber: 19 }, __self: this }, movie.source_title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 429, columnNumber: 19 }, __self: this }, movie.search_count, " searches this week"))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 438, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-center font-bold text-white mb-8", __source: { fileName: "", lineNumber: 439, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play-circle text-blue-400 mr-3", __source: { fileName: "", lineNumber: 440, columnNumber: 13 }, __self: this }), "Discover Streaming Services"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-6 flex-wrap mb-12", __source: { fileName: "", lineNumber: 444, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://amzn.to/4jeQ0PE", target: "_blank", rel: "noopener noreferrer", className: "backdrop-blur-sm bg-white/5 px-6 py-3 rounded-xl border border-white/10 shadow-lg hover:bg-white/10 transition-all group flex items-center gap-3", __source: { fileName: "", lineNumber: 445, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://m.media-amazon.com/images/G/01/digital/video/acquisition/amazon_video_light._SY32_FMpng_.png", alt: "Amazon Prime Video", className: "h-6 object-contain", __source: { fileName: "", lineNumber: 451, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 456, columnNumber: 15 }, __self: this }, "Prime Video")), /*#__PURE__*/ React.createElement("a", { href: "https://www.netflix.com", target: "_blank", rel: "noopener noreferrer", className: "backdrop-blur-sm bg-white/5 px-6 py-3 rounded-xl border border-white/10 shadow-lg hover:bg-white/10 transition-all group flex items-center gap-3", __source: { fileName: "", lineNumber: 459, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://assets.nflxext.com/us/ffe/siteui/common/icons/nficon2016.png", alt: "Netflix", className: "h-6 object-contain", __source: { fileName: "", lineNumber: 465, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 470, columnNumber: 15 }, __self: this }, "Netflix")), /*#__PURE__*/ React.createElement("a", { href: "https://www.hulu.com", target: "_blank", rel: "noopener noreferrer", className: "backdrop-blur-sm bg-white/5 px-6 py-3 rounded-xl border border-white/10 shadow-lg hover:bg-white/10 transition-all group flex items-center gap-3", __source: { fileName: "", lineNumber: 473, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { style: { color: '#1CE783', fontFamily: 'Graphik,Helvetica,Arial,sans-serif', fontWeight: '800' }, __source: { fileName: "", lineNumber: 479, columnNumber: 15 }, __self: this }, "HULU")))), theaterMovies.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-12 mb-12", __source: { fileName: "", lineNumber: 489, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-center font-bold text-white mb-8", __source: { fileName: "", lineNumber: 490, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-film text-blue-400 mr-3", __source: { fileName: "", lineNumber: 491, columnNumber: 15 }, __self: this }), "Now Playing in Theaters"), theaterMoviesError ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-red-400", __source: { fileName: "", lineNumber: 495, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 496, columnNumber: 17 }, __self: this }, theaterMoviesError)) : theaterMovies.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-6 flex-wrap", __source: { fileName: "", lineNumber: 499, columnNumber: 15 }, __self: this }, theaterMovies.map((movie, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "backdrop-blur-sm bg-white/5 p-6 rounded-xl border border-white/10 shadow-lg w-64", __source: { fileName: "", lineNumber: 501, columnNumber: 19 }, __self: this }, movie.posterPath && /*#__PURE__*/ React.createElement("div", { className: "w-full h-80 mb-4 rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 506, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: `https://image.tmdb.org/t/p/w500${movie.posterPath}`, alt: movie.title, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 507, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-white font-medium text-lg mb-2", __source: { fileName: "", lineNumber: 514, columnNumber: 21 }, __self: this }, movie.imdbId ? /*#__PURE__*/ React.createElement("a", { href: `https://www.imdb.com/title/${movie.imdbId}`, target: "_blank", rel: "noopener noreferrer", className: "hover:text-blue-400 transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 516, columnNumber: 25 }, __self: this }, movie.title, /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt text-xs opacity-50", __source: { fileName: "", lineNumber: 523, columnNumber: 27 }, __self: this })) : movie.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 529, columnNumber: 21 }, __self: this }, "Released:", " ", new Date(movie.releaseDate).toLocaleDateString()), /*#__PURE__*/ React.createElement("div", { className: "mt-3 flex items-center gap-2 text-yellow-400", __source: { fileName: "", lineNumber: 533, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star", __source: { fileName: "", lineNumber: 534, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 535, columnNumber: 23 }, __self: this }, movie.voteAverage.toFixed(1), "/10"))))) : /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400", __source: { fileName: "", lineNumber: 541, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 542, columnNumber: 17 }, __self: this }, "Loading movies..."))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-8", __source: { fileName: "", lineNumber: 548, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about-us", className: "text-blue-400 hover:text-blue-300 transition-colors text-sm flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 549, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 553, columnNumber: 13 }, __self: this }, "Learn more about E-Clipss"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right text-xs", __source: { fileName: "", lineNumber: 554, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 pt-8 border-t border-white/10 text-center", __source: { fileName: "", lineNumber: 557, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/legal", className: "text-gray-400 hover:text-blue-400 transition-colors text-sm", __source: { fileName: "", lineNumber: 558, columnNumber: 11 }, __self: this }, "Terms, conditions, and privacy policy"))))); }