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

    <!-- ============================================================
         1. BRANDING & THEME
         ============================================================ -->
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <!-- PWA manifest — place manifest.webmanifest in /public -->
    <link rel="manifest" href="/manifest.webmanifest" />
    <meta name="theme-color" content="#1a6b3c" />
    <!-- MMAC Green — update hex if different -->
    <meta name="msapplication-TileColor" content="#1a6b3c" />
    <meta name="msapplication-config" content="/browserconfig.xml" />

    <!-- ============================================================
         2. CANONICAL & INDEXING
         ============================================================ -->
    <!-- IMPORTANT: updated to production domain (not vercel preview URL) -->
    <link rel="canonical" href="https://mmac-tanzania.com/" />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />
    <meta name="googlebot" content="index, follow" />

    <!-- ============================================================
         3. SEO METADATA
         ============================================================ -->
    <title>MMAC Tanzania | Mwinga Mwanjala Athletics Club</title>
    <meta
      name="description"
      content="Tanzania's premier high-performance athletics club. Developing world-class talent through elite coaching and high-altitude training in Mbeya."
    />
    <meta
      name="keywords"
      content="MMAC Tanzania, Mwinga Mwanjala Athletics Club, Track and Field Tanzania, Mbeya Training Camp, 800m training Tanzania, African athletics, high altitude training"
    />
    <meta name="author" content="Mwinga Mwanjala Athletics Club" />
    <meta name="copyright" content="Mwinga Mwanjala Athletics Club" />
    <meta name="language" content="English" />
    <meta name="geo.region" content="TZ" />
    <meta name="geo.placename" content="Mbeya, Tanzania" />

    <!-- ============================================================
         4. OPEN GRAPH (Facebook, WhatsApp, LinkedIn)
         ============================================================ -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="MMAC Tanzania" />
    <meta property="og:url" content="https://mmac-tanzania.com/" />
    <meta
      property="og:title"
      content="MMAC | Mwinga Mwanjala Athletics Club Tanzania"
    />
    <meta
      property="og:description"
      content="Engineering the next generation of African Speed. Elite high-altitude training in Mbeya, Tanzania."
    />
    <!--
      REQUIRED ACTION: Create a 1200×630px image named og-preview.jpg
      and place it in your /public folder. WhatsApp & Facebook will show it.
    -->
    <meta
      property="og:image"
      content="https://mmac-tanzania.com/og-preview.jpg"
    />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta
      property="og:image:alt"
      content="MMAC Tanzania — Mwinga Mwanjala Athletics Club athletes training at high altitude in Mbeya"
    />
    <meta property="og:locale" content="en_TZ" />

    <!-- ============================================================
         5. TWITTER / X CARD
         ============================================================ -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@MMACTanzania" />
    <!-- Update to your real handle -->
    <meta name="twitter:creator" content="@MMACTanzania" />
    <meta
      name="twitter:title"
      content="MMAC Tanzania | High Performance Athletics"
    />
    <meta
      name="twitter:description"
      content="Developing Tanzania's next Olympic hopefuls through elite coaching and high-altitude training in Mbeya."
    />
    <meta
      name="twitter:image"
      content="https://mmac-tanzania.com/og-preview.jpg"
    />
    <meta
      name="twitter:image:alt"
      content="MMAC Tanzania athletes in training"
    />

    <!-- ============================================================
         6. STRUCTURED DATA — JSON-LD (Google Rich Results)
         ============================================================ -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "SportsOrganization",
        "name": "Mwinga Mwanjala Athletics Club",
        "alternateName": ["MMAC", "MMAC Tanzania"],
        "url": "https://mmac-tanzania.com",
        "logo": {
          "@type": "ImageObject",
          "url": "https://mmac-tanzania.com/logo.png",
          "width": 512,
          "height": 512
        },
        "image": "https://mmac-tanzania.com/og-preview.jpg",
        "description": "Tanzania's premier high-performance athletics club, developing world-class talent through elite coaching and high-altitude training in Mbeya.",
        "sport": "Athletics",
        "foundingLocation": {
          "@type": "Place",
          "name": "Mbeya, Tanzania"
        },
        "address": {
          "@type": "PostalAddress",
          "addressLocality": "Mbeya",
          "addressCountry": "TZ"
        },
        "areaServed": {
          "@type": "Country",
          "name": "Tanzania"
        },
        "sameAs": [
          "https://www.facebook.com/MMACTanzania",
          "https://www.instagram.com/MMACTanzania",
          "https://twitter.com/MMACTanzania"
        ],
        "contactPoint": {
          "@type": "ContactPoint",
          "contactType": "General Enquiries",
          "url": "https://mmac-tanzania.com/contact"
        }
      }
    </script>

    <!-- WebSite schema enables Google Sitelinks Search Box -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "MMAC Tanzania",
        "url": "https://mmac-tanzania.com",
        "potentialAction": {
          "@type": "SearchAction",
          "target": {
            "@type": "EntryPoint",
            "urlTemplate": "https://mmac-tanzania.com/search?q={search_term_string}"
          },
          "query-input": "required name=search_term_string"
        }
      }
    </script>

    <!-- ============================================================
         7. PERFORMANCE — DNS Prefetch & Preconnect
         ============================================================ -->
    <!-- Only preconnect to origins you actually use -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- DNS prefetch for any other third-party services (analytics, CDN, etc.) -->
    <link rel="dns-prefetch" href="https://www.google-analytics.com" />
    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />

    <!--
      LIGHTHOUSE CRITICAL: Preload your LCP (hero) image.
      Change the href to wherever your bundler puts the final hero image.
      In Vite, if hero.webp is in /public, use: href="/hero.webp"
      If imported in JSX (assets folder), use the hashed build path or
      switch to placing the hero in /public and referencing it directly.

      imagesrcset lets the browser pick the right size for the device.
    -->
    <link
      rel="preload"
      as="image"
      href="/hero.webp"
      imagesrcset="/hero-400.webp 400w, /hero-800.webp 800w, /hero.webp 1600w"
      imagesizes="100vw"
      fetchpriority="high"
    />

    <!-- Preload your main web font if self-hosted (remove if using Google Fonts CDN) -->
    <!-- <link rel="preload" as="font" href="/fonts/your-font.woff2" type="font/woff2" crossorigin /> -->

    <!-- ============================================================
         8. SECURITY HEADERS (meta fallbacks — real headers go in vercel.json)
         ============================================================ -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-Frame-Options" content="SAMEORIGIN" />
    <meta
      http-equiv="Referrer-Policy"
      content="strict-origin-when-cross-origin"
    />
    <!--
      Content-Security-Policy is best set as an HTTP header in vercel.json.
      A meta tag CSP does NOT protect against all attack vectors.
      See the vercel.json comment block at the bottom of this file.
    -->

    <!-- ============================================================
         9. GOOGLE SEARCH CONSOLE VERIFICATION
         ============================================================ -->
    <!--
      Replace the content value with your actual verification code from
      Google Search Console → Settings → Ownership verification → HTML tag
    -->
    <meta
      name="google-site-verification"
      content="REPLACE_WITH_YOUR_VERIFICATION_CODE"
    />
    <script type="module" crossorigin src="/assets/index-C2ZD_QqU.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BfeOi6Mo.css">
  </head>

  <body
    class="bg-white text-neutral-900 antialiased selection:bg-primary selection:text-white"
  >
    <!--
      LIGHTHOUSE A11Y: noscript should provide a meaningful fallback.
      Shown only when JS is disabled.
    -->
    <noscript>
      <div style="padding: 2rem; text-align: center; font-family: sans-serif">
        <strong>MMAC Tanzania — Mwinga Mwanjala Athletics Club</strong><br />
        Please enable JavaScript to use this site, or visit us on
        <a href="https://www.facebook.com/MMACTanzania">Facebook</a>.
      </div>
    </noscript>

    <div id="root"></div>

    <!-- Entry point — Vite injects the hashed bundle here at build time -->
  </body>
</html>

<!--
  ================================================================
  COMPANION FILE: vercel.json
  ================================================================
  Create this file at the ROOT of your project (not in /public).
  It handles SPA routing, security headers, and caching for Vercel.
  ================================================================

  {
    "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }],
    "headers": [
      {
        "source": "/(.*)",
        "headers": [
          { "key": "X-Content-Type-Options",        "value": "nosniff" },
          { "key": "X-Frame-Options",               "value": "SAMEORIGIN" },
          { "key": "X-XSS-Protection",              "value": "1; mode=block" },
          { "key": "Referrer-Policy",               "value": "strict-origin-when-cross-origin" },
          { "key": "Permissions-Policy",            "value": "camera=(), microphone=(), geolocation=()" }
        ]
      },
      {
        "source": "/assets/(.*)",
        "headers": [
          { "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }
        ]
      },
      {
        "source": "/(.*.webp|.*.png|.*.jpg|.*.svg|.*.ico)",
        "headers": [
          { "key": "Cache-Control", "value": "public, max-age=86400, stale-while-revalidate=604800" }
        ]
      }
    ]
  }

  ================================================================
  COMPANION FILE: public/manifest.webmanifest
  ================================================================
  Place this in /public. Required for PWA / Lighthouse best practices.
  ================================================================

  {
    "name": "Mwinga Mwanjala Athletics Club",
    "short_name": "MMAC",
    "description": "Tanzania's premier high-performance athletics club.",
    "start_url": "/",
    "display": "standalone",
    "background_color": "#ffffff",
    "theme_color": "#1a6b3c",
    "icons": [
      { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
      { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png" },
      { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
    ]
  }

-->
