<!doctype html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

    <!-- ─── Primary Meta ────────────────────────────────────────────────── -->
    <title>Lokha — Social Media Platform. Share, Stream &amp; More.</title>
    <meta name="description" content="Lokha is the free all-in-one social platform — share bursts, go live, chat, play games, and stream music. Join free." />
    <meta name="author" content="Lokha Social Hub" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="theme-color" content="#000000" />
    <meta name="color-scheme" content="dark" />
    <meta name="application-name" content="Lokha" />
    <meta name="format-detection" content="telephone=no" />

    <!-- ─── Open Graph ──────────────────────────────────────────────────── -->
    <meta property="og:site_name" content="Lokha" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Lokha — Social Media Platform. Share, Stream &amp; More." />
    <meta property="og:description" content="Lokha is the free all-in-one social platform — share bursts, go live, chat, play games, and stream music. Join free." />
    <meta property="og:image" content="https://www.lokhahub.com/l_logo_circle.png" />
    <meta property="og:image:secure_url" content="https://www.lokhahub.com/l_logo_circle.png" />
    <meta property="og:image:width" content="512" />
    <meta property="og:image:height" content="512" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:alt" content="Lokha — All-in-One Social Platform" />
    <meta property="og:locale" content="en_US" />

    <!-- ─── Twitter / X Card ────────────────────────────────────────────── -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@lokhahub" />
    <meta name="twitter:creator" content="@lokhahub" />
    <meta name="twitter:title" content="Lokha — Social Media Platform. Share, Stream &amp; More." />
    <meta name="twitter:description" content="Lokha is the free all-in-one social platform — share bursts, go live, chat, play games, and stream music. Join free." />
    <meta name="twitter:image" content="https://www.lokhahub.com/l_logo_circle.png" />
    <meta name="twitter:image:alt" content="Lokha — All-in-One Social Platform" />
    <meta name="twitter:domain" content="lokhahub.com" />

    <!-- Search engine ownership verification (Yandex is verified via /yandex_*.html files) -->
    <meta name="msvalidate.01" content="609617008bbd48c3a257b2d90cadabd5" />
    <!-- Naver (backup for the /naverfce8e0001dc682fe9771a27474137f39.html file) -->
    <meta name="naver-site-verification" content="naverfce8e0001dc682fe9771a27474137f39" />

    <!-- ─── PWA / App ────────────────────────────────────────────────────── -->
    <link rel="manifest" href="/manifest.json" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="icon" type="image/png" sizes="32x32" href="/l_logo_circle.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/l_logo_circle.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/l_logo_circle.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/l_logo_circle.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/l_logo_circle.png" />
    <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="Lokha" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="msapplication-TileColor" content="#1ba884" />
    <meta name="msapplication-TileImage" content="/l_logo_circle.png" />
    <meta name="msapplication-config" content="none" />

    <!-- ─── Canonical ────────────────────────────────────────────────────── -->
    <!-- One HTML shell is served for every route, so a fixed canonical here would
         declare every page a duplicate of the homepage. Derive it from the real
         URL instead; the app keeps it in sync on client-side navigation. -->
    <script>
      (function () {
        var path = location.pathname.replace(/\/+$/, '') || '/';
        var canonical = location.origin + path;

        var link = document.querySelector('link[rel="canonical"]');
        if (!link) {
          link = document.createElement('link');
          link.setAttribute('rel', 'canonical');
          document.head.appendChild(link);
        }
        link.setAttribute('href', canonical);

        var ogUrl = document.querySelector('meta[property="og:url"]');
        if (!ogUrl) {
          ogUrl = document.createElement('meta');
          ogUrl.setAttribute('property', 'og:url');
          document.head.appendChild(ogUrl);
        }
        ogUrl.setAttribute('content', canonical);
      })();
    </script>

    <!-- ─── Fonts (self-hosted variable woff2 — no render-blocking external request) ─── -->
    <link rel="preload" href="/fonts/plus-jakarta-sans-latin.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preconnect" href="https://xgdrkyekvekmzwczvxto.supabase.co" crossorigin />
    <link rel="dns-prefetch" href="https://xgdrkyekvekmzwczvxto.supabase.co" />

    <!-- ─── Inline critical CSS for above-the-fold ──────────────────────── -->
    <style>
      /* Self-hosted variable font — single file covers weights 400-800 */
      @font-face {
        font-family: 'Plus Jakarta Sans';
        font-style: normal;
        font-weight: 400 800;
        font-display: swap;
        src: url('/fonts/plus-jakarta-sans-latin.woff2') format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }
      *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
      html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; height: 100%; overflow: auto; background-color: #faf9f7; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
      body { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif; height: 100%; min-height: 100svh; overflow: hidden; overscroll-behavior: none; background-color: #faf9f7; font-size: 1rem; line-height: 1.6; color: #272421; letter-spacing: -0.011em; }
      #root { min-height: 100svh; overflow: visible; }
      @media (display-mode: standalone), (display-mode: fullscreen) { html, body, #root { height: 100svh; } }

      /* CSS variables — needed for theme before main CSS arrives */
      :root {
        --color-background: #faf9f7; --color-surface: #ffffff; --color-surface-raised: #ffffff;
        --color-border: #e8e4de; --color-border-subtle: #f4f2ef;
        --color-text-primary: #272421; --color-text-secondary: #524d45; --color-text-muted: #928a7c;
        --color-accent: #1ba884; --color-accent-light: #eefbf6; --color-accent-hover: #0f8a6c;
        --nav-height: calc(52px + env(safe-area-inset-top, 0px)); --bottom-nav-height: 72px;
        --radius-card: 18px;
        --shadow-card: 0 1px 3px 0 rgba(0,0,0,0.06), 0 1px 2px -1px rgba(0,0,0,0.04);
        --shadow-card-hover: 0 4px 16px -4px rgba(0,0,0,0.10), 0 2px 6px -2px rgba(0,0,0,0.06);
      }

      /* Spinner animation — used by loading states */
      @keyframes spin { to { transform: rotate(360deg); } }
      @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } }

      /* Accessibility / feature flags */
      .text-size-small { font-size: 14px; }
      .text-size-medium { font-size: 16px; }
      .text-size-large { font-size: 18px; }
      .compact-mode * { --compact: 1; }
      .no-animations *, .no-animations *::before, .no-animations *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
    </style>

    <!-- ─── Structured Data (static baseline — RouteSEO replaces this per-route) ──── -->
    <script type="application/ld+json" data-seo="static">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "Organization",
          "@id": "https://www.lokhahub.com/#organization",
          "name": "Lokha",
          "legalName": "LOKHA WEB PTY LTD",
          "alternateName": ["Lokha Social Hub", "LokhaHub", "Lokha App"],
          "url": "https://www.lokhahub.com",
          "logo": {
            "@type": "ImageObject",
            "url": "https://www.lokhahub.com/l_logo_circle.png",
            "width": 512,
            "height": 512
          },
          "image": "https://www.lokhahub.com/l_logo_circle.png",
          "description": "Lokha is a free all-in-one social media platform combining social networking, short videos (bursts), live streaming, messaging, gaming, music streaming, news, and AI tools. Operated by LOKHA WEB PTY LTD, an Australian registered company.",
          "foundingDate": "2024",
          "foundingLocation": "Sydney, Australia",
          "areaServed": "Worldwide",
          "knowsLanguage": ["en", "hi", "es", "pt", "ar", "fr", "de", "id", "ms", "zh", "ja", "ko", "ru", "tr", "vi", "th", "nl", "pl", "it", "fa"],
          "taxID": "ABN 75691885195",
          "sameAs": [
            "https://twitter.com/lokhahub",
            "https://www.facebook.com/lokhahub",
            "https://www.instagram.com/lokhahub",
            "https://www.linkedin.com/company/lokhahub",
            "https://www.youtube.com/@lokhahub",
            "https://www.tiktok.com/@lokhahub"
          ],
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer support",
            "email": "support@lokhahub.com",
            "availableLanguage": ["English", "Hindi", "Spanish", "Portuguese", "Arabic", "French", "German"]
          },
          "address": {
            "@type": "PostalAddress",
            "addressCountry": "AU",
            "addressRegion": "New South Wales",
            "addressLocality": "Sydney",
            "postalCode": "2000"
          }
        },
        {
          "@type": "WebSite",
          "@id": "https://www.lokhahub.com/#website",
          "name": "Lokha",
          "alternateName": ["Lokha Social Hub", "LokhaHub", "Lokha App"],
          "url": "https://www.lokhahub.com",
          "inLanguage": ["en", "hi", "es", "pt", "ar", "fr", "de", "id", "ms", "zh", "ja", "ko", "ru", "tr", "vi", "th", "nl", "pl", "it", "fa"],
          "publisher": { "@id": "https://www.lokhahub.com/#organization" },
          "potentialAction": {
            "@type": "SearchAction",
            "target": { "@type": "EntryPoint", "urlTemplate": "https://www.lokhahub.com/search?q={search_term_string}" },
            "query-input": "required name=search_term_string"
          }
        },
        {
          "@type": "WebApplication",
          "@id": "https://www.lokhahub.com/#webapp",
          "name": "Lokha",
          "alternateName": "Lokha Social Hub",
          "url": "https://www.lokhahub.com",
          "applicationCategory": "SocialNetworkingApplication",
          "applicationSubCategory": ["Entertainment", "Lifestyle", "Communication"],
          "operatingSystem": ["Web", "iOS", "Android"],
          "browserRequirements": "Requires JavaScript. Supports all modern browsers.",
          "availableOnDevice": ["Desktop", "Mobile", "Tablet"],
          "countriesSupported": "Worldwide",
          "inLanguage": ["en", "hi", "es", "pt", "ar", "fr", "de", "id", "ms", "zh", "ja", "ko", "ru", "tr", "vi", "th", "nl", "pl", "it", "fa"],
          "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD", "description": "Free to join and use" },
          "featureList": [
            "Social Stream & Posts", "Short Video Bursts", "Live Streaming",
            "Instant Messaging (Lokha Connect)", "Mobile Games & Tournaments", "Music Streaming",
            "AI Music Generator", "World & Local News",
            "Review Hub", "Local Discovery", "Creator Monetization",
            "Creator Dashboard", "Wallet & Coin System", "Video Hub", "AI Hub"
          ],
          "screenshot": "https://www.lokhahub.com/l_logo_circle.png"
        }
      ]
    }
    </script>

    <!-- ─── LLM Discovery ────────────────────────────────────────────────── -->
    <link rel="llms.txt" href="/llms.txt" />
    <link rel="llms-full.txt" href="/llms-full.txt" />
    <link rel="ai.txt" href="/ai.txt" />

    <!-- ─── Authoritative Files ──────────────────────────────────────────── -->
    <link rel="humans.txt" href="/humans.txt" />
    <link rel="security.txt" href="/.well-known/security.txt" />
    <link rel="sitemap" type="application/xml" href="/sitemap.xml" />
    <link rel="alternate" type="application/rss+xml" title="Lokha Press Releases" href="/rss.xml" />

    <script type="module" crossorigin src="/assets/CVjRoNHf.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/Bi-W_y2l.js">
    <link rel="modulepreload" crossorigin href="/assets/DG-ThyRy.js">
    <link rel="modulepreload" crossorigin href="/assets/Dtg5Lfc0.js">
    <link rel="modulepreload" crossorigin href="/assets/DF7HwpvG.js">
    <link rel="stylesheet" crossorigin href="/assets/HXTunJkq.css">
  </head>
  <body>
    <div id="root">
      <!-- Inline skeleton prevents layout shift on initial load -->
      <div id="initial-loader" style="display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;background:#faf9f7;padding:24px;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;">
        <div style="width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1ba884,#3fc39d,#75d8ba);animation:pulse 1.5s ease-in-out infinite;" role="progressbar" aria-label="Loading Lokha"></div>
        <div id="initial-loader-msg" style="margin-top:20px;color:#6f685d;font-size:14px;text-align:center;opacity:0;transition:opacity .3s ease;">Loading Lokha…</div>
        <button id="initial-loader-retry" type="button" onclick="location.reload()" style="margin-top:16px;padding:10px 20px;border:0;border-radius:9999px;background:#1ba884;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:none;">Tap to reload</button>
        <div id="initial-loader-hint" style="margin-top:12px;color:#928a7c;font-size:12px;text-align:center;max-width:280px;display:none;">Trouble loading? Check your internet connection and reload.</div>
      </div>
      <style>@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}#initial-loader.hidden{opacity:0;pointer-events:none;transition:opacity .2s}</style>
      <script>
        (function(){
          var msg=document.getElementById('initial-loader-msg');
          var btn=document.getElementById('initial-loader-retry');
          var hint=document.getElementById('initial-loader-hint');
          window.__LOKHA_LOADER_T1__=setTimeout(function(){if(msg)msg.style.opacity='1';},1500);
          window.__LOKHA_LOADER_T2__=setTimeout(function(){if(btn)btn.style.display='inline-block';if(hint)hint.style.display='block';if(msg)msg.textContent='Still loading…';},8000);
        })();
      </script>
    </div>

    <!-- ─── Noscript fallback for crawlers and non-JS browsers ─────────── -->
    <noscript>
      <div style="font-family:system-ui,sans-serif;max-width:800px;margin:0 auto;padding:20px;color:#111827;">
        <p style="font-size:1.5rem;font-weight:700;margin:0 0 12px;">Lokha &mdash; Social Media Platform. Share, Stream &amp; More.</p>
        <p>Lokha is the free all-in-one social platform. Share photos &amp; bursts, go live, message friends, play games, stream music, and read news &mdash; all in one app.</p>
        <h2>Features</h2>
        <ul>
          <li><a href="/login">Log In</a> or <a href="/signup">Sign Up Free</a></li>
          <li><a href="/reels">Bursts &amp; Short Videos</a> &mdash; Trending, funny &amp; creative content</li>
          <li><a href="/live-streams">Live Streams</a> &mdash; Watch creators go live</li>
          <li><a href="/lokha-connect">Lokha Connect</a> &mdash; Real-time chat &amp; group messaging</li>
          <li><a href="/games">Games</a> &mdash; Play chess, poker, puzzles &amp; win prizes</li>
          <li><a href="/music">Music</a> &mdash; Stream songs &amp; discover artists</li>
          <li><a href="/news">News</a> &mdash; Latest world, technology, business &amp; sports news</li>
          <li><a href="/review-hub">Review Hub</a> &mdash; Movie, hotel &amp; travel reviews</li>
          <li><a href="/groups">Groups</a> &mdash; Join online communities</li>
          <li><a href="/video-hub">Video Hub</a> &mdash; Shorts &amp; creative videos</li>
          <li><a href="/ai-hub">AI Hub</a> &mdash; Smart AI tools &amp; features</li>
          <li><a href="/channels">Channels</a> &mdash; Discover &amp; follow creators</li>
        </ul>
        <h2>About Lokha</h2>
        <p>Lokha is a free all-in-one social media platform operated by LOKHA WEB PTY LTD (ABN 75691885195) in Sydney, Australia. It is available worldwide and free to join. Creators can earn through live stream gifts, content monetization, and game tournament prizes.</p>
        <p><a href="/about">About Lokha</a> | <a href="/privacy-policy">Privacy Policy</a> | <a href="/terms-of-service">Terms of Service</a> | <a href="/community-guidelines">Community Guidelines</a></p>
      </div>
    </noscript>
  </body>
</html>
