<!doctype html>
<html lang="en" class="dark">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

  <!-- ── Primary SEO ──────────────────────────────────────────── -->
  <title>Mohamad Abdelnaby — Software Engineer & Creative Coder</title>
  <meta name="description" content="Mohamad Abdelnaby (mabdelnaby / Yamo / Y4M06) — Software Engineer specializing in Cloud, Fintech, and Security." />
  <meta name="keywords" content="Mohamad Abdelnaby, mabdelnaby, Yamo, Y4M06, software engineer, creative coder, Cloud, Fintech, Security, systems programming, real-time architecture" />
  <meta name="author" content="Mohamad Abdelnaby" />
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <link rel="canonical" href="https://mabdelnaby.com/" />

  <!-- ── Open Graph (Facebook / LinkedIn / Discord) ───────────── -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://mabdelnaby.com/" />
  <meta property="og:site_name" content="Mohamad Abdelnaby" />
  <meta property="og:title" content="Mohamad Abdelnaby — Software Engineer & Creative Coder" />
  <meta property="og:description" content="Mohamad Abdelnaby (mabdelnaby / Yamo / Y4M06) — Software Engineer specializing in Cloud, Fintech, and Security." />
  <meta property="og:image" content="https://mabdelnaby.com/Y4M06.png" />
  <meta property="og:locale" content="en_US" />

  <!-- ── Twitter / X Card ─────────────────────────────────────── -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:site" content="@Y4M06" />
  <meta name="twitter:creator" content="@Y4M06" />
  <meta name="twitter:title" content="Mohamad Abdelnaby — Software Engineer & Creative Coder" />
  <meta name="twitter:description" content="Mohamad Abdelnaby (mabdelnaby / Yamo / Y4M06) — Software Engineer specializing in Cloud, Fintech, and Security." />
  <meta name="twitter:image" content="https://mabdelnaby.com/Y4M06.png" />

  <!-- ── Structured Data: Person (JSON-LD) ────────────────────── -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Person",
    "name": "Mohamad Abdelnaby",
    "alternateName": ["mabdelnaby", "Yamo", "Y4M06"],
    "url": "https://mabdelnaby.com",
    "image": "https://mabdelnaby.com/Y4M06.png",
    "jobTitle": "Software Engineer",
    "description": "Software Engineer specializing in Cloud, Fintech, and Security.",
    "email": "contact@mabdelnaby.com",
    "sameAs": [
      "https://github.com/Y4M06",
      "https://linkedin.com/in/mohamadd.abdelnaby",
      "https://twitter.com/Y4M06"
    ]
  }
  </script>

  <!-- ── Favicon & fonts ──────────────────────────────────────── -->
  <link rel="icon" type="image/png" href="/Y4M06.png" />
  <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=Fira+Code:wght@300..700&family=Inter:wght@300..700&family=Lora:ital,wght@0,400..700;1,400&display=swap" rel="stylesheet" />
  <!-- Preconnect for Cal.com embed -->
  <link rel="dns-prefetch" href="https://cal.com" />
  <link rel="preconnect" href="https://app.cal.com" crossorigin />
  <script type="module" crossorigin src="/assets/index-De2hSdNE.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/vendor-react-Cq2TKhAs.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-gsap-DzjujNPR.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-lenis-CpJfINCX.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-lucide-Ba4ohpVm.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-router-BrAVPN5Y.js">
  <link rel="stylesheet" crossorigin href="/assets/index-B7UUyUwe.css">
</head>
<body>
  <div id="root"></div>
</body>
</html>