<!DOCTYPE html>
<html lang="ar" dir="rtl" class="dark">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- Primary Page Title & Metadata -->
    <title>MK Tech | محمد خيري — شروحات الذكاء الاصطناعي وبناء التطبيقات بدون كود</title>
    <meta name="description" content="MK Tech (ام كي تيك) — شروحات عملية وتجارب حية لأدوات الذكاء الاصطناعي، بناء التطبيقات بدون كود، والـ APIs المجانية — من محمد خيري (@Mohamed_Khairy_5i)." />
    <meta name="author" content="Mohamed Khairy (محمد خيري)" />
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
    <meta name="google-site-verification" content="Z0YK24C8O-2E4CbtMs3VUoKtm-PYbV9xPfz-UpjZV9s" />

    <!-- Canonical URL -->
    <link rel="canonical" href="https://mk-tech.pages.dev/" />

    <!-- Multi-Language Alternate Hreflang Tags (Google Search Standard) -->
    <link rel="alternate" hreflang="ar" href="https://mk-tech.pages.dev/" />
    <link rel="alternate" hreflang="en" href="https://mk-tech.pages.dev/" />
    <link rel="alternate" hreflang="x-default" href="https://mk-tech.pages.dev/" />

    <!-- Bilingual RSS Feeds Auto-Discovery -->
    <link rel="alternate" type="application/rss+xml" title="MK Tech (العربية) — تغذية المقالات" href="./rss-ar.xml" />
    <link rel="alternate" type="application/rss+xml" title="MK Tech (English) — Articles Feed" href="./rss-en.xml" />
    <link rel="alternate" type="application/rss+xml" title="MK Tech (Main Feed)" href="./rss.xml" />

    <!-- Agentic Resource Discovery (ARD) for AI Agents -->
    <link rel="ard" href="./.well-known/ard.json" />
    <link rel="api-catalog" href="./.well-known/api-catalog" />
    <link rel="service-desc" href="./.well-known/mcp/server-card.json" />
    <link rel="describedby" href="./llms.txt" />

    <!-- WebMCP Tool Registration for Browser AI Agents -->
    <script>
      (function() {
        if (typeof window !== 'undefined' && window.document && 'modelContext' in window.document) {
          try {
            window.document.modelContext.registerTool({
              name: 'search_mk_tech_content',
              description: 'Search MK Tech AI tutorials, no-code guides, and developer videos',
              inputSchema: {
                type: 'object',
                properties: { query: { type: 'string', description: 'The search term or topic' } },
                required: ['query']
              },
              execute: async function(params) {
                return { status: 'success', url: 'https://mk-tech.pages.dev/blog?q=' + encodeURIComponent(params.query || '') };
              }
            });
          } catch(e) {}
        }
      })();
    </script>

    <!-- Open Graph (Facebook, LinkedIn, Discord) -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="MK Tech" />
    <meta property="og:url" content="https://mk-tech.pages.dev/" />
    <meta property="og:title" content="MK Tech | Mohamed Khairy — AI, No-Code &amp; Developer Tools" />
    <meta property="og:description" content="Practical tutorials, AI coding agents, No-Code app building, and free APIs from Mohamed Khairy (@mohamed_khairy_5i)." />
    <meta property="og:image" content="https://mk-tech.pages.dev/img/mohamed_khairy.jpg" />
    <meta property="og:locale" content="ar_AR" />
    <meta property="og:locale:alternate" content="en_US" />

    <!-- Twitter / X Cards -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@mohamed_khairy_5i" />
    <meta name="twitter:creator" content="@mohamed_khairy_5i" />
    <meta name="twitter:title" content="MK Tech | Mohamed Khairy" />
    <meta name="twitter:description" content="Practical tutorials, AI coding agents, No-Code app building, and free APIs from Mohamed Khairy." />
    <meta name="twitter:image" content="https://mk-tech.pages.dev/img/mohamed_khairy.jpg" />

    <!-- Favicon & PWA Manifest -->
    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
    <link rel="manifest" href="./site.webmanifest" />
    <meta name="theme-color" content="#0a0a0c" />

    <!-- Google Fonts Preconnect -->
    <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;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />

    <!-- Top-Tier Structured Data (JSON-LD) for Search Engines -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "WebSite",
          "@id": "https://mk-tech.pages.dev/#website",
          "url": "https://mk-tech.pages.dev/",
          "name": "MK Tech",
          "alternateName": ["ام كي تيك", "Mohamed Khairy Tech"],
          "description": "Practical tutorials, AI tools, No-Code guides, and developer workflows from Mohamed Khairy.",
          "inLanguage": ["ar", "en"],
          "publisher": {
            "@id": "https://mk-tech.pages.dev/#creator"
          },
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://mk-tech.pages.dev/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
          }
        },
        {
          "@type": "Person",
          "@id": "https://mk-tech.pages.dev/#creator",
          "name": "Mohamed Khairy",
          "alternateName": "محمد خيري",
          "url": "https://mk-tech.pages.dev/about",
          "image": "https://mk-tech.pages.dev/img/mohamed_khairy.jpg",
          "jobTitle": "AI & No-Code Creator",
          "sameAs": [
            "https://www.youtube.com/@mohamed_khairy_5i",
            "https://www.linkedin.com/in/mohamed-khairy-5i",
            "https://github.com/mohamed-khairy-5i"
          ]
        },
        {
          "@type": "Organization",
          "@id": "https://mk-tech.pages.dev/#organization",
          "name": "MK Tech",
          "url": "https://mk-tech.pages.dev/",
          "logo": "https://mk-tech.pages.dev/favicon.svg",
          "founder": {
            "@id": "https://mk-tech.pages.dev/#creator"
          }
        }
      ]
    }
    </script>

    <!-- Initial Theme & Language Bootstrapper -->
    <script>
      (function () {
        try {
          var storedTheme = localStorage.getItem('theme') || 'dark';
          var storedLang = localStorage.getItem('lang') || 'ar';
          var root = document.documentElement;
          root.classList.add('js');
          root.classList.remove('dark', 'light');
          root.classList.add(storedTheme);
          root.lang = storedLang;
          root.dir = storedLang === 'ar' ? 'rtl' : 'ltr';
          if (storedLang === 'ar') {
            root.classList.add('rtl');
          } else {
            root.classList.add('ltr');
          }
        } catch (e) {}
      })();
    </script>
    <script type="module" crossorigin src="./assets/index-KbnI5GZP.js"></script>
    <link rel="stylesheet" crossorigin href="./assets/index-C3zbBz3Z.css">
  </head>
  <body class="font-body-md text-body-md selection:bg-primary selection:text-on-primary overflow-x-hidden">
    <div id="root"></div>
  </body>
</html>
