function MainComponent() { const [isPlaying, setIsPlaying] = useState(false); const [currentGreeting, setCurrentGreeting] = useState(null); const [greetingProgress, setGreetingProgress] = useState({}); const [currentSong, setCurrentSong] = useState(""); const audioRef = useRef(null); const greetingAudioRef = useRef(null); const progressInterval = useRef(null); const [isHornMode, setIsHornMode] = useState(false); const [showToast, setShowToast] = useState(false); const audioContext = useRef(null); const gainNode = useRef(null); const filterNode = useRef(null); const greetings = [ { text: "Happy Chanukah", audio: "https://static.wixstatic.com/mp3/62836f_c705d20341d648efb06bd2032e9b8508.wav", duration: 2500 }, { text: "Light the Menorah Tonight", audio: "https://static.wixstatic.com/mp3/62836f_d85b796bfcbe49bf89532dbe56cb6a05.wav", duration: 13000 }, { text: "Darkness to Light", audio: "https://static.wixstatic.com/mp3/62836f_2e73d1b2b9434997a9285b22844f181b.mp3", duration: 8000 }, { text: "Joyeux Hanouka 🇫🇷", audio: "https://static.wixstatic.com/mp3/62836f_9e6921863de445a091c3d930e2a12f02.mp3", duration: 9000 }, { text: "Free Menorah 🇮🇱", audio: "https://static.wixstatic.com/mp3/62836f_eaa6c17b93fa4b8fb01bbada327ef3ac.mp3", duration: 9000 }, { text: "Chabad Lubavitch", audio: "https://static.wixstatic.com/mp3/62836f_badc839355134a07a0f7bdcd9cc06928.mp3", duration: 6000 }, { text: "Am Yisrael Chai", audio: "https://static.wixstatic.com/mp3/62836f_a29e7f58ea0d4109ab6d21db9fa45737.mp3", duration: 2000 }, { text: "Get Your Menorah", audio: "https://static.wixstatic.com/mp3/62836f_774052386b754ed692973d1ebd6c7596.mp3", duration: 6000 }, { text: "Felice Hanukkah 🇮🇹", audio: "https://static.wixstatic.com/mp3/62836f_2225a4e143434636b13ea12eed3aa825.wav", duration: 18000 } ]; const starPositions = useMemo(()=>{ return Array.from({ length: 200 }).map(()=>({ left: `${Math.random() * 100}%`, top: `${Math.random() * 100}%`, size: Math.random() * 2 + 1, delay: Math.random() * 3, duration: 3 + Math.random() * 4, opacity: Math.random() * 0.3 + 0.1 })); }, []); useEffect(()=>{ const fetchCurrentSong = async ()=>{ try { const response = await fetch("http://centova32.instainternet.com:8091/currentsong?sid=1"); const data = await response.text(); setCurrentSong(data); } catch (error) { console.error("Error fetching current song:", error); } }; if (isPlaying) { fetchCurrentSong(); const interval = setInterval(fetchCurrentSong, 5000); return ()=>clearInterval(interval); } }, [ isPlaying ]); useEffect(()=>{ const setupAudio = ()=>{ if (audioRef.current) { audioRef.current.setAttribute("playsinline", "true"); audioRef.current.volume = 1; audioRef.current.preload = "auto"; audioRef.current.autoplay = false; // Initialize Web Audio API only if not already initialized if (!audioContext.current) { audioContext.current = new (window.AudioContext || window.webkitAudioContext)(); const source = audioContext.current.createMediaElementSource(audioRef.current); // Create gain node gainNode.current = audioContext.current.createGain(); gainNode.current.gain.value = 1.5; // Create equalizer bands const bands = [ { freq: 0, gain: isHornMode ? -12 : 0 }, { freq: 60, gain: isHornMode ? -12 : 0 }, { freq: 170, gain: isHornMode ? -12 : 0 }, { freq: 310, gain: isHornMode ? -12 : 0 }, { freq: 600, gain: isHornMode ? -6 : 0 }, { freq: 1000, gain: isHornMode ? 0 : 0 }, { freq: 3000, gain: isHornMode ? 3 : 0 }, { freq: 6000, gain: isHornMode ? 6 : 0 }, { freq: 12000, gain: isHornMode ? 8 : 0 }, { freq: 14000, gain: isHornMode ? 8 : 0 }, { freq: 16000, gain: isHornMode ? 8 : 0 } ]; const filters = bands.map((band)=>{ const filter = audioContext.current.createBiquadFilter(); if (band.freq === 0) { filter.type = "lowshelf"; filter.frequency.value = 60; } else if (band.freq === 16000) { filter.type = "highshelf"; filter.frequency.value = band.freq; } else { filter.type = "peaking"; filter.frequency.value = band.freq; filter.Q.value = 1; } filter.gain.value = band.gain; return filter; }); // Connect nodes let chain = source; filters.forEach((filter)=>{ chain = chain.connect(filter); }); chain.connect(gainNode.current).connect(audioContext.current.destination); // Store filters for later updates filterNode.current = filters; } // Update filter values when horn mode changes if (filterNode.current) { const time = audioContext.current.currentTime; const bands = [ { freq: 0, gain: isHornMode ? -12 : 0 }, { freq: 60, gain: isHornMode ? -12 : 0 }, { freq: 170, gain: isHornMode ? -12 : 0 }, { freq: 310, gain: isHornMode ? -12 : 0 }, { freq: 600, gain: isHornMode ? -6 : 0 }, { freq: 1000, gain: isHornMode ? 0 : 0 }, { freq: 3000, gain: isHornMode ? 3 : 0 }, { freq: 6000, gain: isHornMode ? 6 : 0 }, { freq: 12000, gain: isHornMode ? 8 : 0 }, { freq: 14000, gain: isHornMode ? 8 : 0 }, { freq: 16000, gain: isHornMode ? 8 : 0 } ]; filterNode.current.forEach((filter, i)=>{ filter.gain.setValueAtTime(bands[i].gain, time); }); } } }; setupAudio(); if ("mediaSession" in navigator) { navigator.mediaSession.metadata = new MediaMetadata({ title: "Car Parade Music 5785", artist: "Menorah.Live", album: "Chanukah Radio", artwork: [ { src: "https://ucarecdn.com/a7d3eaca-863d-4469-b3f0-80f1facc3a6b/-/preview/-/format/auto/-/resize/96x96/", sizes: "96x96", type: "image/png" }, { src: "https://ucarecdn.com/a7d3eaca-863d-4469-b3f0-80f1facc3a6b/-/preview/-/format/auto/-/resize/192x192/", sizes: "192x192", type: "image/png" }, { src: "https://ucarecdn.com/a7d3eaca-863d-4469-b3f0-80f1facc3a6b/-/preview/-/format/auto/-/resize/512x512/", sizes: "512x512", type: "image/png" } ] }); navigator.mediaSession.setActionHandler("play", ()=>handlePlay()); navigator.mediaSession.setActionHandler("pause", ()=>handlePlay()); } const handleAudioStateChange = ()=>{ console.log("Audio state changed:", !audioRef.current?.paused); setIsPlaying(!audioRef.current?.paused); }; audioRef.current?.addEventListener("play", handleAudioStateChange); audioRef.current?.addEventListener("pause", handleAudioStateChange); return ()=>{ audioRef.current?.removeEventListener("play", handleAudioStateChange); audioRef.current?.removeEventListener("pause", handleAudioStateChange); if (progressInterval.current) { clearInterval(progressInterval.current); } }; }, [ isHornMode ]); const handlePlay = ()=>{ if (!audioRef.current) return; if (isPlaying) { audioRef.current.pause(); audioRef.current.src = ""; setIsPlaying(false); return; } const startPlayback = async ()=>{ try { if (audioContext.current?.state === "suspended") { await audioContext.current.resume(); } audioRef.current.src = "https://centova32.instainternet.com/proxy/chanukah?mp=/stream"; audioRef.current.crossOrigin = "anonymous"; const playPromise = audioRef.current.play(); if (playPromise !== undefined) { await playPromise; audioRef.current.volume = currentGreeting ? 0.5 : 1; setIsPlaying(true); } } catch (error) { console.error("Playback failed:", error); audioRef.current.src = ""; setIsPlaying(false); } }; startPlayback(); }; const playGreeting = (greeting, index)=>{ if (greetingAudioRef.current) { greetingAudioRef.current.pause(); greetingAudioRef.current = null; } if (progressInterval.current) { clearInterval(progressInterval.current); } setGreetingProgress({}); // Reset all progress indicators const audio = new Audio(greeting.audio); greetingAudioRef.current = audio; audio.setAttribute("playsinline", "true"); audio.volume = 1; setGreetingProgress((prev)=>({ ...prev, [index]: 0 })); let startTime = Date.now(); progressInterval.current = setInterval(()=>{ const elapsed = Date.now() - startTime; const progress = Math.min(elapsed / greeting.duration * 100, 100); setGreetingProgress((prev)=>({ ...prev, [index]: progress })); if (progress >= 100) { clearInterval(progressInterval.current); setGreetingProgress((prev)=>{ const newProgress = { ...prev }; delete newProgress[index]; return newProgress; }); } }, 50); if (audioRef.current && !audioRef.current.paused) { audioRef.current.volume = 0.5; } audio.play().then(()=>{ audio.onended = ()=>{ if (audioRef.current && !audioRef.current.paused) { const fadeInterval = setInterval(()=>{ if (!audioRef.current || audioRef.current.volume >= 1) { clearInterval(fadeInterval); return; } audioRef.current.volume = Math.min(1, audioRef.current.volume + 0.05); }, 75); } greetingAudioRef.current = null; setGreetingProgress((prev)=>{ const newProgress = { ...prev }; delete newProgress[index]; return newProgress; }); if (progressInterval.current) { clearInterval(progressInterval.current); } }; }).catch((e)=>{ console.error("Greeting play failed:", e); if (audioRef.current) { audioRef.current.volume = 1; } setGreetingProgress((prev)=>{ const newProgress = { ...prev }; delete newProgress[index]; return newProgress; }); if (progressInterval.current) { clearInterval(progressInterval.current); } }); }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 357, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("meta", { name: "theme-color", content: "#DAA520", __source: { fileName: "", lineNumber: 358, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "apple-mobile-web-app-status-bar-style", content: "#DAA520", __source: { fileName: "", lineNumber: 359, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[100dvh] md:h-screen bg-gradient-to-b from-[#020B1C] to-[#0A1A3F] text-[#F8F9FA] flex flex-col mx-auto", __source: { fileName: "", lineNumber: 361, columnNumber: 7 }, __self: this }, isPlaying && currentSong && /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#DAA520] p-2 flex items-center justify-center", __source: { fileName: "", lineNumber: 363, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-black font-medium", __source: { fileName: "", lineNumber: 364, columnNumber: 13 }, __self: this }, "Now Playing: ", currentSong)), /*#__PURE__*/ React.createElement("main", { className: "flex-1 flex flex-col items-center justify-center px-4 sm:px-6 py-2 text-center gap-6 relative overflow-hidden", __source: { fileName: "", lineNumber: 369, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 overflow-hidden", __source: { fileName: "", lineNumber: 370, columnNumber: 11 }, __self: this }, starPositions.map((star, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "absolute animate-twinkle", style: { left: star.left, top: star.top, animation: `twinkle ${star.duration}s ease-in-out infinite ${star.delay}s`, opacity: star.opacity }, __source: { fileName: "", lineNumber: 372, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-full bg-white", style: { width: `${star.size}px`, height: `${star.size}px` }, __source: { fileName: "", lineNumber: 382, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl", __source: { fileName: "", lineNumber: 392, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl md:text-3xl font-black text-[#DAA520] mb-4 tracking-wide drop-shadow-lg whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 393, columnNumber: 13 }, __self: this }, "PARADE MUSIC 5785"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 396, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handlePlay, className: "w-full bg-gradient-to-r from-[#B8860B] to-[#DAA520] text-[#F8F9FA] px-6 py-3 md:px-8 md:py-4 rounded-3xl text-xl md:text-2xl font-black transition-all duration-300 flex items-center justify-center gap-4 shadow-[0_15px_30px_rgba(184,134,11,0.4)] hover:shadow-[0_20px_40px_rgba(184,134,11,0.5)] hover:-translate-y-1 hover:brightness-110 active:translate-y-0 transform-gpu", style: { animation: !isPlaying ? "pulse 2s ease-in-out infinite" : "none" }, __source: { fileName: "", lineNumber: 397, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isPlaying ? "fa-pause" : "fa-play"} text-2xl md:text-3xl`, __source: { fileName: "", lineNumber: 406, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 411, columnNumber: 17 }, __self: this }, isPlaying ? "STOP MUSIC" : "START LIVE MUSIC")))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl", __source: { fileName: "", lineNumber: 417, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl md:text-2xl font-black text-[#DAA520] mb-1 tracking-wide drop-shadow-lg whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 418, columnNumber: 13 }, __self: this }, "CHANUKAH GREETINGS"), /*#__PURE__*/ React.createElement("p", { className: "text-base md:text-lg font-medium text-[#DAA520] mb-2 tracking-wide drop-shadow-lg whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 421, columnNumber: 13 }, __self: this }, "ft. Mendy Pellin"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-2", __source: { fileName: "", lineNumber: 424, columnNumber: 13 }, __self: this }, greetings.slice(0, 3).map((greeting, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>playGreeting(greeting, index), className: ` px-4 py-2 md:px-6 md:py-2 rounded-3xl text-lg md:text-xl font-black transition-all duration-300 tracking-wide transform-gpu backdrop-blur-sm flex items-center justify-center gap-3 ${index === 0 ? "bg-gradient-to-r from-[#2B4C8C] to-[#1E3A8A] hover:from-[#1E3A8A] hover:to-[#0A1A3F] text-[#F8F9FA] shadow-[0_15px_30px_rgba(30,58,138,0.4)] hover:shadow-[0_20px_40px_rgba(30,58,138,0.5)]" : ""} ${index === 1 ? "bg-gradient-to-r from-[#B8860B] to-[#DAA520] hover:from-[#DAA520] hover:to-[#B8860B] text-[#F8F9FA] shadow-[0_15px_30px_rgba(184,134,11,0.4)] hover:shadow-[0_20px_40px_rgba(184,134,11,0.5)]" : ""} ${index === 2 ? "bg-gradient-to-r from-[#D2B48C] to-[#DEB887] hover:from-[#DEB887] hover:to-[#D2B48C] text-[#444444] shadow-[0_15px_30px_rgba(210,180,140,0.4)] hover:shadow-[0_20px_40px_rgba(222,184,135,0.5)]" : ""} hover:-translate-y-1 hover:brightness-110 active:translate-y-0 `, __source: { fileName: "", lineNumber: 426, columnNumber: 17 }, __self: this }, greetingProgress[index] !== undefined ? /*#__PURE__*/ React.createElement("div", { className: "relative w-7 h-7", __source: { fileName: "", lineNumber: 450, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "transform -rotate-90 w-7 h-7", __source: { fileName: "", lineNumber: 451, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "14", cy: "14", r: "12", stroke: "currentColor", strokeWidth: "2", fill: "none", className: "opacity-25", __source: { fileName: "", lineNumber: 452, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "14", cy: "14", r: "12", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeDasharray: `${2 * Math.PI * 12}`, strokeDashoffset: `${2 * Math.PI * 12 * (1 - greetingProgress[index] / 100)}`, className: "transition-all duration-50", __source: { fileName: "", lineNumber: 461, columnNumber: 25 }, __self: this }))) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-bullhorn text-lg md:text-xl", __source: { fileName: "", lineNumber: 480, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 482, columnNumber: 19 }, __self: this }, greeting.text))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 488, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-bold text-[#DAA520] mb-2", __source: { fileName: "", lineNumber: 489, columnNumber: 17 }, __self: this }, "Mivtzoyim"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-2", __source: { fileName: "", lineNumber: 492, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>playGreeting(greetings[5], 5), className: "px-2 py-2 md:px-6 md:py-2 rounded-3xl text-sm md:text-xl font-black transition-all duration-300 tracking-wide transform-gpu backdrop-blur-sm flex items-center justify-center gap-1 md:gap-3 bg-gradient-to-r from-[#2B4C8C] to-[#1E3A8A] hover:from-[#1E3A8A] hover:to-[#0A1A3F] text-[#F8F9FA] shadow-[0_15px_30px_rgba(30,58,138,0.4)] hover:shadow-[0_20px_40px_rgba(30,58,138,0.5)] hover:-translate-y-1 hover:brightness-110 active:translate-y-0 animate-scroll", __source: { fileName: "", lineNumber: 493, columnNumber: 19 }, __self: this }, greetingProgress[5] !== undefined ? /*#__PURE__*/ React.createElement("div", { className: "relative w-6 h-6 md:w-7 md:h-7", __source: { fileName: "", lineNumber: 500, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "transform -rotate-90 w-6 h-6 md:w-7 md:h-7", __source: { fileName: "", lineNumber: 501, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", className: "opacity-25", __source: { fileName: "", lineNumber: 502, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeDasharray: `${2 * Math.PI * 10}`, strokeDashoffset: `${2 * Math.PI * 10 * (1 - greetingProgress[5] / 100)}`, className: "transition-all duration-50", __source: { fileName: "", lineNumber: 511, columnNumber: 27 }, __self: this }))) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe-americas text-sm md:text-xl", __source: { fileName: "", lineNumber: 525, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 527, columnNumber: 21 }, __self: this }, greetings[5].text)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>playGreeting(greetings[7], 7), className: "px-2 py-2 md:px-6 md:py-2 rounded-3xl text-sm md:text-xl font-black transition-all duration-300 tracking-wide transform-gpu backdrop-blur-sm flex items-center justify-center gap-1 md:gap-3 bg-gradient-to-r from-[#D2B48C] to-[#DEB887] hover:from-[#DEB887] hover:to-[#D2B48C] text-[#444444] shadow-[0_15px_30px_rgba(210,180,140,0.4)] hover:shadow-[0_20px_40px_rgba(222,184,135,0.5)] hover:-translate-y-1 hover:brightness-110 active:translate-y-0", __source: { fileName: "", lineNumber: 532, columnNumber: 19 }, __self: this }, greetingProgress[7] !== undefined ? /*#__PURE__*/ React.createElement("div", { className: "relative w-6 h-6 md:w-7 md:h-7", __source: { fileName: "", lineNumber: 539, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "transform -rotate-90 w-6 h-6 md:w-7 md:h-7", __source: { fileName: "", lineNumber: 540, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", className: "opacity-25", __source: { fileName: "", lineNumber: 541, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeDasharray: `${2 * Math.PI * 10}`, strokeDashoffset: `${2 * Math.PI * 10 * (1 - greetingProgress[7] / 100)}`, className: "transition-all duration-50", __source: { fileName: "", lineNumber: 550, columnNumber: 27 }, __self: this }))) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-menorah text-sm md:text-xl", __source: { fileName: "", lineNumber: 564, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 566, columnNumber: 21 }, __self: this }, "Get Your Menorah")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>playGreeting(greetings[4], 4), className: "px-2 py-2 md:px-6 md:py-2 rounded-3xl text-sm md:text-xl font-black transition-all duration-300 tracking-wide transform-gpu backdrop-blur-sm flex items-center justify-center gap-1 md:gap-3 bg-gradient-to-r from-[#4B5320] to-[#4B5320] hover:from-[#4B5320] hover:to-[#4B5320] text-[#FFD700] shadow-[0_15px_30px_rgba(75,83,32,0.4)] hover:shadow-[0_20px_40px_rgba(75,83,32,0.5)] hover:-translate-y-1 hover:brightness-110 active:translate-y-0", __source: { fileName: "", lineNumber: 571, columnNumber: 19 }, __self: this }, greetingProgress[4] !== undefined ? /*#__PURE__*/ React.createElement("div", { className: "relative w-6 h-6 md:w-7 md:h-7", __source: { fileName: "", lineNumber: 578, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "transform -rotate-90 w-6 h-6 md:w-7 md:h-7", __source: { fileName: "", lineNumber: 579, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", className: "opacity-25", __source: { fileName: "", lineNumber: 580, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeDasharray: `${2 * Math.PI * 10}`, strokeDashoffset: `${2 * Math.PI * 10 * (1 - greetingProgress[4] / 100)}`, className: "transition-all duration-50", __source: { fileName: "", lineNumber: 589, columnNumber: 27 }, __self: this }))) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-fist-raised text-[#FFD700] text-sm md:text-xl", __source: { fileName: "", lineNumber: 603, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 605, columnNumber: 21 }, __self: this }, greetings[4].text)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>playGreeting(greetings[6], 6), className: "px-2 py-2 md:px-6 md:py-2 rounded-3xl text-sm md:text-xl font-black transition-all duration-300 tracking-wide transform-gpu backdrop-blur-sm flex items-center justify-center gap-1 md:gap-3 bg-gradient-to-r from-[#2B4C8C] to-[#1E3A8A] hover:from-[#1E3A8A] hover:to-[#0A1A3F] text-[#F8F9FA] shadow-[0_15px_30px_rgba(30,58,138,0.4)] hover:shadow-[0_20px_40px_rgba(30,58,138,0.5)] hover:-translate-y-1 hover:brightness-110 active:translate-y-0", __source: { fileName: "", lineNumber: 610, columnNumber: 19 }, __self: this }, greetingProgress[6] !== undefined ? /*#__PURE__*/ React.createElement("div", { className: "relative w-6 h-6 md:w-7 md:h-7", __source: { fileName: "", lineNumber: 617, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "transform -rotate-90 w-6 h-6 md:w-7 md:h-7", __source: { fileName: "", lineNumber: 618, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", className: "opacity-25", __source: { fileName: "", lineNumber: 619, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeDasharray: `${2 * Math.PI * 10}`, strokeDashoffset: `${2 * Math.PI * 10 * (1 - greetingProgress[6] / 100)}`, className: "transition-all duration-50", __source: { fileName: "", lineNumber: 628, columnNumber: 27 }, __self: this }))) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-star-of-david text-sm md:text-xl", __source: { fileName: "", lineNumber: 642, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 644, columnNumber: 21 }, __self: this }, greetings[6].text)))))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xs mx-auto", __source: { fileName: "", lineNumber: 652, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-bold text-[#DAA520] mb-1", __source: { fileName: "", lineNumber: 653, columnNumber: 13 }, __self: this }, "Other Languages"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-row gap-2 justify-center", __source: { fileName: "", lineNumber: 656, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>playGreeting(greetings[3], 3), className: "w-[48%] px-2 py-1 rounded-xl text-xs font-bold transition-all duration-300 tracking-wide transform-gpu backdrop-blur-sm flex items-center justify-center gap-2 bg-gradient-to-r from-[#002395] to-[#ED2939] hover:from-[#ED2939] hover:to-[#002395] text-[#F8F9FA] shadow-[0_8px_15px_rgba(0,35,149,0.4)] hover:shadow-[0_10px_20px_rgba(237,41,57,0.5)] hover:-translate-y-1 hover:brightness-110 active:translate-y-0", __source: { fileName: "", lineNumber: 657, columnNumber: 15 }, __self: this }, greetingProgress[3] !== undefined ? /*#__PURE__*/ React.createElement("div", { className: "relative w-3 h-3", __source: { fileName: "", lineNumber: 664, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "transform -rotate-90 w-3 h-3", __source: { fileName: "", lineNumber: 665, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "6", cy: "6", r: "5", stroke: "currentColor", strokeWidth: "2", fill: "none", className: "opacity-25", __source: { fileName: "", lineNumber: 666, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "6", cy: "6", r: "5", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeDasharray: `${2 * Math.PI * 5}`, strokeDashoffset: `${2 * Math.PI * 5 * (1 - greetingProgress[3] / 100)}`, className: "transition-all duration-50", __source: { fileName: "", lineNumber: 675, columnNumber: 23 }, __self: this }))) : null, /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 689, columnNumber: 17 }, __self: this }, greetings[3].text)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>playGreeting(greetings[8], 8), className: "w-[48%] px-2 py-1 rounded-xl text-xs font-bold transition-all duration-300 tracking-wide transform-gpu backdrop-blur-sm flex items-center justify-center gap-2 bg-gradient-to-r from-[#006030] via-[#CCCCCC] to-[#9B1B30] hover:from-[#9B1B30] hover:via-[#CCCCCC] hover:to-[#006030] text-black shadow-[0_8px_15px_rgba(0,96,48,0.4)] hover:shadow-[0_10px_20px_rgba(155,27,48,0.5)] hover:-translate-y-1 hover:brightness-110 active:translate-y-0", __source: { fileName: "", lineNumber: 694, columnNumber: 15 }, __self: this }, greetingProgress[8] !== undefined ? /*#__PURE__*/ React.createElement("div", { className: "relative w-3 h-3", __source: { fileName: "", lineNumber: 701, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "transform -rotate-90 w-3 h-3", __source: { fileName: "", lineNumber: 702, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { cx: "6", cy: "6", r: "5", stroke: "currentColor", strokeWidth: "2", fill: "none", className: "opacity-25", __source: { fileName: "", lineNumber: 703, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "6", cy: "6", r: "5", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeDasharray: `${2 * Math.PI * 5}`, strokeDashoffset: `${2 * Math.PI * 5 * (1 - greetingProgress[8] / 100)}`, className: "transition-all duration-50", __source: { fileName: "", lineNumber: 712, columnNumber: 23 }, __self: this }))) : null, /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 726, columnNumber: 17 }, __self: this }, greetings[8].text)))), /*#__PURE__*/ React.createElement("audio", { ref: audioRef, className: "hidden", playsInline: true, preload: "auto", crossOrigin: "anonymous", onError: (e)=>{ console.error("Music stream error:", e); setIsPlaying(false); }, __source: { fileName: "", lineNumber: 732, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("footer", { className: "p-4 flex justify-between items-center bg-[#4A0404]", __source: { fileName: "", lineNumber: 744, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center relative", __source: { fileName: "", lineNumber: 745, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setIsHornMode(!isHornMode); setShowToast(true); setTimeout(()=>setShowToast(false), 2000); }, className: "w-8 h-8 flex items-center justify-center rounded-full hover:bg-[#5A0505] transition-colors", title: "Mitzvah Tank Mode", __source: { fileName: "", lineNumber: 746, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-bullhorn text-lg ${isHornMode ? "text-yellow-400" : "text-white"}`, __source: { fileName: "", lineNumber: 755, columnNumber: 15 }, __self: this })), showToast && /*#__PURE__*/ React.createElement("div", { className: "absolute left-0 bottom-full mb-2 bg-black/80 text-white px-3 py-1 rounded text-sm whitespace-nowrap", __source: { fileName: "", lineNumber: 762, columnNumber: 15 }, __self: this }, "Mitzvah Tank Mode", " ", isHornMode ? "ON (no bass)" : "OFF (with bass)")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-6", __source: { fileName: "", lineNumber: 768, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://drive.menorah.live", className: "hover:text-yellow-400", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 769, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google-drive text-2xl", __source: { fileName: "", lineNumber: 775, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://telegram.menorah.live", className: "hover:text-yellow-400", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 777, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-telegram text-2xl", __source: { fileName: "", lineNumber: 783, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex justify-end", __source: { fileName: "", lineNumber: 786, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.youtube.com/live/_GISNvbz2qU", target: "_blank", rel: "noopener noreferrer", className: "bg-black text-[#FF0000] h-8 px-3 rounded-full text-sm font-bold hover:text-white transition-colors duration-200 flex flex-col items-center justify-center shadow-md ml-auto", __source: { fileName: "", lineNumber: 787, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 793, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube", __source: { fileName: "", lineNumber: 794, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "leading-none", __source: { fileName: "", lineNumber: 795, columnNumber: 17 }, __self: this }, "Listen on", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 797, columnNumber: 19 }, __self: this }), "YouTube")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 805, columnNumber: 7 }, __self: this }, ` @keyframes twinkle { 0%, 100% { opacity: 0.1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.1); } } .animate-twinkle { animation: twinkle 3s ease-in-out infinite; } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes scroll { 0% { transform: translateX(0); } 50% { transform: translateX(-10px); } 100% { transform: translateX(0); } } `)); }