<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>
      Oseras-tu – Jeu Action ou Vérité pour soirées adultes (mode Compétition)
    </title>

    <meta
      name="description"
      content="Oseras-tu est un jeu Action ou Vérité pour mettre le feu à vos soirées : défis hot, vérités, rôles, évènements, et un mode Compétition unique pour marquer des points entre amis ou en couple."
    />
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "MobileApplication",
        "name": "Oseras-tu",
        "operatingSystem": "Android",
        "applicationCategory": "GameApplication",
        "description": "Jeu Action/Vérité pour soirées adultes et entre amis, avec mode Compétition, packs hot et défis de groupe.",
        "url": "https://ton-domaine.fr/",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "EUR"
        },
        "publisher": {
          "@type": "Organization",
          "name": "Oseras-tu"
        }
      }
    </script>
    <link rel="preload" href="assets/images/teaser-poster.jpg" as="image" />
    <link rel="stylesheet" href="assets/styles/style.css" />
  </head>
  <body>
    <!-- ========================================== INTRO ========================================== -->

    <header class="hero">
      <div class="glare"></div>
      <div class="particles" id="particles"></div>
      <div class="container hero-grid">
        <div>
          <span class="badge">✨ Nouveau : Mode Compétition</span>
          <h1 class="title-xl">
            Oseras‑tu
            <span
              style="
                display: block;
                background: linear-gradient(90deg, #f0abfc, #a78bfa, #93c5fd);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
              "
              >Le jeu Action-Vérité qui met l'ambiance</span
            >
          </h1>
          <p class="muted" style="max-width: 640px">
            Le jeu Action-Vérité pensé pour mettre le feu à vos soirées : fun
            entre amis, ambiance torride ou défis totalement déjantés. Son mode
            Compétition unique transforme chaque choix en points et chaque défi
            en moment culte. Soft ou vraiment très chaud : c’est vous qui
            décidez jusqu’où la soirée va monter.
          </p>
          <div
            style="display: flex; gap: 12px; flex-wrap: wrap; margin-top: 16px"
          >
            <a class="btn btn-primary" href="#features"
              >Voir les fonctionnalités</a
            >
            <a
              class="btn"
              href="https://play.google.com/store/apps/details?id=com.doyoudare.willYouDare"
              target="_blank"
              rel="noreferrer"
              style="
                border: 1px solid var(--ring);
                background: rgba(255, 255, 255, 0.06);
              "
              >Google Play</a
            >
          </div>
          <div
            class="muted"
            style="display: flex; gap: 24px; margin-top: 8px; font-size: 14px"
          >
            <span>🛡️ Sans compte, sans prise de tête</span>
            <span>⏱️ Partie en 2 minutes</span>
          </div>
        </div>

        <div>
          <div class="phones">
            <div
              class="phone"
              style="animation: float 5s ease-in-out infinite 0.15s"
            >
              <div class="notch"></div>
              <div class="screen">
                <img
                  src="assets/images/packs.png"
                  alt="Oseras-tu — écran d'accueil"
                />
                <div class="ring-iris"></div>
              </div>
            </div>
            <div
              class="phone"
              style="animation: float 5s ease-in-out infinite 0.25s"
            >
              <div class="notch"></div>
              <div class="screen">
                <img
                  src="assets/images/competition.png"
                  alt="Oseras-tu — mode compétition"
                />
                <div class="ring-iris"></div>
              </div>
            </div>
            <div
              class="phone"
              style="
                grid-column: 1 / -1;
                margin-top: -12px;
                max-width: 300px;
                justify-self: center;
                animation: float 5s ease-in-out infinite 0.35s;
              "
            >
              <div class="notch"></div>
              <div class="screen">
                <img src="assets/images/home.png" alt="Oseras-tu — packs" />
                <div class="ring-iris"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!-- ========================================== NUMBERS ========================================== -->

    <main>
      <section class="section">
        <div class="container grid stat-grid">
          <div class="card">
            <div
              class="content"
              style="
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                gap: 4px;
              "
            >
              <strong style="font-size: 28px">+1000</strong>
              <span class="muted">défis & vérités</span>
              <span class="muted" style="font-size: 13px; opacity: 0.8">
                Du soft au vraiment très chaud en passant par l'insolite. Zéro
                routine.
              </span>
            </div>
          </div>

          <div class="card">
            <div
              class="content"
              style="
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                gap: 4px;
              "
            >
              <strong style="font-size: 28px">7 packs</strong>
              <span class="muted">dont mode Compétition</span>
              <span class="muted" style="font-size: 13px; opacity: 0.8">
                Points, défis, tension, personnalisé : la soirée devient un vrai
                jeu.
              </span>
            </div>
          </div>

          <div class="card">
            <div
              class="content"
              style="
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                gap: 4px;
              "
            >
              <strong style="font-size: 28px">18+</strong>
              <span class="muted">contenu adulte</span>
              <span class="muted" style="font-size: 13px; opacity: 0.8">
                Tu choisis jusqu’où la soirée va monter si tu arrives encore à
                la contrôler.
              </span>
            </div>
          </div>
        </div>
      </section>

      <!-- ========================================== WHY ========================================== -->

      <section id="features" class="section cta">
        <div class="container" style="text-align: center; margin-bottom: 24px">
          <h2 class="title-lg">Pourquoi vous allez adorer</h2>
          <p class="muted">
            Oseras-tu réinvente le classique Action/Vérité grâce à un système
            intelligent de niveaux, de points et d’évènements qui transforment
            chaque tour en moment unique. Entre packs thématiques, défis
            personnalisés, rôles spéciaux et twist de fin de manche, la soirée
            évolue au rythme de votre groupe — jamais deux parties ne se
            ressemblent.
          </p>
        </div>
        <div class="container grid pack-grid">
          <div class="card">
            <div class="content" style="text-align: center">
              <strong>Modes classiques</strong>
              <p class="muted">
                Entre amis, Ça va crier, Fontaine de jouvence… des packs
                thématiques au style assumé pour toutes les ambiances : hot,
                fun, alcoolisées ou franchement déjantées. Tu choisis le ton de
                la soirée, le jeu s’adapte.
              </p>
            </div>
          </div>

          <div class="card">
            <div class="content" style="text-align: center">
              <strong>Mode Compétition</strong>
              <p class="muted">
                Choisis ta difficulté, mises des points et regarde le classement
                exploser. Réussites, refus et rôles spéciaux peuvent retourner
                une manche en une seconde. Fun, stratégique et totalement
                imprévisible.
              </p>
            </div>
          </div>

          <div class="card">
            <div class="content" style="text-align: center">
              <strong>Mode personnalisé</strong>
              <p class="muted">
                Active ou désactive les catégories, choisis la difficulté,
                ajuste l’ambiance et filtre le contenu. Crée la partie parfaite
                pour ton groupe, 100&nbsp;% modulable selon vos limites (ou leur
                absence).
              </p>
            </div>
          </div>
        </div>
      </section>

      <!-- ========================================== VIDEO ========================================== -->

      <section id="promo" class="section">
        <div
          class="container"
          style="
            display: flex;
            justify-content: space-between;
            gap: 16px;
            flex-wrap: wrap;
            margin-bottom: 16px;
          "
        >
          <div>
            <h2 class="title-lg">Regarde le teaser</h2>
            <p class="muted">
              Un aperçu rapide… mais rien comparé à ce qui vous attend quand
              vous jouerez réellement. Prêt à tester pour de vrai ?
            </p>
          </div>
          <a
            href="https://play.google.com/store/apps/details?id=com.doyoudare.willYouDare"
            class="muted"
            target="_blank"
            rel="noreferrer"
            >Voir sur le Play Store →</a
          >
        </div>
        <div class="container flush video-card">
          <div class="video-wrap" id="video-wrap">
            <video
              id="teaser"
              class="video-el"
              playsinline
              loop
              preload="metadata"
              poster="assets/images/teaser-poster.jpg"
            >
              <source src="assets/videos/teaser.mp4" type="video/mp4" />
            </video>

            <div class="video-overlay" id="overlay">
              <span id="teaser-badge" class="pill" style="font-weight: 600"
                >Teaser 13s</span
              >
              <div style="display: flex; gap: 8px">
                <!-- Ce bouton sera masqué en plein écran -->
                <button id="btn-lightbox" class="pill">▶︎ Lire en grand</button>
                <!-- Ce bouton sera visible UNIQUEMENT en plein écran -->
                <button id="btn-exit" class="pill exit-btn">
                  ✕ Quitter plein écran
                </button>
                <button
                  id="btn-mute"
                  class="pill"
                  aria-label="Activer/Désactiver le son"
                >
                  🔊
                </button>
                <button id="btn-toggle" class="pill" aria-label="Lecture/Pause">
                  Jouer maintenant
                </button>
              </div>
            </div>
          </div>
        </div>
        <div class="container">
          <div class="cta-under-video">
            <a
              class="btn btn-primary btn-with-icon"
              href="https://play.google.com/store/apps/details?id=com.doyoudare.willYouDare"
              target="_blank"
              rel="noreferrer"
            >
              <img
                src="assets/images/google-play-badge.png"
                alt="Google Play"
                class="btn-icon"
              />
              <span>Télécharger maintenant</span>
            </a>
          </div>
        </div>
      </section>

      <!-- ========================================== TEST ========================================== -->

      <section class="section cta" id="examples">
        <div class="container" style="text-align: center; margin-bottom: 24px">
          <h2 class="title-lg">Voici un petit amuse-bouche 🔥</h2>
          <p class="muted">
            Défis, vérités, rôles… tout peut tomber. Et ça peut aller très loin.
          </p>
        </div>

        <div class="container grid pack-grid" id="examples-grid">
          <div class="card" id="examples-placeholder">
            <div class="content" style="text-align: center">
              <strong>Prêt ?</strong>
              <p class="muted">
                Clique sur le bouton ci-dessous pour afficher des exemples du
                jeu.
              </p>
            </div>
          </div>
        </div>

        <div style="text-align: center; margin-top: 20px">
          <a class="btn btn-primary" id="refresh-examples"
            >🔄 Afficher d’autres exemples</a
          >
        </div>
      </section>

      <!-- ========================================== FAQ ========================================== -->

      <section id="faq" class="section">
        <div class="container">
          <h2 class="title-lg" style="font-size: 24px">FAQ</h2>
          <details class="card" style="margin-top: 16px">
            <summary class="content" style="cursor: pointer; font-weight: 600">
              Le jeu est-il payant ?
            </summary>

            <div class="content muted">
              Oui… et non 😏 Tu peux jouer gratuitement et lancer une vraie
              soirée dès l’installation. Le pack <strong>Entre Amis</strong> +
              le mode <strong>Compétition</strong> (version de base) sont déjà
              inclus : actions, vérités, rôles, évènements, défis de groupe…
              bref, de quoi faire monter l’ambiance sans sortir la CB.

              <br /><br />

              <strong>🔥 Gratuit, tu profites déjà de :</strong><br />
              • Le pack Entre Amis (fun, varié, parfait pour démarrer)<br />
              • Le mode Compétition “essentiel”<br />
              • Actions, vérités, questions, rôles, évènements &amp; défis de
              groupe<br />
              • Zéro compte, zéro login, zéro prise de tête : tu joues direct

              <br /><br />

              <strong>💵 Packs additionnels :</strong><br />
              Élixir Vital, Ça chauffe, Sans Limite, Ça va crier !, Mode
              Personnalisé et le pack Compétition avancé. Plus chauds, plus
              audacieux, plus extrêmes… ils débloquent vraiment de nouvelles
              ambiances et mécaniques de jeu.

              <br /><br />

              <strong>🎯 Pack Compétition avancé :</strong><br />
              Pour ceux qui veulent la version “full tension” du mode
              Compétition : difficultés Difficile &amp; Extrême, plus gros gains
              de points, relance de gage/récompense en fin de partie, durée
              personnalisable, choix aléatoire avancé… bref, tout ce qu’il faut
              pour pimenter les scores et les egos !

              <br /><br />

              Tous les achats sont <strong>one shot</strong> : une fois achetés,
              c’est pour toujours. Aucun abonnement, jamais. On déteste ça
              autant que toi.
            </div>
          </details>
          <details class="card" style="margin-top: 12px">
            <summary class="content" style="cursor: pointer; font-weight: 600">
              Peut-on jouer sans alcool ?
            </summary>
            <div class="content muted">
              Bien sûr que oui ! 🧃 Les packs contiennent des défis alcoolisés
              mais c’est toujours vous qui choisissez l’ambiance.

              <br /><br />

              Dans le pack Personnalisé, tu peux carrément couper la catégorie
              “alcool” et jouer une partie 100 % sobre.
              <br />
              Et dans les autres packs, si un défi ne vous inspire pas… hop,
              vous le remplacez par un gage équivalent (vêtement, défi bonus,
              mini-action…). Le fun reste intact. 😋

              <br /><br />

              Soft, fun, pimenté ou totalement sans alcool : le jeu suit votre
              vibe, pas l’inverse.
            </div>
          </details>
          <details class="card" style="margin-top: 12px">
            <summary class="content" style="cursor: pointer; font-weight: 600">
              Le mode Compétition, c'est quoi ?
            </summary>
            <div class="content muted">
              Le mode Compétition, c’est l’Action/Vérité… mais sous stéroïdes.
              🔥 Un mode pensé pour réveiller l’âme de compétiteur de ton groupe
              et pousser tout le monde à se surpasser (ou à paniquer
              joyeusement).

              <br /><br />

              À chaque tour, tu choisis <strong>ton défi</strong> (Action,
              Vérité ou Question) & ta <strong>difficulté</strong>. Plus c’est
              dur, plus ça rapporte. Si tu réussis → tu gagnes tous tes points.
              Si tu rates → tu perds la moitié. Si quelqu’un devait participer
              et refuse → tu gagnes la moitié des points… et lui en perd autant.
              😈

              <br /><br />

              En fin de tour de table, des <strong>rôles</strong>,
              <strong>évènements</strong> et
              <strong>actions de groupe</strong> peuvent apparaître
              aléatoirement pour retourner toute la partie : bonus, chaos,
              trahisons… personne n’est jamais à l’abri.

              <br /><br />

              La partie se termine quand le groupe le décide (fonction
              déblocable avec le pack) ou à la fin des tours initialement
              prévus. Le joueur avec le plus de points reçoit une
              <strong>récompense</strong> et le dernier un
              <strong>gage</strong>. Oui, la pression est réelle. 😉

              <br /><br />

              Le but ? Mettre fin aux débats “tu fais jamais rien, c’est pas
              juste !” : ici, chacun choisit exactement ce qu’il veut faire…
              mais à la fin,
              <strong>celui qui s’est vraiment mouillé gagne</strong>, et le
              dernier le paie. 🔥🏆
            </div>
          </details>
          <details class="card" style="margin-top: 12px">
            <summary class="content" style="cursor: pointer; font-weight: 600">
              Puis-je jouer à 2 joueurs ?
            </summary>
            <div class="content muted">
              Oui, tu peux tout à fait jouer à deux. ❤️‍🔥 Le jeu fonctionne en
              duo, surtout si vous êtes à l’aise l’un avec l’autre… et que vous
              aimez les défis qui rapprochent. 😉

              <br /><br />

              Cela dit, Oseras-tu est pensé pour briller en groupe : plus il y a
              de joueurs, plus les actions, rôles, votes et situations
              deviennent imprévisibles (et hilarantes).

              <br /><br />

              En résumé : À 2 → ambiance intime, défis plus personnels, parfait
              pour un couple ou un duo complice. À plusieurs → chaos contrôlé,
              fous rires, retournements de situation… le jeu prend toute sa
              puissance.

              <br /><br />

              Peu importe le nombre : si vous êtes partants, le jeu s’adapte à
              vous. 🎉
            </div>
          </details>
          <details class="card" style="margin-top: 12px">
            <summary class="content" style="cursor: pointer; font-weight: 600">
              Quelles sont les futures évolutions prévues ?
            </summary>
            <div class="content muted">
              Beaucoup de nouveautés arrivent ! 🚀 L'objectif est simple :
              rendre Oseras-tu toujours plus fun, plus riche et encore mieux
              adapté à votre groupe.

              <br /><br />

              Voici ce qui est prévu dans les prochaines mises à jour :
              <br /><br />

              <ul style="padding-left: 18px; margin: 0; list-style-type: disc">
                <li>
                  <strong>Version anglaise</strong> du jeu pour jouer avec
                  encore plus de monde
                </li>
                <li>
                  <strong>Encore plus de packs</strong> : thématiques, hot, fun,
                  extrêmes, absurdes…
                </li>
                <li>
                  <strong>Beaucoup plus de contenu</strong> (actions, vérités,
                  questions, rôles, évènements)
                </li>
                <li>
                  <strong>Mode personnalisé encore plus poussé</strong> : plus
                  de filtres, plus d’options, plus de contrôle
                </li>
                <li>
                  <strong>Création de contenu par les joueurs</strong> : vos
                  propres défis, vérités et questions directement dans l’app
                </li>
                <li>
                  <strong>Améliorations du mode Compétition</strong> : nouveaux
                  rôles, variantes, mécaniques avancées
                </li>
              </ul>

              <br />

              Et surtout : <strong>j’écoute vos retours</strong>. Chaque
              suggestion, chaque idée envoyée par la communauté influence les
              prochaines features. Si quelque chose peut rendre vos soirées
              encore plus folles, on le fait. 🔥
            </div>
          </details>
        </div>
      </section>
    </main>

    <!-- ========================================== COMMENTS ========================================== -->

    <section id="social-proof" class="section">
      <div
        class="container"
        style="text-align: center; max-width: 700px; margin: auto"
      >
        <h2 class="title-lg">Rejoins déjà plus de 1 000 joueurs 🎉</h2>
        <p class="rating">⭐⭐⭐⭐⭐ 4.8/5 — Noté par les joueurs</p>

        <div
          style="
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 24px;
          "
        >
          <div
            class="card"
            style="
              flex: 1 1 250px;
              padding: 16px;
              border-radius: 12px;
              background: #1e1e2f;
            "
          >
            <p>
              🔥 “On a rigolé toute la soirée, le mode Compétition est génial !”
            </p>
            <span style="font-size: 14px; color: #aaa">— Julie</span>
          </div>
          <div
            class="card"
            style="
              flex: 1 1 250px;
              padding: 16px;
              border-radius: 12px;
              background: #1e1e2f;
            "
          >
            <p>😏 “Enfin un Action/Vérité qui change, on ne s’ennuie pas !”</p>
            <span style="font-size: 14px; color: #aaa">— Thomas</span>
          </div>
          <div
            class="card"
            style="
              flex: 1 1 250px;
              padding: 16px;
              border-radius: 12px;
              background: #1e1e2f;
            "
          >
            <p>🥳 “Simple, rapide, parfait pour lancer l’ambiance.”</p>
            <span style="font-size: 14px; color: #aaa">— Sarah</span>
          </div>
        </div>

        <div class="container">
          <div class="cta-under-video">
            <a
              class="btn btn-primary btn-with-icon"
              href="https://play.google.com/store/apps/details?id=com.doyoudare.willYouDare"
              target="_blank"
              rel="noreferrer"
            >
              <img
                src="assets/images/google-play-badge.png"
                alt="Google Play"
                class="btn-icon"
              />
              <span>Télécharger maintenant</span>
            </a>
          </div>
        </div>
      </div>
    </section>

    <!-- ========================================== FOOTER ========================================== -->

    <footer
      style="border-top: 1px solid var(--ring); background: rgba(0, 0, 0, 0.2)"
    >
      <div
        class="container"
        style="
          display: flex;
          flex-wrap: wrap;
          gap: 12px;
          align-items: center;
          justify-content: space-between;
          padding: 18px 0;
        "
      >
        <div class="muted">© <span id="year"></span> Oseras-tu</div>
        <div style="display: flex; gap: 16px" class="muted">
          <a
            href="https://sites.google.com/view/willyoudare/privacy-policy"
            target="_blank"
            rel="noreferrer"
          >
            Politique de confidentialité
          </a>
          <a href="/cdn-cgi/l/email-protection#ccbba5a0a0b5a3b9a8adbea9adbcbc8caba1ada5a0e2afa3a1"> Contact </a>
        </div>
      </div>
    </footer>
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/scripts/script.js"></script>
  </body>
</html>
