
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>GypsyJazz.app - Grilles d'accords Jazz Manouche</title>
    <meta name="description" content="Grilles d'accords de jazz manouche avec backing tracks et partitions Guitar Pro." />
    <meta name="author" content="GypsyJazz.app" />
    <meta name="keywords" content="jazz manouche, accords, grilles, guitare, musique, django reinhardt" />
    
    <!-- Icons -->
    <link rel="icon" href="/lovable-uploads/6c1aceb5-918e-4be1-9221-8a2057c4c37c.png" type="image/png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    
    <!-- iOS PWA meta tags -->
    <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="GypsyJazz" />
    
    
    <!-- Google Fonts - Optimized loading -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <!-- Fonts loaded via CSS @import in index.css with display=swap -->
    <!-- Hreflang / Canonical (static defaults for homepage, updated by SPA) -->
    <link rel="alternate" hreflang="fr" href="https://gypsyjazz.app/"/>
    <link rel="alternate" hreflang="en" href="https://gypsyjazz.app/?lang=en"/>
    <link rel="alternate" hreflang="de" href="https://gypsyjazz.app/?lang=de"/>
    <link rel="alternate" hreflang="nl" href="https://gypsyjazz.app/?lang=nl"/>
    <link rel="alternate" hreflang="es" href="https://gypsyjazz.app/?lang=es"/>
    <link rel="alternate" hreflang="it" href="https://gypsyjazz.app/?lang=it"/>
    <link rel="alternate" hreflang="x-default" href="https://gypsyjazz.app/"/>
    <link rel="canonical" href="https://gypsyjazz.app/"/>

    <!-- Block indexation for dev domain -->
    <script>
      if (window.location.hostname.includes('gypsydev')) {
        var meta = document.createElement('meta');
        meta.name = 'robots';
        meta.content = 'noindex, nofollow';
        document.head.appendChild(meta);
      }
    </script>
    <script type="module" crossorigin src="/assets/index-BV9aVAfm.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BkKW8-Pz.css">
  </head>

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