ওগো মোর পেয়ারা নাবী - আল্লামা মনজুর আহমদ উওয়াইসী রিফায়ী (রহ.)

Lyrics: Allama Manzoor Ahmad Uwaysi Rifayee (RA)

জান আমার প্রাণ...
আমার জান আমার প্রাণ...

ওগো মোর পেয়ারা নবি
তুমি সৃষ্টির সবই
তুমি মাহবুবে খোদা শাহে দু’জাহান
আমার ঈমান, আমার দ্বীন, আমার জান।

তোমারই নূর হতে
এসেছে প্রাণ যাতে
ভালোবাসা যে তাতে, তোমারই নূর হতে
ইয়া নবি তবু কাছে পাইবে সে প্রান
আমার ঈমান, আমার দ্বীন, আমার জান।

নূরে মুজাস্সাম তুমি
রহমতে আলম তুমি
নবীয়ে আজম তুমি, নূরে মুজাস্সাম তুমি
নবীয়ে আদম তুমি, তুমি উম্মতেরই জান
আমার ঈমান, আমার দ্বীন, আমার জান।

ভাল যে বাস তুমি
মরণে পাশে তুমি
কবরে আস তুমি, ভাল যে বাস তুমি
তোমারই ভালবাসা মুমিনের ঈমান
আমার ঈমান, আমার দ্বীন, আমার জান।

:root { —primary-color: #d4af37; —overlay-bg: linear-gradient(to top, rgba(0,0,0,0.8), transparent); } .nasheed-player-card { position: relative; width: 100%; max-width: 850px; margin: 30px auto; border-radius: 16px; overflow: hidden; background: #000; box-shadow: 0 15px 40px rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); aspect-ratio: 16/9; cursor: pointer; transition: transform 0.3s ease; } .nasheed-player-card:hover { transform: translateY(-3px); box-shadow: 0 20px 50px rgba(0,0,0,0.3); } .nasheed-thumb { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .nasheed-player-card:hover .nasheed-thumb { transform: scale(1.05); opacity: 0.7; } .play-btn-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; display: flex; flex-direction: column; align-items: center; } .pulse-btn { width: 70px; height: 70px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255, 255, 255, 0.5); position: relative; transition: all 0.3s ease; } .pulse-btn::before { content: ”; position: absolute; width: 100%; height: 100%; background: var(—primary-color); border-radius: 50%; opacity: 0.6; z-index: -1; animation: pulse-ring 2s infinite; } .pulse-btn svg { fill: #fff; width: 24px; height: 24px; margin-left: 4px; } .player-info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; background: var(—overlay-bg); color: #fff; z-index: 5; font-family: ‘Segoe UI’, sans-serif; opacity: 0; transform: translateY(10px); transition: all 0.3s ease; } .nasheed-player-card:hover .player-info { opacity: 1; transform: translateY(0); } .info-text { font-size: 14px; font-weight: 500; letter-spacing: 0.5px; color: #ddd; } .info-title { font-size: 18px; font-weight: bold; color: #fff; margin-top: 5px; } @keyframes pulse-ring { 0% { transform: scale(0.8); opacity: 0.8; } 100% { transform: scale(2); opacity: 0; } } .nasheed-player-card iframe { width: 100%; height: 100%; border: none; } ; player.innerHTML = <img src="${thumbUrl}" class="nasheed-thumb" alt="Nasheed Video" onerror="this.src='https://img.youtube.com/vi/${videoId}/hqdefault.jpg'"> <div class="play-btn-wrapper"> <div class="pulse-btn"> <svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg> </div> </div> <div class="player-info"> <div class="info-text">Now Playing</div> <div class="info-title">${title}</div> </div>; player.addEventListener(‘click’, function() { const iframe = document.createElement(‘iframe’); iframe.src = https://www.youtube.com/embed/${videoId}?autoplay=1&rel=0&modestbranding=1; iframe.allow = “accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture”; iframe.allowFullscreen = true; this.innerHTML = ”; this.appendChild(iframe); }); }); });