<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta
      name="description"
      content="Join Lodiko: Web3 Live Share Videos & Earn. Livestream, share videos, and earn $LODIKO tokens on a decentralized Web3 platform. Start now!"
    />
    <meta
      name="keywords"
      content="Lodiko, Web3, live streaming, video sharing, earn $LODIKO, decentralized platform, creators, communities, Philippines Web3, Filipino creators"
    />
    <meta name="robots" content="index, follow" />
    <meta name="author" content="Lodiko Team" />
    <meta name="publisher" content="Lodiko" />
    <meta name="copyright" content="© 2025 Lodiko. All rights reserved." />
    <meta name="theme-color" content="#0A0A0A" />
    <link rel="canonical" href="https://lodiko.com" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <base href="/" />

    <!-- Open Graph -->
    <meta property="og:title" content="Lodiko: Web3 Live Share Videos & Earn" />
    <meta
      property="og:description"
      content="Join Lodiko to livestream, share videos, and earn $LODIKO tokens on a decentralized Web3 platform. Start creating today!"
    />
    <meta property="og:image" content="https://lodiko.com/og-image.jpg" />
    <meta property="og:url" content="https://lodiko.com" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Lodiko" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Lodiko: Web3 Live Share Videos & Earn" />
    <meta
      name="twitter:description"
      content="Explore Lodiko: livestream, share videos, and earn $LODIKO on a decentralized Web3 platform. Join now!"
    />
    <meta name="twitter:image" content="https://lodiko.com/og-image.jpg" />
    <meta name="twitter:site" content="@lodikocom" />

    <!-- JSON-LD Structured Data -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "url": "https://lodiko.com",
        "name": "Lodiko",
        "description": "Join Lodiko: Web3 Live Share Videos & Earn, a decentralized Web3 platform for creators and communities to livestream, share videos, and earn $LODIKO tokens.",
        "publisher": {
          "@type": "Organization",
          "name": "Lodiko",
          "logo": {
            "@type": "ImageObject",
            "url": "https://lodiko.com/logo.png"
          },
          "sameAs": [
            "https://x.com/lodikocom",
            "https://facebook.com/lodikocom",
            "https://t.me/lodikocom"
          ]
        },
        "potentialAction": {
          "@type": "SearchAction",
          "target": "https://lodiko.com/search?q={search_term_string}",
          "query-input": "required name=search_term_string"
        },
        "hasPart": [
          {
            "@type": "VideoObject",
            "name": "Lodiko Web3 Livestreaming",
            "description": "Livestream on Lodiko's decentralized Web3 platform.",
            "thumbnailUrl": "https://lodiko.com/livestream-thumbnail.jpg",
            "uploadDate": "2025-06-30",
            "contentUrl": "https://lodiko.com/livestream",
            "embedUrl": "https://lodiko.com/embed/livestream"
          }
        ]
      }
    </script>

    <!-- Styles -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
      integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
    <link rel="stylesheet" href="/assets/custom.BRg2DRky.css" media="screen and (max-width: 1023px)" />
    <link rel="stylesheet" href="/assets/custompc.aE1lmD-2.css" media="screen and (min-width: 1024px)" />

    <!-- Manifest & Icons -->
    <link rel="manifest" href="/manifest.json" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />

    <!-- Zoom Fix Script -->
    <script>
      window.addEventListener('popstate', () => {
        document.body.style.zoom = '100%';
        document.documentElement.style.zoom = '100%';
        if (window.visualViewport) {
          window.visualViewport.scale = 1;
          window.scrollTo(0, 0);
        }
        document.body.style.transform = 'none';
      });
      window.addEventListener('load', () => {
        document.body.style.zoom = '100%';
        document.documentElement.style.zoom = '100%';
        if (window.visualViewport) window.visualViewport.scale = 1;
        document.body.style.transform = 'none';
      });
    </script>

    <!-- Preloading & Performance -->
    <link rel="preload" as="script" type="module" href="data:text/jsx;base64,aW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JzsKaW1wb3J0IFJlYWN0RE9NIGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnOwppbXBvcnQgQXBwIGZyb20gJy4vQXBwLmpzeCc7CmltcG9ydCAnLi9zdHlsZXMvY3VzdG9tLmNzcyc7CgpSZWFjdERPTS5jcmVhdGVSb290KGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdyb290JykpLnJlbmRlcigKICA8UmVhY3QuU3RyaWN0TW9kZT4KICAgIDxBcHAgLz4KICA8L1JlYWN0LlN0cmljdE1vZGU+Cik7CgppZiAoJ3NlcnZpY2VXb3JrZXInIGluIG5hdmlnYXRvcikgewogIG5hdmlnYXRvci5zZXJ2aWNlV29ya2VyLmdldFJlZ2lzdHJhdGlvbnMoKS50aGVuKHJlZ2lzdHJhdGlvbnMgPT4gewogICAgZm9yIChsZXQgcmVnaXN0cmF0aW9uIG9mIHJlZ2lzdHJhdGlvbnMpIHsKICAgICAgcmVnaXN0cmF0aW9uLnVucmVnaXN0ZXIoKTsKICAgIH0KICB9KTsKfQ==" />
    <link rel="dns-prefetch" href="https://lodiko.com" />
    <link rel="preconnect" href="https://lodiko.com" crossorigin />

    <!-- Page Title -->
    <title>Lodiko: Web3 Live Share Videos & Earn</title>
    <script type="module" crossorigin src="/assets/index.BB9GfM95.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor.BozlzLqo.js">
    <link rel="modulepreload" crossorigin href="/assets/viem.BLDNcaFW.js">
    <link rel="stylesheet" crossorigin href="/assets/index.BGyVRT-J.css">
  </head>

  <body>
    <div id="root"></div>
  </body>
</html>