<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Digitech Horizons - AI-Powered Content Protection</title>
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="32x32" href="/logo.png" />
    <link rel="apple-touch-icon" href="/logo.png" />
    
    <!-- SEO Meta Tags -->
    <meta name="description" content="Digitech Horizons - Advanced AI-powered protection for your intellectual property. Comprehensive anti-piracy solutions and content monitoring." />
    <meta name="keywords" content="content protection, anti-piracy, DMCA takedown, intellectual property, AI monitoring, digital security" />
    <meta name="author" content="Digitech Horizons" />
    <meta name="robots" content="index, follow" />
    <meta name="theme-color" content="#1e40af" />
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Digitech Horizons - AI-Powered Content Protection" />
    <meta property="og:description" content="Advanced AI-powered protection for your intellectual property" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://digitechhorizons.com" />
    <meta property="og:site_name" content="Digitech Horizons" />
    <meta property="og:image" content="https://digitechhorizons.com/image.png" />
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Digitech Horizons - AI-Powered Content Protection" />
    <meta name="twitter:description" content="Advanced AI-powered protection for your intellectual property" />
    <meta name="twitter:image" content="https://digitechhorizons.com/image.png" />
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://digitechhorizons.com" />
    
    <!-- Optimized font preloading -->
    <link
      rel="preload"
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
      as="style"
      crossorigin="anonymous"
      onload="this.onload=null;this.rel='stylesheet'"
    />
    <noscript>
      <link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
      />
    </noscript>
    
    <!-- Critical CSS to prevent FOUC -->
    <style>
      body {
        margin: 0;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        background: linear-gradient(to bottom, #0f172a, #1e3a8a) !important;
        color: white;
        min-height: 100vh;
        overflow-x: hidden;
      }
      
      #root {
        min-height: 100vh;
        width: 100%;
        position: relative;
      }
      
      /* Prevent flash of unstyled content */
      .app-loading {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
      }
      
      .app-loaded {
        opacity: 1;
      }
    </style>
    
    <!-- Structured Data for SEO -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Digitech Horizons",
      "url": "https://digitechhorizons.com",
      "logo": "https://digitechhorizons.com/image.png",
      "description": "Advanced AI-powered content protection and anti-piracy solutions",
      "sameAs": [
        "https://twitter.com/digitechhorizons",
        "https://linkedin.com/company/digitechhorizons",
        "https://github.com/digitechhorizons"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+1-555-123-4567",
        "contactType": "customer service",
        "email": "digitechwebdeveloper@gmail.com"
      },
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "123 Tech Street",
        "addressLocality": "San Francisco",
        "addressRegion": "CA",
        "postalCode": "94105",
        "addressCountry": "US"
      }
    }
    </script>
    <script type="module" crossorigin src="/assets/js/index-BXiLS0i4.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/js/react-vendor-BUXeYvKj.js">
    <link rel="modulepreload" crossorigin href="/assets/js/motion-_b6XbFdg.js">
    <link rel="modulepreload" crossorigin href="/assets/js/router-BsX5FJPi.js">
    <link rel="stylesheet" crossorigin href="/assets/css/index-CUeEXocJ.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>