
<!DOCTYPE html>
<html lang="ar" dir="rtl" class="dark">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230ea5e9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' x2='10' y1='12' y2='12' /%3E%3Cline x1='8' x2='8' y1='10' y2='14' /%3E%3Cline x1='15' x2='15.01' y1='13' y2='13' /%3E%3Cline x1='18' x2='18.01' y1='11' y2='11' /%3E%3Crect x='2' y='6' width='20' height='12' rx='2' /%3E%3C/svg%3E" />
    <link rel="manifest" href="/manifest.json" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />
    <meta name="theme-color" content="#030014" />
    
    <!-- SEO Meta Tags -->
    <title>EDUGame AI - Transform Videos into Interactive Learning</title>
    <meta name="title" content="EDUGame - Transform Videos into Interactive Learning">
    <meta name="description" content="Learn smarter with AI-powered quizzes from any YouTube video or PDF. Gamified learning with XP, achievements, and spaced repetition.">
    <meta name="keywords" content="learning, education, AI, gamification, YouTube learning, quiz generator, spaced repetition, flashcards">
    <meta name="author" content="EDUGame">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://edugame-cip.pages.dev/">
    <meta property="og:title" content="EDUGame - Transform Videos into Interactive Learning">
    <meta property="og:description" content="Learn smarter with AI-powered quizzes from any YouTube video or PDF.">
    <meta property="og:image" content="/og-image.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://edugame-cip.pages.dev/">
    <meta property="twitter:title" content="EDUGame - Transform Videos into Interactive Learning">
    <meta property="twitter:description" content="Learn smarter with AI-powered quizzes from any YouTube video or PDF.">
    <meta property="twitter:image" content="/twitter-card.png">

    <!-- Canonical -->
    <link rel="canonical" href="https://edugame-cip.pages.dev/">

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    
    <!-- JSON-LD Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "EDUGame",
      "description": "Transform videos into interactive learning experiences with AI",
      "url": "https://edugame-cip.pages.dev",
      "applicationCategory": "EducationalApplication",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "creator": {
        "@type": "Organization",
        "name": "EDUGame",
        "url": "https://edugame-cip.pages.dev"
      }
    }
    </script>

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

<link rel="stylesheet" href="/index.css">
  <script type="importmap">
{
  "imports": {
    "react-helmet-async": "https://aistudiocdn.com/react-helmet-async@^2.0.5",
    "tailwind-merge": "https://aistudiocdn.com/tailwind-merge@^3.4.0",
    "react-hook-form": "https://aistudiocdn.com/react-hook-form@^7.68.0",
    "buffer": "https://aistudiocdn.com/buffer@^6.0.3",
    "@hookform/resolvers/": "https://aistudiocdn.com/@hookform/resolvers@^5.2.2/",
    "@testing-library/react": "https://aistudiocdn.com/@testing-library/react@^16.3.0",
    "i18next-browser-languagedetector": "https://aistudiocdn.com/i18next-browser-languagedetector@^8.2.0",
    "@tanstack/react-query": "https://aistudiocdn.com/@tanstack/react-query@^5.90.12",
    "clsx": "https://aistudiocdn.com/clsx@^2.1.1",
    "react/": "https://aistudiocdn.com/react@^19.2.1/",
    "react": "https://aistudiocdn.com/react@^19.2.1",
    "react-router-dom": "https://aistudiocdn.com/react-router-dom@^7.10.1",
    "framer-motion": "https://aistudiocdn.com/framer-motion@^12.23.25",
    "fs": "https://aistudiocdn.com/fs@^0.0.1-security",
    "tailwindcss": "https://aistudiocdn.com/tailwindcss@^4.1.17",
    "recharts": "https://aistudiocdn.com/recharts@^3.5.1",
    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.1/",
    "react-dom": "https://aistudiocdn.com/react-dom@^19.2.1",
    "vite": "https://aistudiocdn.com/vite@^7.2.6",
    "@vitejs/plugin-react": "https://aistudiocdn.com/@vitejs/plugin-react@^5.1.1",
    "vitest/": "https://aistudiocdn.com/vitest@^4.0.15/",
    "vitest": "https://aistudiocdn.com/vitest@^4.0.15",
    "react-i18next": "https://aistudiocdn.com/react-i18next@^16.4.0",
    "dompurify": "https://aistudiocdn.com/dompurify@^3.3.0",
    "react-router": "https://aistudiocdn.com/react-router@^7.10.1",
    "path": "https://aistudiocdn.com/path@^0.12.7",
    "url": "https://aistudiocdn.com/url@^0.11.4",
    "vite-plugin-compression": "https://aistudiocdn.com/vite-plugin-compression@^0.5.1",
    "@playwright/test": "https://aistudiocdn.com/@playwright/test@^1.57.0",
    "i18next": "https://aistudiocdn.com/i18next@^25.7.1",
    "@testing-library/jest-dom/": "https://aistudiocdn.com/@testing-library/jest-dom@^6.9.1/",
    "@google/genai": "https://aistudiocdn.com/@google/genai@^1.31.0",
    "zustand/": "https://aistudiocdn.com/zustand@^5.0.9/",
    "zustand": "https://aistudiocdn.com/zustand@^5.0.9",
    "zod": "https://aistudiocdn.com/zod@^4.1.13",
    "rollup-plugin-visualizer": "https://aistudiocdn.com/rollup-plugin-visualizer@^6.0.5",
    "@playwright/test/": "https://aistudiocdn.com/@playwright/test@^1.57.0/",
    "jspdf": "https://aistudiocdn.com/jspdf@^3.0.4",
    "jspdf-autotable": "https://aistudiocdn.com/jspdf-autotable@^5.0.2",
    "idb-keyval": "https://aistudiocdn.com/idb-keyval@^6.2.2"
  }
}
</script>
  <script type="module" crossorigin src="/assets/index-CKHQo9hP.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/vendor-react-DVj7LO1T.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-ui-C_lBn0_0.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-i18n-B667hG7X.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-state-KF8k5yBf.js">
  <link rel="stylesheet" crossorigin href="/assets/index-ZTmmBKa3.css">
</head>
  <body>
    <div id="root"></div>
    <noscript>
      <div style="text-align: center; padding: 50px; color: white; font-family: sans-serif;">
        <h1>JavaScript Required</h1>
        <p>Please enable JavaScript to use EDUGame.</p>
      </div>
    </noscript>
</body>
</html>
