/* global React */
const { useState, useEffect, useRef, useCallback, useMemo } = React;

// ============ DATA ============
const FEATURES = [
  {
    id: "quran",
    ar: "القرآن الكريم",
    en: "Holy Quran",
    desc: "المصحف كاملاً برسم عثماني أصيل، 114 سورة، مع إمكانية التلاوة بخطوط مختلفة وأحجام قابلة للتعديل.",
    icon: "book",
    tone: "dark",
    wide: true,
  },
  {
    id: "tafsir",
    ar: "التفسير",
    en: "Tafsir",
    desc: "تفاسير معتمدة: ابن كثير، السعدي، الطبري، الميسر، الجلالين.",
    icon: "quill",
  },
  {
    id: "audio",
    ar: "التلاوة الصوتية",
    en: "Recitation",
    desc: "أكثر من 30 قارئاً عالمياً بصوت واضح وجودة عالية، مع إمكانية التكرار والتحميل.",
    icon: "wave",
  },
  {
    id: "prayer",
    ar: "مواقيت الصلاة",
    en: "Prayer Times",
    desc: "مواقيت دقيقة حسب موقعك، مع أذان قابل للتخصيص وتنبيهات قبل الصلاة.",
    icon: "mosque",
  },
  {
    id: "qibla",
    ar: "اتجاه القبلة",
    en: "Qibla",
    desc: "بوصلة رقمية تحدد اتجاه الكعبة المشرفة من أي مكان في العالم.",
    icon: "compass",
  },
  {
    id: "azkar",
    ar: "الأذكار والأدعية",
    en: "Azkar & Duas",
    desc: "أذكار الصباح والمساء وأدعية من القرآن والسنة، مع عدّاد ذكي.",
    icon: "beads",
  },
  {
    id: "tasbih",
    ar: "المسبحة الإلكترونية",
    en: "Tasbih",
    desc: "سبحة رقمية تفاعلية مع حفظ تلقائي للعدد وتنبيهات عند الإتمام.",
    icon: "circle",
  },
  {
    id: "bookmarks",
    ar: "العلامات المرجعية",
    en: "Bookmarks",
    desc: "احفظ آياتك المفضلة ونظّمها في مجموعات، مع مزامنة سحابية.",
    icon: "bookmark",
  },
];

const RECITERS = [
  { name: "عبدالرحمن السديس", en: "As-Sudais", initial: "س", country: "Saudi Arabia", surahs: 114 },
  { name: "مشاري العفاسي", en: "Al-Afasy", initial: "ع", country: "Kuwait", surahs: 114 },
  { name: "ماهر المعيقلي", en: "Al-Mueaqly", initial: "م", country: "Saudi Arabia", surahs: 114 },
  { name: "عبدالباسط عبدالصمد", en: "Abdul Basit", initial: "ب", country: "Egypt", surahs: 114 },
  { name: "سعد الغامدي", en: "Al-Ghamdi", initial: "غ", country: "Saudi Arabia", surahs: 114 },
  { name: "أحمد العجمي", en: "Al-Ajmi", initial: "أ", country: "Saudi Arabia", surahs: 114 },
];

const PRAYERS = [
  { name: "الفجر", en: "Fajr", time: "04:42", icon: "dawn" },
  { name: "الشروق", en: "Sunrise", time: "06:08", icon: "sunrise" },
  { name: "الظهر", en: "Dhuhr", time: "12:17", icon: "sun" },
  { name: "العصر", en: "Asr", time: "15:43", icon: "afternoon" },
  { name: "المغرب", en: "Maghrib", time: "18:26", icon: "sunset" },
  { name: "العشاء", en: "Isha", time: "19:52", icon: "moon" },
];

const REVIEWS = [
  {
    text: "تطبيق رائع جداً، واجهة سهلة وجميلة والقراء متنوعون. استخدمه يومياً لقراءة الورد.",
    name: "أحمد الزهراني",
    meta: "السعودية · قبل 3 أيام",
    initial: "أ",
    platform: "App Store",
    stars: 5,
  },
  {
    text: "من أفضل التطبيقات الإسلامية على الإطلاق. مواقيت الصلاة دقيقة والأذكار شاملة. جزاكم الله خيراً.",
    name: "فاطمة العتيبي",
    meta: "الإمارات · قبل أسبوع",
    initial: "ف",
    platform: "Google Play",
    stars: 5,
  },
  {
    text: "التفسير بخمس روايات شيء مذهل، والبحث في القرآن سريع جداً. أنصح به كل مسلم.",
    name: "يوسف الحسن",
    meta: "مصر · قبل أسبوعين",
    initial: "ي",
    platform: "App Store",
    stars: 5,
  },
  {
    text: "واجهة المستخدم أنيقة وعربية أصيلة. الخط العثماني واضح جداً ومريح للقراءة.",
    name: "خديجة الأنصاري",
    meta: "المغرب · قبل شهر",
    initial: "خ",
    platform: "Google Play",
    stars: 5,
  },
  {
    text: "اتجاه القبلة دقيق والمسبحة الإلكترونية مريحة. تطبيق متكامل ما شاء الله.",
    name: "عبدالله الكويتي",
    meta: "الكويت · قبل شهر",
    initial: "ع",
    platform: "App Store",
    stars: 4,
  },
  {
    text: "بصراحة غيّر طريقة تعاملي مع القرآن يومياً. الإشعارات للأذكار ميزة ممتازة.",
    name: "مريم الشامي",
    meta: "الأردن · قبل شهرين",
    initial: "م",
    platform: "Google Play",
    stars: 5,
  },
];

const FAQS = [
  {
    q: "هل التطبيق مجاني؟",
    a: "نعم، تطبيق وحي البيان مجاني بالكامل. جميع الميزات الأساسية من قراءة القرآن والتلاوة والتفسير ومواقيت الصلاة متاحة دون أي رسوم.",
  },
  {
    q: "هل يعمل التطبيق بدون إنترنت؟",
    a: "نعم، بعد تحميل القرآن والتلاوات المفضلة لديك مرة واحدة، يمكنك استخدام التطبيق بالكامل دون الحاجة إلى اتصال بالإنترنت.",
  },
  {
    q: "ما هي منصات التشغيل المدعومة؟",
    a: "يتوفر التطبيق على iOS (من iOS 14 فما فوق) و Android (من Android 8 فما فوق). يمكنك تحميله من App Store أو Google Play.",
  },
  {
    q: "كم لغة يدعم التطبيق؟",
    a: "يدعم التطبيق العربية والإنجليزية والفرنسية والأردية والتركية، وسيتم إضافة لغات أخرى في التحديثات القادمة بإذن الله.",
  },
  {
    q: "كيف يتم حساب مواقيت الصلاة؟",
    a: "نستخدم طرق الحساب المعتمدة عالمياً (رابطة العالم الإسلامي، أم القرى، الهيئة المصرية، ISNA)، ويمكنك تخصيص الطريقة من الإعدادات.",
  },
  {
    q: "هل يمكنني مزامنة بياناتي بين أجهزة متعددة؟",
    a: "نعم، قم بإنشاء حساب مجاني في التطبيق وستُزامَن علاماتك المرجعية وإعداداتك وتقدّم قراءتك تلقائياً بين جميع أجهزتك.",
  },
];

const STATS = [
  { num: "1M+", label: "مستخدم نشط", sub: "Active Users" },
  { num: "114", label: "سورة كاملة", sub: "Quranic Surahs" },
  { num: "30+", label: "قارئ عالمي", sub: "Reciters" },
  { num: "15", label: "دولة", sub: "Countries" },
];

const SHOWCASE = [
  {
    title: "شاشة البداية",
    desc: "واجهة افتتاحية هادئة تعكس الهوية البصرية للتطبيق.",
    screen: "splash",
  },
  {
    title: "الصفحة الرئيسية",
    desc: "وصول سريع لكل أقسام التطبيق من شاشة واحدة.",
    screen: "home",
  },
  {
    title: "القرآن الكريم",
    desc: "قراءة مريحة للمصحف بخط واضح وتنقّل سلس بين السور والآيات.",
    screen: "quran",
  },
  {
    title: "القرآن مع التفسير",
    desc: "عرض التفسير بجانب الآيات لتدبّر أعمق ومعنى أوضح.",
    screen: "quranTafseer",
  },
  {
    title: "القرّاء",
    desc: "استمع لتلاوات نخبة القرّاء بجودة صوت عالية.",
    screen: "reciters",
  },
  {
    title: "التلاوة الصوتية",
    desc: "تشغيل سهل للتلاوات مع تجربة استماع نظيفة ومباشرة.",
    screen: "tilawa",
  },
  {
    title: "مواقيت الصلاة",
    desc: "مواقيت دقيقة حسب الموقع مع عرض منظم وسريع.",
    screen: "prayer",
  },
  {
    title: "اتجاه القبلة",
    desc: "بوصلة دقيقة تُحدد اتجاه الكعبة المشرفة أينما كنت.",
    screen: "qibla",
  },
  {
    title: "الأذكار",
    desc: "أذكار يومية بتصميم مريح يساعد على الاستمرار والالتزام.",
    screen: "azkar",
  },
  {
    title: "المسبحة",
    desc: "عدّاد تسبيح عملي بواجهة بسيطة وواضحة.",
    screen: "sabha",
  },
  {
    title: "المصاحف",
    desc: "استعراض أشكال متعددة للمصاحف بخيارات منظمة.",
    screen: "mushafs",
  },
  {
    title: "المصاحف (عرض إضافي)",
    desc: "طريقة عرض إضافية للمصاحف لتناسب تفضيلاتك.",
    screen: "mushafs2",
  },
  {
    title: "المكتبة",
    desc: "محتوى معرفي منظم ضمن مكتبة سهلة التصفح.",
    screen: "library",
  },
  {
    title: "اللغات",
    desc: "دعم لغات متعددة لتجربة أقرب لكل مستخدم.",
    screen: "languages",
  },
];

const AYAH_BAQARAH_255 = [
  "اللَّهُ لَا إِلَٰهَ إِلَّا هُوَ الْحَيُّ الْقَيُّومُ ۚ",
  "لَا تَأْخُذُهُ سِنَةٌ وَلَا نَوْمٌ ۚ",
  "لَهُ مَا فِي السَّمَاوَاتِ وَمَا فِي الْأَرْضِ ۗ",
  "مَنْ ذَا الَّذِي يَشْفَعُ عِنْدَهُ إِلَّا بِإِذْنِهِ ۚ",
  "يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ ۖ",
  "وَلَا يُحِيطُونَ بِشَيْءٍ مِنْ عِلْمِهِ إِلَّا بِمَا شَاءَ ۚ",
  "وَسِعَ كُرْسِيُّهُ السَّمَاوَاتِ وَالْأَرْضَ ۖ",
  "وَلَا يَئُودُهُ حِفْظُهُمَا ۚ وَهُوَ الْعَلِيُّ الْعَظِيمُ"
];

Object.assign(window, {
  FEATURES, RECITERS, PRAYERS, REVIEWS, FAQS, STATS, SHOWCASE, AYAH_BAQARAH_255,
  useState, useEffect, useRef, useCallback, useMemo,
});