<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="google-site-verification" content="Nm32Ae-FvJgRZ2REQjnUlPauV-zvykrMZ0l5WcjqMoE" />
    <link rel="icon" href="/favicon.png" type="image/png">
    <link rel="apple-touch-icon" href="/favicon.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon.png">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover" />
    <title>The Darkives | Paranormal & Anomaly Database</title>
    <meta name="description" content="Global database of paranormal phenomena: ghost encounters, UFO/UAP sightings, cryptids, and unexplained anomalies with verified eyewitness accounts.">
    <meta name="keywords" content="the darkives, darkives, paranormal activity, anomaly database, paranormal anomalies, paranormal database, ghost encounters, UFO sightings, UAP reports, cryptid sightings, interdimensional phenomena, unexplained anomalies, haunted locations">
    <meta name="author" content="The Darkives" />

    
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://thedarkives.org/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@thedarkivesorg" />
    <meta name="twitter:image" content="https://thedarkives.org/og-image.png" />
    
    <!-- Preconnect to critical origins for faster loading -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://zthezcgfiyctiqjezzep.supabase.co">
    
    <!-- Preload critical fonts with display swap for better LCP -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Creepster&family=Dancing+Script:wght@400;700&family=Caveat:wght@400;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Creepster&family=Dancing+Script:wght@400;700&family=Caveat:wght@400;600;700&display=swap" rel="stylesheet"></noscript>
    
    <!-- Canonical URL is set dynamically by usePageMeta per page -->
    
    <!-- Structured Data for SEO -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "The Darkives",
      "alternateName": "The Darkives.org Paranormal Phenomena & Anomaly Archive",
      "url": "https://thedarkives.org/",
      "description": "Global database of paranormal activity, anomalies, and unexplained phenomena. Documented ghost encounters, UFO/UAP sightings, cryptids, and interdimensional anomalies with verified eyewitness accounts.",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://thedarkives.org/?search={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
    
    <!-- Google Analytics - defer to improve LCP -->
    <script defer src="https://www.googletagmanager.com/gtag/js?id=G-7FTYSM71YT"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-7FTYSM71YT');
    </script>
    
    <!-- Privacy-friendly analytics by Plausible - defer to improve LCP -->
    <script defer src="https://plausible.io/js/pa-GP3UQnIiglZu1iAXrQ5YO.js"></script>
    <script>
      window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
      plausible.init()
    </script>
    
    <!-- Amplitude Analytics with Session Replay - defer to improve LCP -->
    <script>
      // Load Amplitude after page becomes interactive to avoid blocking LCP
      window.addEventListener('load', function() {
        setTimeout(function() {
          var s = document.createElement('script');
          s.src = 'https://cdn.amplitude.com/script/f0bcddd5c019956df185969807011c14.js';
          s.onload = function() {
            window.amplitude.add(window.sessionReplay.plugin({sampleRate: 1}));
            window.amplitude.init('f0bcddd5c019956df185969807011c14', {
              "fetchRemoteConfig": true,
              "autocapture": {
                "attribution": true,
                "fileDownloads": true,
                "formInteractions": true,
                "pageViews": true,
                "sessions": true,
                "elementInteractions": true,
                "networkTracking": true,
                "webVitals": true,
                "frustrationInteractions": true
              }
            });
          };
          document.head.appendChild(s);
        }, 2000);
      });
    </script>
    
    
  
  
  
    <meta name="theme-color" content="#0a0a0f" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <style>html, body, #root { background-color: #0a0a0f; }</style>
    <meta property="og:title" content="The Darkives | Paranormal Phenomena &amp; Paranormal Anomaly Database">
  <meta name="twitter:title" content="The Darkives | Paranormal Phenomena &amp; Paranormal Anomaly Database">
  <meta property="og:description" content="TheDarkives.org: Global database of paranormal phenomena, anomalies, and the unexplained. Documented ghost encounters, UFO/UAP sightings, cryptids, and interdimensional anomalies with verified eyewitness accounts.">
  <meta name="twitter:description" content="TheDarkives.org: Global database of paranormal phenomena, anomalies, and the unexplained. Documented ghost encounters, UFO/UAP sightings, cryptids, and interdimensional anomalies with verified eyewitness accounts.">
  <script type="module" crossorigin src="/assets/index-yJy7U-Lp.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/index-BpeMXhQe.css">
<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script></head>

  <body style="background-color:#0a0a0f;margin:0;padding:0">
    <div id="root"></div>
  </body>
</html>
