show donation popup Dhul Hijja 1446 (#2422)

* feat: update banner and links to promote Best Days donation campaign

* feat: add Dhul-Hijjah best days landing page with styling and OG image support

* fix: update QuranReflect post links in the-best-days page

* fix: update text for best-day modal link to use plural form

* style: update CSS properties and restructure content layout for Dhul-Hijjah page

* refactor: update donation URLs and improve styling for best days page

* feat: add donation popup with Best Days theme and subtitle

* chore: format config files and reorganize imports in _app.tsx

* Sync locales

---------

Co-authored-by: Osama Sayed <toto777_90@hotmail.com>

Author: AhmedCodeGuy

locales/ar/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "يا رفيق القرآن العزيز",
     "footnote": "التبرعات الشهرية تمكننا من التركيز بشكل أقل على جمع التبرعات",
+    "subtitle": "«ما من أيام العمل الصالح فيها أحب إلى الله من هذه الأيام» [رياض الصالحين ١٢٤٩]",
     "text-1": "نحن ملتزمون بخدمة العالم المعرفة القرآنية والتقنية بالمجان دائماً",
     "text-2": "الفرصة المثالية للصدقة المستمرة (الصدقة الجارية). استثمر في آخرتك كمتبرع شهري (أو لمرة واحدة).",
-    "title": "يا رفيق القرآن العزيز"
+    "title": "تبرع في أفضل الأيام!"
   },
   "powered-by": "مشغل بواسطة",
   "prepare-hearts": {

locales/bn/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "কুরআনের প্রিয় সাহাবী,",
     "footnote": "মাসিক অনুদান আমাদের তহবিল সংগ্রহে কম ফোকাস করার অনুমতি দেয়",
+    "subtitle": "\"এই দিনগুলোর চেয়ে ভালো কাজ আল্লাহর কাছে এত পছন্দনীয় আর কোন দিন নেই\" [রিয়াদ আস-সালিহিন ১২৪৯]",
     "text-1": "আমরা সর্বদা বিনামূল্যে বিশ্বকে কুরআনের জ্ঞান ও প্রযুক্তি পরিবেশন করতে প্রতিশ্রুতিবদ্ধ।",
     "text-2": "ক্রমাগত দাতব্য (সদকা জারিয়াহ) জন্য উপযুক্ত সুযোগ। মাসিক (বা একবার) দাতা হিসাবে আপনার পরকালে বিনিয়োগ করুন।",
-    "title": "প্রিয় কুরআনের সাহাবী,"
+    "title": "সেরা দিনগুলিতে দান করুন!"
   },
   "powered-by": "দ্বারা চালিত",
   "prepare-hearts": {

locales/en/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "Dear Companion of the Quran,",
     "footnote": "Monthly donations allow us to focus less on fundraising",
+    "subtitle": "\"There are no days during which the righteous action is so pleasing to Allah than these days\" [Riyad as-Salihin 1249]",
     "text-1": "We are committed to serving the world Quranic knowledge and technology, always for free.",
     "text-2": "The perfect opportunity for continous charity (Sadaqa Jariyah). Invest in your Hereafter as a monthly (or one time) donor.",
-    "title": "Dear Companion of the Quran,"
+    "title": "Give During The Best Days!"
   },
   "powered-by": "Powered by",
   "prepare-hearts": {

locales/es/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "Querido Compañero del Corán,",
     "footnote": "Las donaciones mensuales nos permiten centrarnos menos en la recaudación de fondos.",
+    "subtitle": "“No hay días en que la acción justa sea tan agradable a Dios como estos días” [Riyad as-Salihin 1249]",
     "text-1": "Estamos comprometidos a servir al mundo el conocimiento y la tecnología coránica, siempre de forma gratuita.",
     "text-2": "La oportunidad perfecta para la caridad continua (Sadaqa Jariyah). Invierte en tu Más Allá como donante mensual (o solo una vez).",
-    "title": "Querido Compañero del Corán,"
+    "title": "¡Dona durante los mejores días!"
   },
   "powered-by": "Desarrollado por",
   "prepare-hearts": {

locales/fa/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "یاران گرامی قرآن",
     "footnote": "کمک های مالی ماهانه به ما امکان می دهد کمتر روی جمع آوری کمک های مالی تمرکز کنیم",
+    "subtitle": "«هیچ ایامی نیست که عمل صالح در آن به اندازه این ایام مورد رضایت خداوند باشد.» [ریاض الصالحین ۱۲۴۹]",
     "text-1": "ما متعهد هستیم که همواره به صورت رایگان به دانش و فناوری قرآنی جهان خدمت کنیم.",
     "text-2": "فرصت عالی برای صدقه مستمر (صدقه جاریه). به عنوان یک اهدا کننده ماهانه (یا یک بار) در آخرت خود سرمایه گذاری کنید.",
-    "title": "یاران گرامی قرآن"
+    "title": "در بهترین روزها، بخشش کنید!"
   },
   "powered-by": "پشتیبانی شده توسط",
   "prepare-hearts": {

locales/fr/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "Cher compagnon du Coran,",
     "footnote": "Les dons mensuels nous permettent de moins nous concentrer sur la collecte de fonds",
+    "subtitle": "« Il n'y a pas de jours où la bonne action est aussi agréable à Allah que ces jours-ci » [Riyad as-Salihin 1249]",
     "text-1": "Nous nous engageons à transmettre la connaissance du Coran gratuitement pour toutes et tous.",
     "text-2": "L’occasion idéale pour une charité continue (Sadaqa Jariyah). Investissez dans votre au-delà en tant que donateur mensuel (ou ponctuel).",
-    "title": "Cher compagnon du Coran,"
+    "title": "Donnez pendant les meilleurs jours !"
   },
   "powered-by": "Propulsé par",
   "prepare-hearts": {

locales/id/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "Wahai Sahabat Al-Quran yang terkasih,",
     "footnote": "Donasi bulanan memungkinkan kami untuk tidak terlalu fokus pada penggalangan dana",
+    "subtitle": "“Tidak ada hari-hari di mana amal saleh lebih diridhai Allah daripada hari-hari ini.” [Riyad as-Salihin 1249]",
     "text-1": "Kami berkomitmen untuk melayani dunia pengetahuan dan teknologi Qur'ani, selalu gratis.",
     "text-2": "Kesempatan sempurna untuk Sedekah Jariyah. Investasi untuk Akhirat Anda dengan menjadi donor bulanan (atau donor satu kali).",
-    "title": "Wahai Sahabat Al-Quran yang terkasih,"
+    "title": "Berikan Selama Hari Terbaik!"
   },
   "powered-by": "Dipersembahkan oleh",
   "prepare-hearts": {

locales/it/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "Caro compagno del Corano,",
     "footnote": "Le donazioni mensili ci consentono di concentrarci meno sulla raccolta fondi",
+    "subtitle": "\"Non ci sono giorni in cui l'azione giusta sia così gradita ad Allah come in questi giorni\" [Riyad as-Salihin 1249]",
     "text-1": "Ci impegniamo a servire il mondo della conoscenza e della tecnologia coraniche, sempre gratuitamente.",
     "text-2": "L'occasione perfetta per una carità continua (Sadaqa Jariyah). Investi nel tuo Aldilà come donatore mensile (o una tantum).",
-    "title": "Caro compagno del Corano,"
+    "title": "Dona nei giorni migliori!"
   },
   "powered-by": "Offerto da",
   "prepare-hearts": {

locales/ms/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "Sahabat Al-Quran yang dihormati,",
     "footnote": "Derma bulanan anda membantu mengurangkan usaha pengutipan dana kami sejurusnya melebihkan tumpuan pada program yang manfaat",
+    "subtitle": "“Tidak ada hari-hari yang di dalamnya amal shalih lebih diredhai Allah daripada hari-hari ini.” [Riyad as-Salihin 1249]",
     "text-1": "Kami komited untuk memberi khidmat percuma dalam pengluasan pengetahuan dan teknologi pembelajaran al-Quran ke seantaro dunia.",
     "text-2": "Peluang terbaik untuk amal yang berterusan (Sadaqa Jariyah). Melabur untuk Akhirat anda sebagai penderma bulanan (atau sekali).",
-    "title": "Sahabat al-Quran yang dihormati,"
+    "title": "Berikan Semasa Hari-Hari Terbaik!"
   },
   "powered-by": "Dikuasai oleh",
   "prepare-hearts": {

locales/nl/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "Beste metgezel van de Koran,",
     "footnote": "Dankzij maandelijkse donaties kunnen we ons minder richten op fondsenwerving",
+    "subtitle": "\"Er zijn geen dagen waarop de rechtvaardige handeling zo aangenaam is voor Allah als deze dagen\" [Riyad as-Salihin 1249]",
     "text-1": "We zijn toegewijd om de wereld kennis en technologie van de Koran te dienen, altijd gratis.",
     "text-2": "De perfecte gelegenheid voor voortdurende liefdadigheid (Sadaqa Jariyah). Investeer in uw Hiernamaals als maandelijkse (of eenmalige) donateur.",
-    "title": "Beste metgezel van de Koran,"
+    "title": "Geef tijdens de beste dagen!"
   },
   "powered-by": "Aangedreven door",
   "prepare-hearts": {

locales/pt/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "Caro companheiro do Alcorão,",
     "footnote": "As doações mensais permitem que nos concentremos menos na angariação de fundos",
+    "subtitle": "“Não há dias em que a ação virtuosa seja tão agradável a Allah como estes dias” [Riyad as-Salihin 1249]",
     "text-1": "Estamos comprometidos em servir o conhecimento e a tecnologia do Alcorão, sempre de graça.",
     "text-2": "A oportunidade perfeita para caridade contínua (Sadaqa Jariyah). Invista no seu futuro como doador mensal (ou único).",
-    "title": "Caro companheiro do Alcorão,"
+    "title": "Doe nos melhores dias!"
   },
   "powered-by": "Distribuído por",
   "prepare-hearts": {

locales/ru/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "Дорогой сподвижник Корана,",
     "footnote": "Ежемесячные пожертвования позволяют нам меньше сосредотачиваться на сборе средств",
+    "subtitle": "«Нет дней, в которые праведные деяния были бы столь угодны Аллаху, как эти дни» [Рияд ас-Салихин 1249]",
     "text-1": "Мы стремимся служить миру знаниями и технологиями Корана всегда бесплатно.",
     "text-2": "Прекрасная возможность для постоянной благотворительности (Садака Джария). Инвестируйте в свою будущую жизнь в качестве ежемесячного (или разового) донора.",
-    "title": "Дорогой сподвижник Корана,"
+    "title": "Дарите в лучшие дни!"
   },
   "powered-by": "Питаться от",
   "prepare-hearts": {

locales/sq/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "I dashur shok i Kur'anit,",
     "footnote": "Donacionet mujore na lejojnë të fokusohemi më pak në mbledhjen e fondeve",
+    "subtitle": "\"Nuk ka ditë gjatë të cilave vepra e mirë është më e këndshme për Allahun sesa këto ditë\" [Rijad es-Salihin 1249]",
     "text-1": "Ne jemi të përkushtuar t'i shërbejmë njohurive dhe teknologjisë botërore kuranore, gjithmonë falas.",
     "text-2": "Mundësia e përsosur për bamirësi të vazhdueshme (Sadaka Jariyah). Investoni në Ahiretin tuaj si donator mujor (ose një herë).",
-    "title": "I dashur shok i Kur'anit,"
+    "title": "Dhuro në ditët më të mira!"
   },
   "powered-by": "Mundësuar nga",
   "prepare-hearts": {

locales/sw/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "Mpendwa Mwenzi wa Qur'ani,",
     "footnote": "Michango ya kila mwezi huturuhusu kupunguza uchangishaji",
+    "subtitle": "“Hakuna siku ambazo vitendo vyema vinampendeza Mwenyezi Mungu kuliko siku hizi.” [Riyad as-Salihin 1249]",
     "text-1": "Tumejitolea kutumikia ulimwengu kupitia elimu ya Qur'ani pamoja na teknolojia, bila malipo.",
     "text-2": "Fursa nzuri ya kutoa sadaka endelevu (Sadaqa Jariyah). Wekeza katika Akhera yako kama mfadhili wa kila mwezi (au mara moja).",
-    "title": "Mpendwa Mwenzi wa Qur'ani,"
+    "title": "Toa Wakati wa Siku Bora!"
   },
   "powered-by": "Inaendeshwa na",
   "prepare-hearts": {

locales/th/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "เพื่อนผู้รักการอ่านอัลกุรอาน",
     "footnote": "การบริจาครายเดือนจะทำให้ความกังเวลาเกี่ยวกับการหาทุนลดลง",
+    "subtitle": "“ไม่มีวันใดที่การกระทำความดีเป็นที่พอพระทัยต่ออัลลอฮ์ได้เท่ากับช่วงเวลานี้” [ริยาด อัส-ซาลิฮิน 1249]",
     "text-1": "เรามุ่งมั่นที่จะเผยแพร่ความรู้และเทคโนโลยีเกี่ยวกับอัลกุรอานแก่โลกโดยไม่หวังกำไร",
     "text-2": "โอกาสอันดีสำหรับการทำทานอย่างต่อเนื่อง (ซอดาเกาะญาริยาฮ์) ลงทุนในปรโลกของคุณในฐานะผู้บริจาครายเดือน (หรือครั้งเดียว)",
-    "title": "เพื่อนผู้รักการอ่านอัลกุรอาน"
+    "title": "ให้ในช่วงเวลาที่ดีที่สุด!"
   },
   "powered-by": "ขับเคลื่อนโดย",
   "prepare-hearts": {

locales/tr/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "Sevgili Kur'an Arkadaşı,",
     "footnote": "Aylık bağışlar, bağış toplamaya daha az odaklanmamızı sağlıyor",
+    "subtitle": "\"Allah katında salih amelin en çok hoş karşılandığı günler bu günlerdir.\" [Riyadüs-Salihin 1249]",
     "text-1": "Her zaman ücretsiz olarak dünya Kuran bilgisine ve teknolojisine hizmet etmeye kararlıyız.",
     "text-2": "Sürekli hayırseverlik (Sadaqa Jariyah) için mükemmel bir fırsat. Aylık (veya bir defalık) bağışçı olarak ahiretinize yatırım yapın.",
-    "title": "Sevgili Kur'an Arkadaşı,"
+    "title": "En İyi Gününüzde Verin!"
   },
   "powered-by": "Tarafından desteklenmektedir",
   "prepare-hearts": {

locales/ur/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "قرآن کے پیارے ساتھی!",
     "footnote": "ماہانہ عطیات ہمیں فنڈ ریزنگ پر کم توجہ دینے کا موقع فراہم کرتے ہیں۔",
+    "subtitle": "’’کوئی دن ایسا نہیں جس میں عمل صالح اللہ کے نزدیک ان دنوں سے زیادہ پسندیدہ ہو۔‘‘ (ریاض الصالحین 1249)",
     "text-1": "ہم دنیا کو قرآن کی تعلیمات اور ٹیکنالوجی مفت فراہم کرنے کے لیے پرعزم ہیں۔",
     "text-2": "صدقہ جاریہ (صدقہ جاریہ) کا بہترین موقع۔ ماہانہ (یا ایک بار) ڈونر کے طور پر اپنی آخرت میں سرمایہ کاری کریں۔",
-    "title": "قرآن کے پیارے ساتھی!"
+    "title": "بہترین دنوں کے دوران دیں!"
   },
   "powered-by": "کے ذریعے چلایا گیا",
   "prepare-hearts": {

locales/zh/common.json

@@ -297,9 +297,10 @@
   "popup": {
     "companion-title": "亲爱的《古兰经》同伴，",
     "footnote": "每月捐款让我们可以减少对筹款的关注",
+    "subtitle": "“没有哪一天，正义的行为比这些日子更令真主喜悦。”[Riyad as-Salihin 1249]",
     "text-1": "我们致力于为世界提供古兰经知识和技术，始终免费。",
     "text-2": "这是持续慈善 (Sadaqa Jariyah) 的绝佳机会。作为每月 (或一次性) 捐赠者，投资您的来世。",
-    "title": "亲爱的《古兰经》同伴，"
+    "title": "在最好的日子里给予！"
   },
   "powered-by": "Powered by",
   "prepare-hearts": {

src/components/DonatePopup/DonatePopup.tsx

@@ -45,6 +45,7 @@ const DonatePopup = () => {
           </Button>
           <h1 className={styles.title}>{t('popup.title')}</h1>
           <div className={styles.textsContainer}>
+            <p className={styles.text}>{t('popup.subtitle')}</p>
             <p className={styles.text}>{t('popup.text-1')}</p>
             <p className={styles.text}>{t('popup.text-2')}</p>
           </div>

src/pages/_app.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 
 import { DirectionProvider } from '@radix-ui/react-direction';
 import { TooltipProvider } from '@radix-ui/react-tooltip';
@@ -11,6 +11,7 @@ import useSWRImmutable from 'swr/immutable';
 import AudioPlayer from '@/components/AudioPlayer/AudioPlayer';
 import UserAccountModal from '@/components/Auth/UserAccountModal';
 import DeveloperUtility from '@/components/DeveloperUtility/DeveloperUtility';
+import DonatePopup from '@/components/DonatePopup/DonatePopup';
 import FontPreLoader from '@/components/Fonts/FontPreLoader';
 import GlobalListeners from '@/components/GlobalListeners';
 import Navbar from '@/components/Navbar/Navbar';
@@ -32,10 +33,10 @@ import DataContext from 'src/contexts/DataContext';
 import ThemeProvider from 'src/styles/ThemeProvider';
 import { AudioPlayerMachineProvider } from 'src/xstate/AudioPlayerMachineContext';
 
-import 'src/styles/reset.scss';
 import 'src/styles/fonts.scss';
-import 'src/styles/theme.scss';
 import 'src/styles/global.scss';
+import 'src/styles/reset.scss';
+import 'src/styles/theme.scss';
 import 'src/styles/variables.scss';
 
 function MyApp({ Component, pageProps }): JSX.Element {
@@ -105,6 +106,7 @@ function MyApp({ Component, pageProps }): JSX.Element {
                       <Component {...pageProps} />
                       <AudioPlayer />
                       <Footer />
+                      <DonatePopup />
                     </OnboardingProvider>
                   </ThemeProvider>
                   <SessionIncrementor />

src/redux/migrations.ts

@@ -266,4 +266,11 @@ export default {
       wordClickFunctionality: WordClickFunctionality.PlayAudio,
     },
   }),
+  35: (state) => ({
+    ...state,
+    session: {
+      ...state.session,
+      isDonationPopupVisible: true,
+    },
+  }),
 };

src/redux/store.ts

@@ -47,7 +47,7 @@ import SliceName from './types/SliceName';
 
 const persistConfig = {
   key: 'root',
-  version: 34,
+  version: 35,
   storage,
   migrate: createMigrate(migrations, {
     debug: process.env.NEXT_PUBLIC_VERCEL_ENV === 'development',