<!DOCTYPE html>
<html lang="id">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- No-cache for HTML so users always get fresh index.html; JS/CSS assets are hashed (cache-busted automatically) -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <title>Tutry — Tanya Apapun. Pahami Sampai Bisa. | AI Tutor untuk Pelajar Indonesia</title>
    <meta name="description" content="Tutry bantu kamu belajar lebih cepat dengan AI — dan setiap langkahmu juga bantu pelajar lain. Mulai belajar sekarang!" />
    <meta name="keywords" content="Tutry, AI tutor, belajar online, pendidikan Indonesia, donasi pendidikan, belajar AI" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicon.png" />
    
    <!-- Open Graph -->
    <meta property="og:title" content="Tutry — Tanya Apapun. Pahami Sampai Bisa." />
    <meta property="og:description" content="Belajar lebih cepat dengan AI. Setiap langkahmu bantu pelajar lain." />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="/og-image.png" />

    <!-- Preconnect: only Midtrans (Snap.js loads on-demand, not at first paint) -->
    <link rel="preconnect" href="https://app.midtrans.com" crossorigin />
    <link rel="dns-prefetch" href="https://connect.facebook.net" />
    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
    <link rel="dns-prefetch" href="https://jn5ly8yu40.execute-api.ap-southeast-1.amazonaws.com" />

    <!-- Preload hero logo (LCP element) -->
    <link rel="preload" as="image" href="/tutry_ai_logo.svg" fetchpriority="high" />
    <script type="module" crossorigin src="/assets/index-B2Zh7zCO.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-react-D-qtOtjJ.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-router-xFLuf9Tb.js">
    <link rel="stylesheet" crossorigin href="/assets/index-BcpdzkNR.css">
  </head>
  <body>
    <!-- Meta Pixel NoScript Fallback -->
    <noscript>
      <img height="1" width="1" style="display:none"
        src="https://www.facebook.com/tr?id=2088201868582254&ev=PageView&noscript=1"/>
    </noscript>
    <div id="root"></div>

    <!-- Tracking scripts deferred AFTER page render (non-blocking) -->
    <script>
      // Load Meta Pixel + GTM after first paint
      window.addEventListener('load', function() {
        setTimeout(function() {
          // Meta Pixel
          !function(f,b,e,v,n,t,s)
          {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
          n.callMethod.apply(n,arguments):n.queue.push(arguments)};
          if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
          n.queue=[];t=b.createElement(e);t.async=!0;
          t.src=v;s=b.getElementsByTagName(e)[0];
          s.parentNode.insertBefore(t,s)}(window, document,'script',
          'https://connect.facebook.net/en_US/fbevents.js');
          fbq('set', 'autoConfig', false, '2088201868582254');
          fbq('init', '2088201868582254');
          fbq('track', 'PageView');

          // Google Analytics
          var gs = document.createElement('script');
          gs.async = true;
          gs.src = 'https://www.googletagmanager.com/gtag/js?id=G-JT0KRTD08D';
          document.head.appendChild(gs);
          gs.onload = function() {
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            window.gtag = gtag;
            gtag('js', new Date());
            gtag('config', 'G-JT0KRTD08D');
          };
        }, 2000); // 2s delay — well after FCP/LCP, no TBT impact
      });
    </script>
  </body>
</html>
