<!DOCTYPE html>
<html lang="en" class="light" style="color-scheme: light;">
  <head>
    <!-- Character Encoding & Viewport -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    
    <!-- Theme Color for Mobile -->
    <meta name="theme-color" content="#faf9f7" media="(prefers-color-scheme: light)" />
    <meta name="theme-color" content="#171a1e" media="(prefers-color-scheme: dark)" />
    
    <!-- Prevent Flash - Check theme before render -->
    <script>
      (function() {
        const theme = localStorage.getItem('hearu-theme');
        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
        const effectiveTheme = theme === 'system' ? (prefersDark ? 'dark' : 'light') : (theme || 'light');
        document.documentElement.classList.remove('light', 'dark');
        document.documentElement.classList.add(effectiveTheme);
        document.documentElement.style.colorScheme = effectiveTheme;
      })();
    </script>
    
    <!-- Primary Meta Tags -->
    <title>HearU — Anonymous Community Sharing | Safe Space for Emotions</title>
    <meta name="title" content="HearU — Anonymous Community Sharing | Safe Space for Emotions" />
    <meta name="description" content="Share your thoughts anonymously on HearU. No likes. No followers. Just humans being heard. An emotion-first, calm social platform for genuine conversations and support." />
    <meta name="keywords" content="anonymous sharing, community feedback, emotions, mental health support, safe space, anonymous forum, community platform, emotional support, human connection" />
    <meta name="author" content="HearU Community" />
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
    <meta name="language" content="English" />
    <meta name="revisit-after" content="7 days" />
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://hearu.fun/" />
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://hearu.fun/" />
    <meta property="og:title" content="HearU — A place where strangers listen" />
    <meta property="og:description" content="Share your thoughts anonymously. No likes. No followers. Just humans being heard. An emotion-first, calm social space." />
    <meta property="og:image" content="https://hearu.fun/og-image.png" />
    <meta property="og:site_name" content="HearU" />
    <meta property="og:locale" content="en_US" />
    
    <!-- Twitter Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://hearu.fun/" />
    <meta name="twitter:title" content="HearU — A place where strangers listen" />
    <meta name="twitter:description" content="Share your thoughts anonymously. No likes. No followers. Just humans being heard." />
    <meta name="twitter:image" content="https://hearu.fun/og-image.png" />
    <meta name="twitter:creator" content="@HearUCommunity" />
    
    <!-- Mobile Web App (Modern Standard) -->
    <meta name="mobile-web-app-capable" content="yes" />
    
    <!-- Apple/iOS Web App -->
    <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="HearU" />
    
    <!-- PWA Favicon & Icons -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/manifest.json" />
    <meta name="theme-color" content="#E84B7F" />
    <meta name="msapplication-TileColor" content="#E84B7F" />
    <meta name="msapplication-config" content="/browserconfig.xml" />
    
    <!-- Font Preloading for Performance -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
    
    <!-- Structured Data / Schema.org JSON-LD -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "HearU",
      "description": "An emotion-first, anonymous community sharing platform. Share your thoughts without judgment. No likes, no followers, just humans being heard.",
      "url": "https://hearu.fun",
      "applicationCategory": "SocialNetworking",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "ratingCount": "1250"
      },
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "creator": {
        "@type": "Organization",
        "name": "HearU Community",
        "url": "https://hearu.app"
      }
    }
    </script>
    
    <!-- Organization Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "HearU",
      "url": "https://hearu.fun",
      "logo": "https://hearu.fun/logo.png",
      "description": "A calm, anonymous social space for genuine conversations and emotional support",
      "sameAs": [
        "https://x.com/hearufun",
        "https://www.instagram.com/hearufun/",
        "https://facebook.com/HearUFun",
        "https://linkedin.com/company/hearufun"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "Customer Service",
        "email": "hearufun@gmail.com"
      }
    }
    </script>
    <script type="module" crossorigin src="/assets/index-BTzFDprO.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-D_KRAc5d.css">
  </head>
  <body>
    <div id="root"></div>
    <noscript>
      <p>Please enable JavaScript to use HearU. We require JavaScript for the best experience.</p>
    </noscript>
  </body>
</html>
