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("link", { rel: "icon", href: "https://ucarecdn.com/a7d3eaca-863d-4469-b3f0-80f1facc3a6b/-/preview/-/format/auto/-/quality/smart/", __source: { fileName: "", lineNumber: 360, 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: 365, 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: 367, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-black font-medium", __source: { fileName: "", lineNumber: 368, 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: 373, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 overflow-hidden", __source: { fileName: "", lineNumber: 374, 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: 376, 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: 386, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl", __source: { fileName: "", lineNumber: 396, 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: 397, columnNumber: 13 }, __self: this }, "PARADE MUSIC 5785"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 400, 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: 401, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isPlaying ? "fa-pause" : "fa-play"} text-2xl md:text-3xl`, __source: { fileName: "", lineNumber: 410, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 415, columnNumber: 17 }, __self: this }, isPlaying ? "STOP MUSIC" : "START LIVE MUSIC")))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl", __source: { fileName: "", lineNumber: 421, 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: 422, 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: 425, columnNumber: 13 }, __self: this }, "ft. Mendy Pellin"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-2", __source: { fileName: "", lineNumber: 428, 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: 430, columnNumber: 17 }, __self: this }, greetingProgress[index] !== undefined ? /*#__PURE__*/ React.createElement("div", { className: "relative w-7 h-7", __source: { fileName: "", lineNumber: 454, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "transform -rotate-90 w-7 h-7", __source: { fileName: "", lineNumber: 455, 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: 456, 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: 465, columnNumber: 25 }, __self: this }))) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-bullhorn text-lg md:text-xl", __source: { fileName: "", lineNumber: 484, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 486, columnNumber: 19 }, __self: this }, greeting.text))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 492, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-bold text-[#DAA520] mb-2", __source: { fileName: "", lineNumber: 493, columnNumber: 17 }, __self: this }, "Mivtzoyim"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-2", __source: { fileName: "", lineNumber: 496, 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: 497, 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: 504, 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: 505, 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: 506, 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: 515, columnNumber: 27 }, __self: this }))) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe-americas text-sm md:text-xl", __source: { fileName: "", lineNumber: 529, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 531, 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: 536, 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: 543, 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: 544, 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: 545, 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: 554, columnNumber: 27 }, __self: this }))) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-menorah text-sm md:text-xl", __source: { fileName: "", lineNumber: 568, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 570, 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: 575, 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: 582, 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: 583, 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: 584, 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: 593, columnNumber: 27 }, __self: this }))) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-fist-raised text-[#FFD700] text-sm md:text-xl", __source: { fileName: "", lineNumber: 607, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 609, 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: 614, 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: 621, 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: 622, 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: 623, 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: 632, columnNumber: 27 }, __self: this }))) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-star-of-david text-sm md:text-xl", __source: { fileName: "", lineNumber: 646, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 648, columnNumber: 21 }, __self: this }, greetings[6].text)))))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xs mx-auto", __source: { fileName: "", lineNumber: 656, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-bold text-[#DAA520] mb-1", __source: { fileName: "", lineNumber: 657, columnNumber: 13 }, __self: this }, "Other Languages"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-row gap-2 justify-center", __source: { fileName: "", lineNumber: 660, 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: 661, columnNumber: 15 }, __self: this }, greetingProgress[3] !== undefined ? /*#__PURE__*/ React.createElement("div", { className: "relative w-3 h-3", __source: { fileName: "", lineNumber: 668, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "transform -rotate-90 w-3 h-3", __source: { fileName: "", lineNumber: 669, 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: 670, 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: 679, columnNumber: 23 }, __self: this }))) : null, /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 693, 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: 698, columnNumber: 15 }, __self: this }, greetingProgress[8] !== undefined ? /*#__PURE__*/ React.createElement("div", { className: "relative w-3 h-3", __source: { fileName: "", lineNumber: 705, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "transform -rotate-90 w-3 h-3", __source: { fileName: "", lineNumber: 706, 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: 707, 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: 716, columnNumber: 23 }, __self: this }))) : null, /*#__PURE__*/ React.createElement("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", __source: { fileName: "", lineNumber: 730, 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: 736, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("footer", { className: "p-4 flex justify-between items-center bg-[#4A0404]", __source: { fileName: "", lineNumber: 748, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center relative", __source: { fileName: "", lineNumber: 749, 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: 750, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-bullhorn text-lg ${isHornMode ? "text-yellow-400" : "text-white"}`, __source: { fileName: "", lineNumber: 759, 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: 766, 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: 772, 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: 773, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google-drive text-2xl", __source: { fileName: "", lineNumber: 779, 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: 781, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-telegram text-2xl", __source: { fileName: "", lineNumber: 787, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex justify-end", __source: { fileName: "", lineNumber: 790, 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: 791, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 797, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube", __source: { fileName: "", lineNumber: 798, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "leading-none", __source: { fileName: "", lineNumber: 799, columnNumber: 17 }, __self: this }, "Listen on", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 801, columnNumber: 19 }, __self: this }), "YouTube")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 809, 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); } } `)); }