<!doctype html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
Hot Play | Jogo para Casais, Perguntas e Desafios Picantes
</title>

<meta
  name="description"
  content="Descubra perguntas, desafios, fetiches e jogos para casais. Hot Play é o jogo ideal para aumentar a intimidade, sair da rotina e criar momentos inesquecíveis."
/>

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="./fotos-kama-sutra/logoc.png" />
    <link rel="apple-touch-icon" href="./fotos-kama-sutra/logoo.png" />

    <!-- Open Graph (preview para WhatsApp, Facebook, Instagram, etc) -->
    <meta property="og:title" content="Hot Play" />
    <meta
      property="og:description"
      content="Um jogo envolvente onde cada escolha revela segredos e desafios. Qual o desejo mais oculto do seu parceiro?."
    />
    <meta
      property="og:image"
      content="https://jogo-bff7b.web.app/./fotos-kama-sutra/preview-jogo.jpeg"
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://jogo-bff7b.web.app" />

    <link rel="stylesheet" href="styleindex.css" />
  </head>
  <body>
    <nav class="cabecalho">
      <p class="menu" id="menu">≡</p>

      <h1>Hot Play</h1>
    </nav>

    <div class="area-menu" id="area-menu">
      <div class="options">
        <a href="perfil.html">Meu Perfil</a>
        <a href="instrucoes.html">Instruções do jogo</a>
        <a href="mailto:hotplay.suporte@gmail.com" target="_blank">Suporte</a>
        <a href="recomendacoes.html">Recomendações</a>
        <a class="premium-btn" href="#" id="btnPremium">Seja Premium</a>
        <a href="#" id="logoutBtn">Logout</a>
        <div class="insta"><p>&copy; Hot Play</p></div>
      </div>
    </div>

    <div class="menu-overlay" id="menu-overlay"></div>

    <section class="carousel-container">
      <div class="carousel">
        <div class="carousel-card">
          <h2>Jogo do Fetiche 🔥</h2>
          <p>Perguntas intensas para elevar o nível da intimidad.</p>
          <a href="jogo2lib.html" class="btn-iniciar">Explorar</a>
        </div>
        <div class="carousel-card">
          <h2>Modo Swing ♠</h2>
          <p>Descubra fantasias e provocações fora do óbvio</p>
          <a href="jogo4lib.html" class="btn-iniciar">Iniciar</a>
        </div>
        <div class="carousel-card">
          <h2>Faria ou não faria🔞</h2>
          <p>Momentos criados para marcar o jogo — e o casal</p>
          <a class="btn-iniciar" href="jogo3lib.html">Iniciar</a>
        </div>
      </div>
    </section>
    <section class="cards">
      <div class="card">
        <h2>Jogo de Perguntas ❤️‍🔥</h2>
        <p>Escolha o tema e saia da superficialidade</p>
        <a class="btn-iniciar" href="pg4.html">INICIAR</a>
      </div>
      <div class="card">
        <h2>Kama Sutra 🤸</h2>
        <p>Explore posições diferentes e inusitadas</p>
        <a class="btn-iniciar" href="pgkamasutra.html">INICIAR</a>
      </div>
      <div class="card">
        <h2>Área Liberal ♠</h2>
        <p>Desafios e perguntas sem censura</p>
        <a class="btn-iniciar" href="arealiberal.html">INICIAR</a>
      </div>
      <div class="card">
        <h2>Área LGBT🌈</h2>
        <p>Area personalizada (EM BREVE)</p>
        <a class="btn-iniciar" href="#">INICIAR</a>
      </div>
    </section>

    <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js"></script>

    <!-- Firebase config -->
    <script src="js/firebase.js"></script>
    <script src="js/guard.js"></script>

    <script src="inicial.js"></script>

    <script>
      document.getElementById("btnPremium").addEventListener("click", (e) => {
        e.preventDefault();

        const user = firebase.auth().currentUser;

        if (!user) {
          window.location.href = "login.html";
          return;
        }

        // usuário logado → vai para upgrade
        window.location.href = "upgrade.html";
      });
    </script>
    <script>
      const url = new URL(window.location.href);

      if (url.searchParams.get("session_id")) {
        // veio do Stripe
        localStorage.setItem("justPaid", "true");
        setTimeout(() => localStorage.removeItem("justPaid"), 30000);
      }
    </script>
  </body>
</html>
