Release/0.0.8 (#2306)

* Update font (#2289)

* Update ProximaVara font

* Update OpenSans

* Change font to Figtree

* Add What is Ramadan banner (#2301)

* Update donation links in the burger menu (#2302)

* Add Prepare For Ramadan Page (#2297)

* Add Prepare For Ramadan Page

* Change the route

* Add image

* Add collapsible reviews section

* Add What is Ramadan page (#2299)

* Add What is Ramadan page

* Update verse styling

* Update metadata

* Update Ramadan Activities page (#2304)

* Rename ramadan-activities to ramadan (#2305)

* Questions and Answers (#2272)

* Q&A

* Fix build issue

* Address PR comments

* Group Ayah/Translation of Q&A (#2284)

* Group Ayah/Translation of Q&A

* Keep code DRY

* Use question body instead of summary (#2286)

* Q&A UI updates (#2287)

* Q&A UI updates

* refactor

* Sync locales

.storybook/styles.scss

@@ -3,7 +3,7 @@
 }
 
 * {
-    font-family: "ProximaVara", "Helvetica Neue", Helvetica, Arial !important;
+    font-family: "Figtree", "Helvetica Neue", Helvetica, Arial !important;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

i18n.json

@@ -56,9 +56,11 @@
     "/login": ["login"],
     "/about-the-quran": ["about-quran"],
     "/notes-and-reflections": ["notes"],
-    "/ramadan-activities": ["ramadan-activities"],
+    "/ramadan": ["ramadan-activities"],
     "/notification-settings": ["notification-settings"],
     "/calendar": ["quranic-calendar"],
-    "/media": ["media"]
+    "/media": ["media"],
+    "/[chapterId]/questions": ["quran-reader", "question"],
+    "/questions/[questionId]": ["quran-reader", "question"]
   }
 }

locales/ar/common.json

@@ -145,6 +145,7 @@
     "resend-email-in": "إعادة إرسال رسالة التحقق في غضون {{remainingTime}} ثانية ...",
     "verify-code": "التحقق من الرمز"
   },
+  "end-year-donate": "إختم عام 2024 بالصدقة ❤️",
   "error": {
     "MediaVersesRangeLimitExceeded": "لا يمكنك تحديد أكثر من {{limit}} من الآيات في المرة الواحدة. يرجى تحديد نطاق أصغر.",
     "bookmark-sync": "الإشارة المرجعية غير متزامنة.",
@@ -200,6 +201,7 @@
     "description": "تساعدنا التبرعات الشهرية على تحسين موقع Quran.com واستدامة العمليات حتى نركز بشكل أقل على جمع التبرعات وأكثر على إحداث التأثير.",
     "title": "كن متبرعا شهريا"
   },
+  "get-started": "البدء",
   "hear-it-pronounced": "اضغط على الكلمات القرآنية واستمع إلى النطق",
   "help": "مساعدة",
   "hizb": "حزب",
@@ -254,6 +256,7 @@
   "pbuh": "صلى الله عليه وسلم",
   "popular-links": "روابط شائعة",
   "popup": {
+    "companion-title": "عزيزي رفيق القرآن،",
     "footnote": "التبرعات الشهرية تمكننا من التركيز بشكل أقل على جمع التبرعات",
     "text-1": "نحن ملتزمون بخدمة العالم المعرفة القرآنية والتقنية بالمجان دائماً",
     "text-2": "الفرصة المثالية للصدقة المستمرة (الصدقة الجارية). استثمر في آخرتك كمتبرع شهري (أو لمرة واحدة).",
@@ -277,6 +280,7 @@
     "reading": "القراءة",
     "translation": "الترجمة"
   },
+  "ready-for-ramadan": "هل أنت مستعد لرمضان؟",
   "recitation": "التلاوة",
   "reciter": "القارئ",
   "reciter-summary": "(بإذن كريم من مركز التفسير)",

locales/ar/question.json

@@ -0,0 +1,4 @@
+{
+  "q-and-a": "الأسئلة والأجوبة المتعلقة بـ ",
+  "question": "سؤال"
+}

locales/ar/quran-reader.json

@@ -47,6 +47,17 @@
   "prev-page": "الصفحة السابقة",
   "prev-rub": "ربع الحزب السابق",
   "prev-surah": "السورة السابقة",
+  "q-and-a": {
+    "answer": "إجابة",
+    "clarification": "إيضاح",
+    "community": "مجتمع",
+    "explore_answers": "استكشاف الإجابات",
+    "explore_answers_tooltip": "\"استكشاف الإجابات\" هي قائمة مختارة من الأسئلة المدروسة والملاحظات الأساسية المتعلقة بآيات محددة من شأنها أن تعزز فهمك واتصالك بالقرآن الكريم.",
+    "questions": "أسئلة",
+    "references": "مراجع",
+    "summary": "ملخص",
+    "tafsir": "تفسير"
+  },
   "qalqala": "قلقلة",
   "query-param-message": "أنت تعرض إعدادات القراءة المحددة مسبقًا. <0> تجاهل </0> للعرض في إعداداتك الحالية أو <1> احفظ </1> لتحديث إعداداتك",
   "ramadan-of-reflection": "انضم إلى \"رمضان التدبر\" في QuranReflect",

locales/bn/common.json

@@ -145,6 +145,7 @@
     "resend-email-in": "{{remainingTime}} সেকেন্ডের মধ্যে যাচাইকরণ ইমেল আবার পাঠান...",
     "verify-code": "কোড যাচাই করুন"
   },
+  "end-year-donate": "সাদাকাহ দিয়ে 2024 শেষ করুন ❤️",
   "error": {
     "MediaVersesRangeLimitExceeded": "আপনি একবারে শুধুমাত্র {{limit}} টি আয়াত নির্বাচন করতে পারেন৷ অনুগ্রহ করে একটি ছোট পরিসর নির্বাচন করুন।",
     "bookmark-sync": "বুকমার্ক সিঙ্কের বাইরে।",
@@ -200,6 +201,7 @@
     "description": "মাসিক অনুদান আমাদেরকে Quran.com এর উন্নতি করতে এবং ক্রিয়াকলাপগুলিকে টিকিয়ে রাখতে সাহায্য করে যাতে আমরা তহবিল সংগ্রহে কম এবং প্রভাব তৈরিতে আরও বেশি ফোকাস করি।",
     "title": "একজন মাসিক দাতা হন"
   },
+  "get-started": "শুরু করুন",
   "hear-it-pronounced": "কুরআনের শব্দে ক্লিক করুন, উচ্চারণ শুনুন",
   "help": "সাহায্য",
   "hizb": "হিযব",
@@ -254,6 +256,7 @@
   "pbuh": "তার উপর আল্লাহর রহমত বর্ষিত হোক",
   "popular-links": "জনপ্রিয় লিঙ্ক",
   "popup": {
+    "companion-title": "কুরআনের প্রিয় সাহাবী,",
     "footnote": "মাসিক অনুদান আমাদের তহবিল সংগ্রহে কম ফোকাস করার অনুমতি দেয়",
     "text-1": "আমরা সর্বদা বিনামূল্যে বিশ্বকে কুরআনের জ্ঞান ও প্রযুক্তি পরিবেশন করতে প্রতিশ্রুতিবদ্ধ।",
     "text-2": "ক্রমাগত দাতব্য (সদকা জারিয়াহ) জন্য উপযুক্ত সুযোগ। মাসিক (বা একবার) দাতা হিসাবে আপনার পরকালে বিনিয়োগ করুন।",
@@ -277,6 +280,7 @@
     "reading": "পড়া",
     "translation": "অনুবাদ"
   },
+  "ready-for-ramadan": "রমজানের জন্য প্রস্তুত?",
   "recitation": "আবৃত্তি",
   "reciter": "আবৃত্তিকারী",
   "reciter-summary": "(তাফসির কেন্দ্রের সদয় অনুমতিক্রমে)",

locales/bn/question.json

@@ -0,0 +1,4 @@
+{
+  "q-and-a": "সম্পর্কিত প্রশ্নোত্তর ",
+  "question": "প্রশ্ন"
+}

locales/bn/quran-reader.json

@@ -47,6 +47,17 @@
   "prev-page": "আগের পৃষ্ঠা",
   "prev-rub": "পূর্ববর্তী রুব এল হিজব",
   "prev-surah": "আগের সূরা",
+  "q-and-a": {
+    "answer": "উত্তর",
+    "clarification": "স্পষ্টীকরণ",
+    "community": "সম্প্রদায়",
+    "explore_answers": "উত্তরগুলি অন্বেষণ করুন",
+    "explore_answers_tooltip": "'উত্তরগুলি অন্বেষণ করুন' হল নির্দিষ্ট আয়াত সম্পর্কিত চিন্তাশীল প্রশ্ন এবং প্রয়োজনীয় নোটগুলির একটি কিউরেটেড তালিকা যা আপনার বোধগম্যতা এবং কুরআনের সাথে সংযোগ বৃদ্ধি করবে।",
+    "questions": "প্রশ্নাবলী",
+    "references": "তথ্যসূত্র",
+    "summary": "সারাংশ",
+    "tafsir": "তাফসির"
+  },
   "qalqala": "কলকালা",
   "query-param-message": "আপনি পূর্বনির্বাচিত পড়ার সেটিংস দেখছেন। আপনার বর্তমান সেটিংসে দেখতে <0> খারিজ করুন </0> অথবা <1> সংরক্ষণ করুন </1> আপনার সেটিংস আপডেট করুন",
   "ramadan-of-reflection": "কুরআনের প্রতিফলনে যোগ দিন \"প্রতিফলনের রমজান\"",

locales/en/common.json

@@ -145,6 +145,7 @@
     "resend-email-in": "Resend verification email in {{remainingTime}} sec...",
     "verify-code": "Verify Code"
   },
+  "end-year-donate": "End 2024 with Sadaqah ❤️",
   "error": {
     "MediaVersesRangeLimitExceeded": "You can only select up to {{limit}} verses at a time. Please select a smaller range.",
     "bookmark-sync": "Bookmark is out of sync.",
@@ -200,6 +201,7 @@
     "description": "Monthly donations help us improve Quran.com and sustain operations so we focus less on fundraising and more on creating impact.",
     "title": "Become A Monthly Donor"
   },
+  "get-started": "Get Started",
   "hear-it-pronounced": "Click Quranic words, hear pronunciation",
   "help": "Help",
   "hizb": "Hizb",
@@ -254,6 +256,7 @@
   "pbuh": "Blessings of Allah be upon him",
   "popular-links": "Popular Links",
   "popup": {
+    "companion-title": "Dear Companion of the Quran,",
     "footnote": "Monthly donations allow us to focus less on fundraising",
     "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.",
@@ -277,6 +280,7 @@
     "reading": "Reading",
     "translation": "Translation"
   },
+  "ready-for-ramadan": "Ready for Ramadan?",
   "recitation": "Recitation",
   "reciter": "Reciter",
   "reciter-summary": "(With kind permission of Tafsir Center)",

locales/en/question.json

@@ -0,0 +1,4 @@
+{
+  "q-and-a": "Questions and Answers related to ",
+  "question": "Question"
+}

locales/en/quran-reader.json

@@ -47,6 +47,17 @@
   "prev-page": "Previous page",
   "prev-rub": "Previous Rub el Hizb",
   "prev-surah": "Previous Surah",
+  "q-and-a": {
+    "answer": "Answer",
+    "clarification": "Clarification",
+    "community": "Community",
+    "explore_answers": "Explore Answers",
+    "explore_answers_tooltip": "'Explore Answers' is a curated list of thoughtful questions and essential notes relating to specific verses that will enhance your understanding and connection with the Quran.",
+    "questions": "Questions",
+    "references": "References",
+    "summary": "Summary",
+    "tafsir": "Tafsir"
+  },
   "qalqala": "Qalqala (echo)",
   "query-param-message": "You are viewing preselected reading settings. <0>Dismiss</0> to view in your current settings or <1>Save</1> to update your setting",
   "ramadan-of-reflection": "Join QuranReflect \"Ramadan of Reflection\"",

locales/fa/common.json

@@ -145,6 +145,7 @@
     "resend-email-in": "ارسال مجدد ایمیل تأیید در {{remainingTime}} ثانیه...",
     "verify-code": "کد را تأیید کنید"
   },
+  "end-year-donate": "پایان سال 2024 با صدقه ❤️",
   "error": {
     "MediaVersesRangeLimitExceeded": "هر بار فقط می‌توانید حداکثر {{limit}} آیه را انتخاب کنید. لطفا محدوده کوچکتری را انتخاب کنید.",
     "bookmark-sync": "نشانک همگام نیست.",
@@ -200,6 +201,7 @@
     "description": "کمک‌های ماهیانه به ما کمک می‌کند تا Quran.com را بهبود بخشیم و عملیات‌ها را حفظ کنیم، بنابراین کمتر روی جمع‌آوری کمک‌های مالی و بیشتر بر ایجاد تأثیر تمرکز می‌کنیم.",
     "title": "یک اهدا کننده ماهانه شوید"
   },
+  "get-started": "شروع کنید",
   "hear-it-pronounced": "کلمات قرآنی را کلیک کنید، تلفظ را بشنوید",
   "help": "کمک",
   "hizb": "حزب",
@@ -254,6 +256,7 @@
   "pbuh": "درود خدا بر او باد",
   "popular-links": "لینک های محبوب",
   "popup": {
+    "companion-title": "یاران گرامی قرآن",
     "footnote": "کمک های مالی ماهانه به ما امکان می دهد کمتر روی جمع آوری کمک های مالی تمرکز کنیم",
     "text-1": "ما متعهد هستیم که همواره به صورت رایگان به دانش و فناوری قرآنی جهان خدمت کنیم.",
     "text-2": "فرصت عالی برای صدقه مستمر (صدقه جاریه). به عنوان یک اهدا کننده ماهانه (یا یک بار) در آخرت خود سرمایه گذاری کنید.",
@@ -277,6 +280,7 @@
     "reading": "خواندن",
     "translation": "ترجمه"
   },
+  "ready-for-ramadan": "برای ماه رمضان آماده اید؟",
   "recitation": "بازگو کردن",
   "reciter": "قاری",
   "reciter-summary": "(با مجوز مرکز تفسیر)",

locales/fa/question.json

@@ -0,0 +1,4 @@
+{
+  "q-and-a": "پرسش و پاسخ مربوط به ",
+  "question": "سوال"
+}

locales/fa/quran-reader.json

@@ -47,6 +47,17 @@
   "prev-page": "صفحه قبلی",
   "prev-rub": "قبلی روب الحزب",
   "prev-surah": "سوره قبلی",
+  "q-and-a": {
+    "answer": "پاسخ دهید",
+    "clarification": "شفاف سازی",
+    "community": "جامعه",
+    "explore_answers": "کاوش پاسخ ها",
+    "explore_answers_tooltip": "«کاوش در پاسخ‌ها» فهرستی تنظیم‌شده از سؤالات متفکرانه و یادداشت‌های ضروری مربوط به آیات خاص است که درک و ارتباط شما با قرآن را افزایش می‌دهد.",
+    "questions": "سوالات",
+    "references": "مراجع",
+    "summary": "خلاصه",
+    "tafsir": "تفسیر"
+  },
   "qalqala": "قالقالا",
   "query-param-message": "شما در حال مشاهده تنظیمات خواندن از پیش انتخاب شده هستید. <0> رد کردن </0> برای مشاهده در تنظیمات فعلی یا <1> ذخیره </1> برای به روز رسانی تنظیمات خود",
   "ramadan-of-reflection": "به قرآن رفلکت \"رمضان تفکر\" بپیوندید",

locales/fr/common.json

@@ -145,6 +145,7 @@
     "resend-email-in": "Renvoyer l'e-mail de vérification dans {{remainingTime}}s...",
     "verify-code": "Vérifier le code"
   },
+  "end-year-donate": "Terminez 2024 avec Sadaqah ❤️",
   "error": {
     "MediaVersesRangeLimitExceeded": "Vous ne pouvez sélectionner seulement {{limit}} Ayahs à la fois. Veuillez sélectionner une plage plus petite.",
     "bookmark-sync": "Le favori n'est pas synchronisé.",
@@ -200,6 +201,7 @@
     "description": "Les dons mensuels nous aident à améliorer Quran.com, et à maintenir notre projet. Ces dons nous permettent de nous concentrer sur l'amélioration continue de Quran.com, plutôt que sur la collecte de fonds.",
     "title": "Devenir un donateur mensuel"
   },
+  "get-started": "Commencer",
   "hear-it-pronounced": "Cliquez sur les mots coraniques et écoutez leur prononciation",
   "help": "Aider",
   "hizb": "Hizb",
@@ -254,6 +256,7 @@
   "pbuh": "Que les bénédictions d'Allah soient sur lui",
   "popular-links": "Liens populaires",
   "popup": {
+    "companion-title": "Cher compagnon du Coran,",
     "footnote": "Les dons mensuels nous permettent de moins nous concentrer sur la collecte de fonds",
     "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).",
@@ -277,6 +280,7 @@
     "reading": "Lecture en cours",
     "translation": "Traduction"
   },
+  "ready-for-ramadan": "Prêt pour le Ramadan ?",
   "recitation": "Récitation",
   "reciter": "Récitateur",
   "reciter-summary": "(Avec l'aimable autorisation du Centre Tafsir)",

locales/fr/question.json

@@ -0,0 +1,4 @@
+{
+  "q-and-a": "Questions et réponses liées à ",
+  "question": "Question"
+}

locales/fr/quran-reader.json

@@ -47,6 +47,17 @@
   "prev-page": "Page précédente",
   "prev-rub": "Rub el Hizb précédent",
   "prev-surah": "Sourate précédente",
+  "q-and-a": {
+    "answer": "Répondre",
+    "clarification": "Clarification",
+    "community": "Communauté",
+    "explore_answers": "Découvrir les réponses",
+    "explore_answers_tooltip": "« Explore Answers » est une liste organisée de questions réfléchies et de notes essentielles relatives à des versets spécifiques qui amélioreront votre compréhension et votre connexion avec le Coran.",
+    "questions": "Questions",
+    "references": "Références",
+    "summary": "Résumé",
+    "tafsir": "Tafsir"
+  },
   "qalqala": "Qalqala",
   "query-param-message": "Vous consultez les paramètres de lecture présélectionnés. <0>Ignorer</0> pour afficher vos paramètres actuels ou <1>Enregistrer</1> pour mettre à jour vos paramètres",
   "ramadan-of-reflection": "Rejoignez QuranReflect \"Ramadan de la réflexion\"",

locales/id/common.json

@@ -145,6 +145,7 @@
     "resend-email-in": "Kirim ulang email verifikasi dalam {{remainingTime}} detik...",
     "verify-code": "Kode verifikasi"
   },
+  "end-year-donate": "Akhiri tahun 2024 dengan Sedekah ❤️",
   "error": {
     "MediaVersesRangeLimitExceeded": "Anda hanya dapat memilih hingga {{limit}} ayat dalam satu waktu. Harap pilih rentang yang lebih kecil.",
     "bookmark-sync": "Penanda tidak sinkron.",
@@ -200,6 +201,7 @@
     "description": "Donasi bulanan membantu kami meningkatkan Quran.com dan melanggengkan operasional sehingga kami tidak terlalu fokus pada penggalangan dana tetapi lebih pada penciptaan dampak.",
     "title": "Menjadi Donatur Bulanan"
   },
+  "get-started": "Memulai",
   "hear-it-pronounced": "Klik kata-kata Al-Quran, dengarkan pengucapannya",
   "help": "Bantuan",
   "hizb": "Hizb",
@@ -254,6 +256,7 @@
   "pbuh": "Berkah Allah atasnya",
   "popular-links": "Link populer",
   "popup": {
+    "companion-title": "Wahai Sahabat Al-Quran yang terkasih,",
     "footnote": "Donasi bulanan memungkinkan kami untuk tidak terlalu fokus pada penggalangan dana",
     "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).",
@@ -277,6 +280,7 @@
     "reading": "Membaca",
     "translation": "Terjemahan"
   },
+  "ready-for-ramadan": "Siap untuk Ramadan?",
   "recitation": "Pembacaan",
   "reciter": "Qari",
   "reciter-summary": "(Dengan izin dari Pusat Tafsir)",

locales/id/question.json

@@ -0,0 +1,4 @@
+{
+  "q-and-a": "Pertanyaan dan Jawaban terkait ",
+  "question": "Pertanyaan"
+}

locales/id/quran-reader.json

@@ -47,6 +47,17 @@
   "prev-page": "Halaman sebelumnya",
   "prev-rub": "Rub el Hizb sebelumnya",
   "prev-surah": "Surah sebelumnya",
+  "q-and-a": {
+    "answer": "Menjawab",
+    "clarification": "Klarifikasi",
+    "community": "Masyarakat",
+    "explore_answers": "Jelajahi Jawaban",
+    "explore_answers_tooltip": "'Jelajahi Jawaban' adalah daftar pilihan pertanyaan bijaksana dan catatan penting terkait ayat-ayat tertentu yang akan meningkatkan pemahaman dan hubungan Anda dengan Al-Quran.",
+    "questions": "Pertanyaan",
+    "references": "Referensi",
+    "summary": "Ringkasan",
+    "tafsir": "Tafsir"
+  },
   "qalqala": "Qalqala",
   "query-param-message": "Anda melihat pengaturan membaca yang telah dipilih sebelumnya. <0> Tutup </0> untuk melihat dalam pengaturan Anda saat ini atau <1> Simpan </1> untuk memperbarui pengaturan Anda",
   "ramadan-of-reflection": "Bergabunglah dengan QuranReflect \"Ramadan of Reflection\"",