<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" id="theme-color-meta" content="#f8fafc" />
    
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-PF9K5569');</script>
    <!-- End Google Tag Manager -->
    
    <!-- Primary Meta Tags -->
    <title>Truviz Studio - Data Visualization & AI Analysis Platform</title>
    <meta name="title" content="Truviz Studio - Data Visualization & AI Analysis Platform" />
    <meta name="description" content="Advanced data visualization, AI-powered analysis, and creative technology tools. Explore interactive charts, decode complex data patterns, and transform insights into compelling visual narratives." />
    <meta name="keywords" content="data visualization, AI analysis, World Bank data, interactive charts, creative technology, data science tools, GDP analysis, population trends, climate data" />
    <meta name="author" content="Truviz Studio" />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://truviz.com/" />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://truviz.com/" />
    <meta property="og:title" content="Truviz Studio - Data Visualization & AI Analysis Platform" />
    <meta property="og:description" content="Advanced data visualization, AI-powered analysis, and creative technology tools. Transform data into insights with interactive visualizations." />
    <!-- TODO: Uncomment when professional images are ready
    <meta property="og:image" content="https://truviz.com/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Truviz Studio - Data Visualization Platform" />
    -->
    <meta property="og:site_name" content="Truviz Studio" />
    <meta property="og:locale" content="en_US" />
    
    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://truviz.com/" />
    <meta property="twitter:title" content="Truviz Studio - Data Visualization & AI Analysis" />
    <meta property="twitter:description" content="Advanced data visualization, AI-powered analysis, and creative technology tools. Transform data into insights." />
    <!-- TODO: Uncomment when professional images are ready
    <meta property="twitter:image" content="https://truviz.com/twitter-card.png" />
    <meta property="twitter:image:alt" content="Truviz Studio Platform" />
    -->
    
    <!-- PWA & Mobile -->
    <meta name="application-name" content="Truviz Studio" />
    <meta name="apple-mobile-web-app-title" content="Truviz" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="mobile-web-app-capable" content="yes" />
    <link rel="apple-touch-icon" href="/logo192.png" />
    
    <!-- Additional Meta Tags -->
    <meta name="language" content="English" />
    <meta name="revisit-after" content="7 days" />
    <meta name="category" content="Technology, Data Science, Analytics" />
    
    <!-- Geo Tags (Optional - Update with actual location) -->
    <meta name="geo.region" content="US" />
    
    <!-- Verification Tags (Add when setting up) -->
    <!-- <meta name="google-site-verification" content="your-verification-code" /> -->
    <!-- <meta name="msvalidate.01" content="your-bing-verification-code" /> -->
    
    <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
    -->
    <!-- <link rel="manifest" href="/manifest.json" /> -->
    <script type="module" crossorigin src="/assets/index-CFUgXJ0B.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BCMJD5mB.css">
  </head>
  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PF9K5569"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div id="root"></div>
  </body>
</html>
