
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- Primary Meta Tags - Generic defaults, overridden by React Helmet on specific pages -->
    <title>Blockchain Jungle</title>
    <meta name="description" content="Latin America's Premier Tech Conference">
    <meta name="author" content="Blockchain Jungle">
    <meta name="robots" content="index, follow">
    
    <!-- Open Graph - Minimal defaults, specific pages override these -->
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Blockchain Jungle">
    
    <!-- Twitter Card - Minimal defaults -->
    <meta property="twitter:card" content="summary_large_image">
    
    <!-- Favicon -->
    <link rel="icon" href="/lovable-uploads/db60f575-5cdf-4d3d-b410-74bcb27fc99c.png" type="image/png">
    <link rel="apple-touch-icon" sizes="180x180" href="/lovable-uploads/db60f575-5cdf-4d3d-b410-74bcb27fc99c.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/lovable-uploads/db60f575-5cdf-4d3d-b410-74bcb27fc99c.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/lovable-uploads/db60f575-5cdf-4d3d-b410-74bcb27fc99c.png">
    
    <!-- Preconnect to important domains -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://cdn.weglot.com">
    <link rel="dns-prefetch" href="https://cdn.weglot.com">
    
    <!-- PWA related tags -->
    <meta name="theme-color" content="#00FFA7">
    <link rel="manifest" href="/manifest.json">
    
    <!-- Mobile app capability -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="Blockchain Jungle">
    
    <!-- Weglot Translation -->
    <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
    <script>
      // Weglot SPA setup + debug
      try {
        Weglot.initialize({
          api_key: 'wg_9f26740d991ca83b3baa7673a741782f7',
          originalLanguage: 'en',
          destinationLanguages: ['es'],
          dynamicElements: { containerSelector: '#root', observeChanges: true },
          autoSwitch: false
        });

        // Set <html lang> to current language for accessibility/SEO
        const setHtmlLang = (lang) => {
          try { document.documentElement.setAttribute('lang', lang); } catch (_) {}
        };

        // Sync immediately if available
        try { setHtmlLang(Weglot.getCurrentLang()); } catch (_) {}

        // Useful lifecycle logs to debug in console
        Weglot.on('initialized', (lang) => {
          console.log('[Weglot] initialized, lang:', lang);
          setHtmlLang(lang);
        });
        Weglot.on('switchersReady', (lang) => {
          console.log('[Weglot] switchersReady, lang:', lang);
        });
        Weglot.on('languageChanged', (newLang) => {
          console.log('[Weglot] languageChanged →', newLang);
          setHtmlLang(newLang);
        });
      } catch (e) {
        console.error('[Weglot] init error:', e);
      }
    </script>
    <script type="module" crossorigin src="/assets/index-CASLlwbE.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-X1qh5qFQ.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-ClxH2fEx.js">
    <link rel="stylesheet" crossorigin href="/assets/css/index-Cp7U5r-S.css">
  </head>

  <body>
    <div id="root"></div>
    <!-- IMPORTANT: DO NOT REMOVE THIS SCRIPT TAG OR THIS VERY COMMENT! -->
    <script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
  </body>
</html>
