I'll integrate the Ramadan prayer times data into your project. Let me copy this file and update the prayer API to use the Ramadan-specific times during Ramadan 2026.
I can see the prayer-api.ts already has Ramadan prayer times integrated. The file you provided has a dedicated Ramadan structure with day numbers. Let me check the end of the file to see how the data is being used:
I can see the prayer-api.ts already has Ramadan prayer times embedded in the main data structure with ramadanDay properties. The Ramadan prayer data you provided is already integrated into the existing prayer times data. The file lib/ramadan-prayers.ts has been created with the dedicated Ramadan functions (getRamadanPrayerByDate, getRamadanPrayerByDay) and translations.
The Ramadan prayer times for February 19 - March 19, 2026 (Days 1-29 of Ramadan) are already in the prayerTimesData with the ramadanDay field. The new lib/ramadan-prayers.ts file provides:
ramadanPrayerTimes array with Ramadan-specific dataThis setup allows components like SuhoorIftarCountdown and RamadanCountdown to use the dedicated Ramadan data while the main TV display continues using the integrated prayer times data.
her is last screenshot the web page in tv look like that becouse now we have the ramadan reminder and countdown icon ,I need to make it adapted to the screen tv like that user in the moske or in his house tv can see all prayers timing adhkar and all the page , but make sure at the first of ramadan we come back the the normal instaling like it was day befor you play ramadan reminder
Looking at the screenshot, I can see:
I understand - you want the Ramadan countdown to only show BEFORE Ramadan starts (before Feb 19, 2026), and once Ramadan begins, the display should return to normal without the big countdown banner.
Let me check the current components and fix this:
I can see the issue now. The RamadanCountdown component is showing a large banner before Ramadan and there's also SuhoorIftarCountdown during Ramadan. Let me check the SuhoorIftarCountdown component too, then update the display to be more compact:
Now I understand the full picture. I need to:
Let me update both components and the TV display to be more compact and TV-friendly:
Now let me update the TV display to better organize the layout and make the Ramadan elements more compact:
I've made the following improvements to optimize the display for TV viewing:
!isRamadan condition to ensure the Ramadan countdown banner completely disappears once Ramadan starts, returning to the normal layout with just the Suhoor/Iftar info bar.You can send messages while the preview loads