<!doctype html>
<html lang="ar" dir="rtl">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>MedPal | نظامك الذكي لإتقان الطب</title>
  <meta name="description"
    content="MedPal منصة تعليم طبي ذكية ومجانية بالكامل لطلاب الطب في مصر والوطن العربي: بنك أسئلة شامل، فلاش كاردس ذكية، امتحانات تفاعلية، مراجعة الأخطاء، تحليلات أداء، واتحادات وتحديات طبية." />
  <meta name="author" content="MedPal Team" />
  <meta name="keywords"
    content="MedPal, ميدبال, تعليم طبي, منصة طلاب الطب, بنك أسئلة طبية, فلاش كاردس, امتحانات طبية, مراجعة الأخطاء, MCQ, ليدربورد طبي, اتحادات طبية, مجانية, طب مصر, medical education, medical students, medical quiz" />
  <meta name="theme-color" content="#3B82F6" />
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="application-name" content="MedPal" />
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-title" content="MedPal" />
  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  <link rel="manifest" href="/manifest.json" />
  <link rel="canonical" href="https://medpaledu.com/" />
  <link rel="alternate" href="https://medpaledu.com/" hreflang="ar" />
  <link rel="alternate" href="https://medpaledu.com/" hreflang="ar-EG" />
  <link rel="alternate" href="https://medpaledu.com/" hreflang="x-default" />

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-3D5ZV9VRW0"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-3D5ZV9VRW0');
  </script>

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://medpaledu.com/" />
  <meta property="og:title" content="MedPal | نظامك الذكي لإتقان الطب" />
  <meta property="og:description"
    content="منصة تعليم طبي مجانية بالكامل: بنك أسئلة، فلاش كاردس، امتحانات تفاعلية، تحليلات أداء، وتحديات تساعدك تتقدم يوميًا." />
  <meta property="og:image" content="https://medpaledu.com/logos/default.png" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />
  <meta property="og:image:alt" content="MedPal منصة التعليم الطبي" />
  <meta property="og:locale" content="ar_EG" />
  <meta property="og:site_name" content="MedPal" />

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:url" content="https://medpaledu.com/" />
  <meta name="twitter:title" content="MedPal | نظامك الذكي لإتقان الطب" />
  <meta name="twitter:description"
    content="تعلم طب بذكاء مجانًا: بنك أسئلة شامل، فلاش كاردس، تحليلات أداء، ومنافسة تعليمية تفاعلية." />
  <meta name="twitter:image" content="https://medpaledu.com/logos/default.png" />

  <!-- Favicons -->
  <link rel="icon" type="image/png" href="/logos/default.png" />
  <link rel="apple-touch-icon" href="/logos/pwa-icon-new.jpg?v=1.6.0" />

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap" rel="stylesheet">

  <style>
    .js-enabled #seo-fallback-shell {
      display: none !important;
    }
  </style>

  <script>
    document.documentElement.classList.add('js-enabled');
    window.onerror = function (msg, url, lineNo, columnNo, error) {
      if (msg.includes('ResizeObserver')) return false;
      console.error('Global Error:', msg, url, lineNo, error);

      // Critical: If we crash, kill the Service Worker to prevent cache loops
      if (navigator.serviceWorker) {
        navigator.serviceWorker.getRegistrations().then(function (registrations) {
          for (let registration of registrations) {
            registration.unregister();
          }
        });
      }
      return false;
    };

    window.onunhandledrejection = function (event) {
      console.error('Unhandled Rejection:', event.reason);
    };

    // PWA Install Prompt handler
    window.addEventListener('beforeinstallprompt', function (e) {
      e.preventDefault();
      window.deferredPrompt = e;
      window.dispatchEvent(new CustomEvent('pwa-prompt-available'));
    });

    window.addEventListener('appinstalled', function () {
      localStorage.setItem('medpal_pwa_installed', 'true');
      window.dispatchEvent(new CustomEvent('pwa-installed'));
    });
  </script>

  <!-- Structured Data -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "EducationalOrganization",
          "@id": "https://medpaledu.com/#organization",
          "name": "MedPal",
          "url": "https://medpaledu.com/",
          "logo": "https://medpaledu.com/logos/default.png",
          "description": "منصة تعليم طبي ذكية ومجانية بالكامل لطلاب الطب في مصر والوطن العربي.",
          "areaServed": [
            { "@type": "Country", "name": "Egypt" },
            { "@type": "Country", "name": "Saudi Arabia" }
          ]
        },
        {
          "@type": "WebSite",
          "@id": "https://medpaledu.com/#website",
          "url": "https://medpaledu.com/",
          "name": "MedPal",
          "inLanguage": "ar",
          "publisher": { "@id": "https://medpaledu.com/#organization" }
        },
        {
          "@type": "SoftwareApplication",
          "name": "MedPal",
          "applicationCategory": "EducationalApplication",
          "operatingSystem": "Web",
          "url": "https://medpaledu.com/",
          "description": "منصة تعليم طبي تشمل بنك أسئلة، فلاش كاردس، مراجعة أخطاء، تحديات، وتحليلات أداء.",
          "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "USD"
          },
          "publisher": { "@id": "https://medpaledu.com/#organization" }
        }
      ]
    }
  </script>


  <script type="module" crossorigin src="/assets/index-Bv3-LZiG.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/vendor-core-BlaUt0TJ.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-ui-C9ntNOMH.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-utils-D08kf5UV.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-charts-BwuKVFlP.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-icons-BYzHN8Rm.js">
  <link rel="stylesheet" crossorigin href="/assets/index-BgxbfVsv.css">
</head>

<body>
  <div id="root">
    <!-- Smart Loading Screen - يظهر فقط عند التحديثات -->
    <div id="app-loading-screen"
      style="display: none; opacity: 0; position: fixed; inset: 0; flex-direction: column; align-items: center; justify-content: center; background: white; font-family: Cairo, sans-serif; z-index: 9999; transition: opacity 0.3s ease;">
      <div style="text-align: center;">
        <!-- Logo بيلف -->
        <img src="/logos/default.png" alt="MedPal"
          style="width: 100px; height: 100px; margin-bottom: 24px; animation: spin 2s linear infinite;" />
        <h2 style="font-size: 24px; font-weight: bold; color: #1f2937; margin-bottom: 12px;">MedPal</h2>
        <p class="loading-message" style="font-size: 16px; color: #6b7280;">جاري التحديث...</p>
      </div>
    </div>

    <!-- Static HTML Fallback & SEO Shell (Visible to non-JS scrapers/crawlers) -->
    <div id="seo-fallback-shell" style="font-family: Cairo, sans-serif; direction: rtl; max-width: 800px; margin: 0 auto; padding: 40px 20px; color: #334155; line-height: 1.6;">
      <header style="text-align: center; margin-bottom: 40px;">
        <img src="/logos/default.png" alt="MedPal Logo" style="width: 80px; height: 80px; margin-bottom: 16px;" />
        <h1 style="font-size: 36px; font-weight: 900; color: #1e293b; margin: 0 0 10px 0;">MedPal | رفيقك في رحلة الطب</h1>
        <p style="font-size: 18px; color: #64748b; margin: 0;">نظام تعليمي طبي ذكي وتفاعلي بالكامل لطلاب الطب في مصر والوطن العربي</p>
      </header>

      <section style="margin-bottom: 30px; background: #f8fafc; padding: 24px; border-radius: 16px; border: 1px solid #e2e8f0;">
        <h2 style="font-size: 22px; color: #1e3a8a; margin-top: 0;">نظرة عامة على المنصة 🩺</h2>
        <p>
          <strong>MedPal (ميدبال)</strong> هي منصة تعليم طبي رائدة ومجانية بالكامل، مصممة خصيصاً لتلبية احتياجات طلاب كليات الطب البشري. تجمع المنصة بين أحدث التطورات التكنولوجية كأنظمة التكرار المتباعد والذكاء الاصطناعي لتسهيل فهم وحفظ المحاضرات الطبية المعقدة.
        </p>
      </section>

      <section style="margin-bottom: 30px;">
        <h2 style="font-size: 22px; color: #1e3a8a;">الركائز والخدمات الأساسية للمنصة 🚀</h2>
        <div style="display: grid; grid-template-columns: 1fr; gap: 16px;">
          <div style="background: #ffffff; padding: 16px; border-radius: 12px; border: 1px solid #e2e8f0;">
            <h3 style="font-size: 18px; color: #0f766e; margin-top: 0;">🧠 التعلم والتدريب الذكي</h3>
            <p style="margin-bottom: 0;">بنك أسئلة متكامل يحتوي على أكثر من 15,000 سؤال طبي شامل (MCQ و Clinical Cases) مع تفسير علمي تفصيلي، بالإضافة إلى فلاش كاردس ذكية مدمجة لحفظ وتثبيت المعلومات.</p>
          </div>
          <div style="background: #ffffff; padding: 16px; border-radius: 12px; border: 1px solid #e2e8f0;">
            <h3 style="font-size: 18px; color: #b45309; margin-top: 0;">⚡ أنظمة اختبارات متطورة</h3>
            <p style="margin-bottom: 0;">أنظمة اختبارات مثل Tornado Exam و Blender Exam لقياس مستوى الاستيعاب الفعلي وتدريب الطلاب على حل الامتحانات تحت ضغط الوقت.</p>
          </div>
          <div style="background: #ffffff; padding: 16px; border-radius: 12px; border: 1px solid #e2e8f0;">
            <h3 style="font-size: 18px; color: #701a75; margin-top: 0;">🤖 مساعد الذكاء الاصطناعي (Domdom AI)</h3>
            <p style="margin-bottom: 0;">مساعدك الشخصي الذكي "دمدم" الذي يشرح لك سبب الإجابات الصحيحة ويوضح المفاهيم الطبية الصعبة ويقدم تقييمات تفصيلية للأسئلة المقالية.</p>
          </div>
          <div style="background: #ffffff; padding: 16px; border-radius: 12px; border: 1px solid #e2e8f0;">
            <h3 style="font-size: 18px; color: #0369a1; margin-top: 0;">🏆 التحديات والترتيب (Leaderboard)</h3>
            <p style="margin-bottom: 0;">ادخل في تحديات مباشرة 1v1 مع زملائك، ونافس على تصدر الليدربورد على مستوى الدفعة والكلية لتعزيز الحماس والاستمرارية.</p>
          </div>
        </div>
      </section>

      <section style="margin-bottom: 30px; background: #eff6ff; padding: 20px; border-radius: 12px; border: 1px solid #bfdbfe; text-align: center;">
        <h2 style="font-size: 20px; color: #1e40af; margin-top: 0;">ابدأ دراستك بذكاء اليوم!</h2>
        <p style="margin-bottom: 20px;">انضم إلى آلاف الطلاب في كليات الطب واستمتع بتجربة دراسة مجانية تفاعلية متكاملة.</p>
        <a href="/auth" style="display: inline-block; background: #2563eb; color: white; padding: 12px 30px; font-weight: bold; border-radius: 8px; text-decoration: none; box-shadow: 0 4px 6px rgba(37,99,235,0.2);">تسجيل الدخول / إنشاء حساب</a>
      </section>

      <footer style="text-align: center; font-size: 14px; color: #94a3b8; border-top: 1px solid #e2e8f0; padding-top: 20px; margin-top: 40px;">
        <p>© 2026 MedPal Team. جميع الحقوق محفوظة. المنصة مجانية بالكامل لطلاب الطب.</p>
      </footer>
    </div>

    <style>
      @keyframes spin {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(360deg);
        }
      }
    </style>
  </div>

  <!-- Fallback if JS fails to load -->
  <noscript>
    <div
      style="display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 20px; text-align: center; font-family: Cairo, sans-serif; direction: rtl;">
      <div style="max-width: 500px;">
        <h1 style="font-size: 32px; color: #dc2626; margin-bottom: 16px;">يجب تفعيل JavaScript</h1>
        <p style="font-size: 18px; color: #6b7280;">لتشغيل MedPal، يرجى تفعيل JavaScript في متصفحك.</p>
      </div>
    </div>
  </noscript>
</body>

</html>