<!doctype html>
<html lang="tr">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes" />
    <meta name="description" content="noxisinvestments - Professional Property Investment Management Platform for the UK Market. Track investments, manage costs, analyze performance with confidence." />
    <meta name="theme-color" content="#2563EB" />
    
    <!-- SEO Meta Tags -->
    <meta name="keywords" content="property investment, UK property, property management, real estate investment, property portfolio, noxisinvestments" />
    <meta name="author" content="noxisinvestments" />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.noxisinvestments.com" />
    <meta property="og:title" content="noxisinvestments - Property Investment Management" />
    <meta property="og:description" content="Comprehensive property management platform designed for the UK market. Track investments, manage costs, analyze performance, and grow your portfolio with confidence." />
    <meta property="og:site_name" content="noxisinvestments" />
    
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://www.noxisinvestments.com" />
    <meta name="twitter:title" content="noxisinvestments - Property Investment Management" />
    <meta name="twitter:description" content="Comprehensive property management platform designed for the UK market. Track investments, manage costs, analyze performance, and grow your portfolio with confidence." />
    
    <!-- PWA Meta Tags - Removed for BFCache compatibility -->
    <!-- <meta name="application-name" content="noxisinvestments" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="noxisinvestments" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="msapplication-config" content="/browserconfig.xml" />
    <meta name="msapplication-TileColor" content="#2563EB" />
    <meta name="msapplication-tap-highlight" content="no" /> -->
    
    <!-- Manifest -->
    <!-- <link rel="manifest" href="/manifest.json" /> --> <!-- Removed for BFCache compatibility -->
    
    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" href="/icon-192.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/icon-192.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/icon-192.png" />
    <link rel="apple-touch-icon" sizes="167x167" href="/icon-192.png" />
    
    <!-- Favicons -->
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon.ico" />
    <link rel="shortcut icon" href="/favicon.ico" />
    
    <!-- Use system fonts for better performance and reliability -->
    <!-- Removed Google Fonts to prevent loading errors -->
    
    <!-- Preconnect to critical origins -->
    <link rel="preconnect" href="https://fadodborsfenfaidlhdr.supabase.co" crossorigin>
    <link rel="dns-prefetch" href="https://fadodborsfenfaidlhdr.supabase.co">
    
    <!-- Preload critical JavaScript chunks -->
    <!-- Removed modulepreload - Vite handles this automatically in production -->
    
    <!-- Critical CSS inline -->
    <style>
      /* Critical CSS to prevent FOUC */
      body {
        margin: 0;
        padding: 0;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        background-color: #f9fafb;
        color: #111827;
        visibility: hidden;
        font-display: swap;
      }
      
      body.loaded {
        visibility: visible;
      }
      
      #root {
        min-height: 100vh;
      }
      
      /* Optimized loading spinner */
      .loading-spinner {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 32px;
        height: 32px;
        border: 3px solid #e5e7eb;
        border-top: 3px solid #3b82f6;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
        will-change: transform;
      }
      
      @keyframes spin {
        0% { transform: translate(-50%, -50%) rotate(0deg); }
        100% { transform: translate(-50%, -50%) rotate(360deg); }
      }
    </style>
    
    <title>noxisinvestments - Property Investment Management Platform</title>
    <script type="module" crossorigin src="/assets/index-284-T-dg.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-BC0W8WD7.js">
    <link rel="modulepreload" crossorigin href="/assets/react-core-BYFVErL-.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-D-Z-Kpjp.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-libs-BJeS7sC5.js">
    <link rel="stylesheet" crossorigin href="/assets/index-CoTPrXcc.css">
  </head>
  <body>
    <div id="root">
      <div class="loading-spinner"></div>
    </div>
    
    <!-- CSS loading detection -->
    <script>
      // Ensure CSS is loaded before showing content
      document.addEventListener('DOMContentLoaded', function() {
        // Wait for CSS to be fully loaded
        setTimeout(function() {
          document.body.classList.add('loaded');
        }, 50);
      });
      
      // Fallback: show content after 500ms regardless
      setTimeout(function() {
        document.body.classList.add('loaded');
      }, 500);
    </script>
  </body>
</html>
