<!DOCTYPE html>
<html lang="fr">
<head>
  <!-- Google Tag Manager -->
  <script>
    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-NV59XGFM');
  </script>
  <!-- End Google Tag Manager -->

  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

  <title>Offrir un jeu d’ambiance original | Coffret cadeau Chrono Party</title>
  <meta name="description" content="Offrez Chrono Party, une application web de jeu d’ambiance sous forme de coffret cadeau virtuel animé. Une idée cadeau originale pour jouer en famille ou entre amis, en groupe et en présentiel." />
  <meta name="robots" content="index, follow" />
  <meta name="author" content="Chrono Party" />
  <link rel="canonical" href="https://chrono-party.e-u.fr/offrir-chrono-party/" />
  <link rel="icon" type="image/png" href="https://chrono-party.e-u.fr/logo-chrono-party.png" />

  <meta property="og:locale" content="fr_FR" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Offrir un jeu d’ambiance original | Coffret cadeau Chrono Party" />
  <meta property="og:description" content="Offrez Chrono Party sous forme de coffret cadeau virtuel animé. Une idée cadeau originale pour jouer en famille ou entre amis, en groupe et en présentiel." />
  <meta property="og:url" content="https://chrono-party.e-u.fr/offrir-chrono-party/" />
  <meta property="og:site_name" content="Chrono Party" />
  <meta property="og:image" content="https://chrono-party.e-u.fr/offrir-chrono-party/gift-box.png" />

  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Offrir un jeu d’ambiance original | Coffret cadeau Chrono Party" />
  <meta name="twitter:description" content="Un coffret cadeau virtuel animé pour offrir Chrono Party, le jeu d’ambiance numérique à jouer en groupe et en présentiel." />
  <meta name="twitter:image" content="https://chrono-party.e-u.fr/offrir-chrono-party/gift-box.png" />

  <meta name="theme-color" content="#7c5cff" />

  <style>
    :root{
      --txt:rgba(255,255,255,.94);
      --muted:rgba(255,255,255,.72);
      --soft:rgba(255,255,255,.86);
      --accent:#7c5cff;
      --accent2:#00d4ff;
      --good:#3cff9a;
      --warn:#ffd166;
      --pink:#ff4d9d;
      --radius:26px;
      --shadow:0 24px 80px rgba(0,0,0,.45);
      --max:1120px;
    }

    *{
      box-sizing:border-box;
    }

    html{
      scroll-behavior:smooth;
    }

    body{
      margin:0;
      font-family:Inter, Arial, Helvetica, sans-serif;
      color:var(--txt);
      background:
        radial-gradient(circle at 12% 8%, rgba(255,77,157,.22), transparent 30%),
        radial-gradient(circle at 90% 10%, rgba(0,212,255,.26), transparent 34%),
        radial-gradient(circle at 50% 100%, rgba(124,92,255,.35), transparent 38%),
        linear-gradient(135deg,#090d1a,#111936 55%,#090d1a);
      overflow-x:hidden;
      line-height:1.6;
    }

    a{
      color:inherit;
      text-decoration:none;
    }

    img{
      max-width:100%;
      display:block;
    }

    .wrap{
      width:min(var(--max, 1120px), calc(100% - 34px));
      margin:0 auto;
    }

    /* =========================================================
       HEADER COMMUN CHRONO PARTY
       ========================================================= */

    .topbar{
      position:sticky;
      top:0;
      z-index:999;
      backdrop-filter:blur(16px);
      background:rgba(11,16,32,.92);
      border-bottom:1px solid rgba(255,255,255,.10);
    }

    .nav{
      min-height:76px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      position:relative;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      text-decoration:none;
      color:#fff;
      min-width:0;
      flex:0 0 auto;
    }

    .brand-logo{
      width:46px;
      height:46px;
      border-radius:14px;
      object-fit:contain;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      padding:5px;
      box-shadow:0 12px 30px rgba(124,92,255,.20);
      flex:0 0 auto;
    }

    .brand-text{
      display:flex;
      flex-direction:column;
      line-height:1.1;
      min-width:0;
    }

    .brand-title{
      font-size:20px;
      font-weight:900;
      color:#fff;
      white-space:nowrap;
    }

    .brand-sub{
      font-size:13px;
      color:rgba(255,255,255,.68);
      margin-top:4px;
      white-space:nowrap;
    }

    .navlinks{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      flex:1;
      flex-wrap:wrap;
      min-width:0;
    }

    .navlinks a,
    .submenu-toggle{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:40px;
      padding:0 13px;
      border-radius:999px;
      color:rgba(255,255,255,.78);
      text-decoration:none;
      font-size:14px;
      font-weight:800;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.10);
      transition:.2s ease;
      white-space:nowrap;
      cursor:pointer;
      font-family:inherit;
    }

    .navlinks a:hover,
    .submenu-toggle:hover{
      color:#fff;
      background:rgba(255,255,255,.11);
    }

    .navlinks .btn,
    .navlinks .btn-primary{
      color:#fff;
      background:linear-gradient(135deg,#7c5cff,#00d4ff);
      border:0;
      box-shadow:0 12px 28px rgba(124,92,255,.28);
    }

    .nav-item{
      position:relative;
    }

    .submenu-toggle span{
      margin-left:6px;
      font-size:12px;
    }

    .submenu{
      display:none;
      position:absolute;
      top:100%;
      left:0;
      min-width:270px;
      padding:10px;
      padding-top:14px;
      border-radius:0 0 20px 20px;
      background:rgba(11,16,32,.98);
      border:1px solid rgba(255,255,255,.12);
      border-top:0;
      box-shadow:0 20px 50px rgba(0,0,0,.35);
      backdrop-filter:blur(16px);
    }

    .submenu a{
      width:100%;
      justify-content:flex-start;
      margin:4px 0;
      border-radius:14px;
    }

    .has-submenu{
      padding-bottom:10px;
      margin-bottom:-10px;
    }

    .has-submenu:hover .submenu{
      display:block;
    }

    .menu-toggle{
      display:none;
    }

    @media(max-width:1100px){
      .navlinks{
        gap:6px;
      }

      .navlinks a,
      .submenu-toggle{
        font-size:13px;
        padding:0 10px;
      }
    }

    /* PAGE */
    .gift-main{
      padding:34px 0 70px;
    }

    .hero{
      position:relative;
      min-height:calc(100vh - 160px);
      display:grid;
      grid-template-columns:1.05fr .95fr;
      align-items:center;
      gap:34px;
      padding:34px 0 44px;
    }

    .hero-card,
    .gift-card,
    .section{
      position:relative;
      background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.065));
      border:1px solid rgba(255,255,255,.18);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      backdrop-filter:blur(14px);
      overflow:hidden;
    }

    .hero-card::before,
    .gift-card::before,
    .section::before{
      content:"";
      position:absolute;
      inset:-80px;
      background:
        radial-gradient(circle at 20% 10%, rgba(255,209,102,.16), transparent 24%),
        radial-gradient(circle at 85% 0%, rgba(60,255,154,.10), transparent 26%),
        radial-gradient(circle at 50% 100%, rgba(0,212,255,.10), transparent 28%);
      pointer-events:none;
      z-index:0;
    }

    .hero-card > *,
    .gift-card > *,
    .section > *{
      position:relative;
      z-index:1;
    }

    .hero-card{
      padding:38px;
    }

    .badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.10);
      color:var(--muted);
      font-weight:850;
      font-size:14px;
      margin-bottom:18px;
      flex-wrap:wrap;
    }

    h1{
      font-size:clamp(40px,6.4vw,76px);
      line-height:.96;
      margin:0 0 20px;
      letter-spacing:-2px;
      font-weight:950;
    }

    .gradient-text{
      background:linear-gradient(135deg,#fff,#ffd166 42%,#00d4ff);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }

    .lead{
      max-width:760px;
      margin:0 0 24px;
      font-size:clamp(18px,2.2vw,23px);
      color:var(--muted);
      line-height:1.5;
    }

    .gift-line{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:12px 16px;
      border-radius:18px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.14);
      color:var(--soft);
      font-weight:800;
      line-height:1.35;
      margin:4px 0 18px;
    }

    .buttons{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-top:24px;
    }

    .btn{
      display:inline-flex;
      justify-content:center;
      align-items:center;
      min-height:52px;
      padding:14px 22px;
      border-radius:999px;
      font-size:16px;
      font-weight:950;
      color:white;
      text-decoration:none;
      background:linear-gradient(135deg,var(--accent),var(--accent2));
      box-shadow:0 16px 36px rgba(0,0,0,.32);
      transition:.2s;
      text-align:center;
      border:0;
      cursor:pointer;
    }

    .btn:hover{
      transform:translateY(-2px);
      filter:brightness(1.08);
    }

    .btn.secondary{
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.22);
      box-shadow:none;
    }

    .trust{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:22px;
    }

    .trust span{
      display:inline-flex;
      padding:8px 12px;
      border-radius:999px;
      background:rgba(255,255,255,.09);
      color:rgba(255,255,255,.76);
      font-size:13px;
      font-weight:800;
      border:1px solid rgba(255,255,255,.12);
    }

    .gift-card{
      min-height:560px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      padding:34px 24px;
      text-align:center;
    }

    .gift-visual{
      position:relative;
      width:min(440px,92%);
      margin:6px auto 12px;
    }

    .gift-glow{
      position:absolute;
      inset:6%;
      border-radius:50%;
      background:radial-gradient(circle, rgba(255,209,102,.42), transparent 66%);
      filter:blur(2px);
      animation:pulseGlow 2.8s ease-in-out infinite;
    }

    .gift-visual img{
      position:relative;
      z-index:2;
      width:100%;
      height:auto;
      display:block;
      filter:drop-shadow(0 30px 38px rgba(0,0,0,.30));
      animation:floatGift 3.4s ease-in-out infinite;
    }

    .gift-card h2{
      margin:8px 0 8px;
      font-size:clamp(28px,4vw,42px);
      letter-spacing:-1px;
    }

    .gift-card p{
      margin:0;
      color:var(--muted);
      line-height:1.45;
      max-width:460px;
      font-size:17px;
    }

    .sparkles{
      position:absolute;
      inset:0;
      pointer-events:none;
    }

    .sparkle{
      position:absolute;
      width:10px;
      height:10px;
      border-radius:50%;
      background:#ffd166;
      box-shadow:0 0 18px rgba(255,209,102,.9);
      animation:sparkle 2.2s ease-in-out infinite;
    }

    .sparkle:nth-child(1){left:16%; top:18%; animation-delay:.1s}
    .sparkle:nth-child(2){right:18%; top:26%; animation-delay:.6s}
    .sparkle:nth-child(3){left:26%; bottom:22%; animation-delay:1s}
    .sparkle:nth-child(4){right:24%; bottom:18%; animation-delay:1.4s}

    .section{
      margin-top:34px;
      padding:32px;
    }

    .section h2{
      margin:0 0 18px;
      text-align:center;
      font-size:clamp(30px,4.5vw,46px);
      letter-spacing:-1.2px;
      line-height:1.08;
    }

    .section-intro{
      text-align:center;
      max-width:780px;
      margin:0 auto 24px;
      color:var(--muted);
      font-size:18px;
      line-height:1.55;
    }

    .surprise-box{
      max-width:860px;
      margin:0 auto;
      padding:26px;
      border-radius:24px;
      background:linear-gradient(135deg,rgba(255,77,157,.16),rgba(124,92,255,.16),rgba(0,212,255,.12));
      border:1px solid rgba(255,255,255,.16);
      text-align:center;
    }

    .surprise-box strong{
      display:block;
      font-size:clamp(24px,4vw,36px);
      margin-bottom:10px;
      letter-spacing:-.8px;
    }

    .surprise-box p{
      margin:0 auto;
      max-width:700px;
      color:rgba(255,255,255,.78);
      font-size:18px;
      line-height:1.55;
    }

    .steps{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:14px;
    }

    .step{
      padding:18px;
      border-radius:20px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      min-height:170px;
    }

    .num{
      width:42px;
      height:42px;
      border-radius:50%;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(135deg,var(--pink),var(--accent));
      font-weight:950;
      margin-bottom:12px;
      box-shadow:0 10px 20px rgba(0,0,0,.2);
    }

    .step strong{
      display:block;
      font-size:17px;
      margin-bottom:8px;
    }

    .step span{
      color:var(--muted);
      font-size:15px;
      line-height:1.42;
    }

    .contains{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      max-width:900px;
      margin:0 auto;
    }

    .check{
      display:flex;
      gap:12px;
      align-items:flex-start;
      padding:16px;
      border-radius:18px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      color:rgba(255,255,255,.86);
      line-height:1.45;
    }

    .check b{
      color:var(--good);
      font-size:21px;
      line-height:1;
    }

    .uses{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      justify-content:center;
      margin-top:20px;
    }

    .pill{
      padding:10px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.12);
      color:var(--muted);
      font-weight:850;
      font-size:14px;
    }

    .price{
      text-align:center;
      max-width:720px;
      margin:0 auto;
      padding:30px;
      border-radius:26px;
      background:
        radial-gradient(circle at 20% 0%, rgba(255,209,102,.20), transparent 30%),
        linear-gradient(135deg,rgba(124,92,255,.25),rgba(0,212,255,.18));
      border:1px solid rgba(255,255,255,.20);
    }

    .price .amount{
      font-size:clamp(48px,8vw,74px);
      font-weight:1000;
      letter-spacing:-2px;
      margin:8px 0;
    }

    .price p{
      color:var(--muted);
      font-size:18px;
      line-height:1.45;
      margin:10px auto;
    }

    .note{
      text-align:center;
      color:var(--muted);
      line-height:1.5;
      max-width:760px;
      margin:18px auto 0;
      font-size:15px;
    }

    .mini-gift{
      display:inline-flex;
      align-items:center;
      gap:10px;
      justify-content:center;
      margin-bottom:10px;
      padding:8px 13px;
      border-radius:999px;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.13);
      color:rgba(255,255,255,.78);
      font-weight:850;
      font-size:14px;
    }

    .internalLinks{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:10px;
      margin-top:20px;
    }

    .internalLinks a{
      display:inline-flex;
      padding:10px 14px;
      border-radius:999px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      font-weight:900;
      color:#fff;
    }

    /* FOOTER COMMUN */
    .footer{
      margin-top:60px;
      padding:44px 0 26px;
      border-top:1px solid rgba(255,255,255,.10);
      background:rgba(0,0,0,.16);
      color:rgba(255,255,255,.72);
      font-size:14px;
      text-align:left;
    }

    .footerContainer{
      width:min(1120px, calc(100% - 34px));
      margin:0 auto;
    }

    .footerIntro{
      margin-bottom:26px;
    }

    .footerIntro strong{
      display:block;
      color:#fff;
      font-size:22px;
      margin-bottom:6px;
    }

    .footerIntro p{
      margin:0;
      max-width:620px;
      color:rgba(255,255,255,.68);
    }

    .footerGrid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:28px;
    }

    .footerCol h3{
      margin:0 0 12px;
      color:#fff;
      font-size:15px;
    }

    .footerCol a{
      display:block;
      margin:8px 0;
      color:rgba(255,255,255,.72);
      text-decoration:none;
      line-height:1.35;
    }

    .footerCol a:hover{
      color:#fff;
    }

    .footerBottom{
      margin-top:30px;
      padding-top:18px;
      border-top:1px solid rgba(255,255,255,.10);
      color:rgba(255,255,255,.52);
      font-size:13px;
    }

    @keyframes floatGift{
      0%,100%{transform:translateY(0) rotate(-1deg)}
      50%{transform:translateY(-12px) rotate(1deg)}
    }

    @keyframes pulseGlow{
      0%,100%{opacity:.55; transform:scale(.96)}
      50%{opacity:.95; transform:scale(1.08)}
    }

    @keyframes sparkle{
      0%,100%{opacity:.3; transform:scale(.75)}
      50%{opacity:1; transform:scale(1.25)}
    }
.floatingBackBtn{
  position:fixed;
  top:18px;
  right:18px;
  z-index:9999;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  font-weight:900;
  text-decoration:none;
  backdrop-filter:blur(12px);
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}

.topbar{
  display:none;
}
    /* MOBILE HEADER */
    @media(max-width:900px){
      .nav{
        min-height:68px;
        padding:10px 0;
      }

      .brand-logo{
        width:38px;
        height:38px;
        border-radius:12px;
      }

      .brand-title{
        font-size:17px;
      }

      .brand-sub{
        font-size:11px;
        max-width:185px;
        overflow:hidden;
        text-overflow:ellipsis;
      }

      .menu-toggle{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:38px;
        padding:0 14px;
        border-radius:999px;
        border:1px solid rgba(255,255,255,.14);
        background:rgba(255,255,255,.08);
        color:#fff;
        font-weight:900;
        font-size:13px;
        cursor:pointer;
      }

      .navlinks{
        display:none;
        position:fixed;
        top:0;
        right:0;
        width:min(320px, 86vw);
        height:100vh;
        padding:92px 18px 22px;
        background:rgba(11,16,32,.98);
        border-left:1px solid rgba(255,255,255,.12);
        box-shadow:-20px 0 60px rgba(0,0,0,.42);
        backdrop-filter:blur(18px);
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:8px;
        z-index:1000;
      }

      .navlinks.is-open{
        display:flex;
      }

      .navlinks::before{
        content:"Chrono Party";
        position:absolute;
        top:26px;
        left:18px;
        color:#fff;
        font-size:20px;
        font-weight:950;
      }

      .navlinks::after{
        content:"×";
        position:absolute;
        top:18px;
        right:18px;
        width:42px;
        height:42px;
        display:grid;
        place-items:center;
        border-radius:14px;
        border:1px solid rgba(255,255,255,.16);
        background:rgba(255,255,255,.08);
        color:#fff;
        font-size:26px;
        font-weight:400;
        pointer-events:none;
      }

      .navlinks a,
      .submenu-toggle{
        width:100%;
        justify-content:space-between;
        min-height:46px;
        padding:0 14px;
        font-size:15px;
        border-radius:15px;
      }

      .navlinks .btn,
      .navlinks .btn-primary{
        min-height:50px;
        justify-content:center;
        font-size:15px;
        margin-top:8px;
      }

      .nav-item{
        width:100%;
      }

      .submenu{
        position:static;
        display:none;
        min-width:0;
        margin:6px 0 8px;
        padding:8px;
        border-radius:16px;
        background:rgba(255,255,255,.055);
        border:1px solid rgba(255,255,255,.10);
        box-shadow:none;
      }

      .nav-item.is-open .submenu{
        display:block;
      }

      .has-submenu:hover .submenu{
        display:none;
      }

      .nav-item.is-open:hover .submenu{
        display:block;
      }

      .submenu a{
        min-height:40px;
        font-size:14px;
        background:rgba(255,255,255,.055);
      }
    }

    @media(max-width:900px){
      .hero{
        grid-template-columns:1fr;
        min-height:auto;
        padding-top:24px;
      }

      .gift-card{
        min-height:auto;
      }

      .steps{
        grid-template-columns:1fr 1fr;
      }
    }

    @media(max-width:800px){
      .footerGrid{
        grid-template-columns:1fr 1fr;
      }
    }

    @media(max-width:760px){
      .contains{
        grid-template-columns:1fr;
      }
    }

    @media(max-width:560px){
      .wrap{
        width:min(var(--max), calc(100% - 28px));
      }

      .gift-main{
        padding:18px 0 50px;
      }

      .hero-card,
      .gift-card,
      .section{
        padding:24px 17px;
      }

      h1{
        font-size:clamp(38px,11vw,52px);
        letter-spacing:-1.4px;
        line-height:1;
      }

      .lead{
        font-size:17px;
      }

      .buttons{
        width:100%;
      }

      .btn{
        width:100%;
      }

      .steps{
        grid-template-columns:1fr;
      }

      .gift-card{
        padding-top:28px;
      }

      .gift-visual{
        width:min(360px,96%);
      }

      .price{
        padding:24px 16px;
      }
    }

    @media(max-width:520px){
      .footerGrid{
        grid-template-columns:1fr;
      }
    }

    @media(max-width:430px){
      .brand-sub{
        max-width:160px;
      }
    }

    @media (hover: none) and (pointer: coarse){
      .btn:hover{
        transform:none !important;
        filter:none !important;
      }

      .btn{
        touch-action:manipulation;
        -webkit-tap-highlight-color:rgba(255,255,255,.12);
      }
    }
  </style>

  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@graph":[
      {
        "@type":"Organization",
        "name":"Chrono Party",
        "url":"https://chrono-party.e-u.fr/",
        "logo":"https://chrono-party.e-u.fr/logo-chrono-party.png"
      },
      {
        "@type":"Product",
        "name":"Coffret cadeau Chrono Party",
        "image":"https://chrono-party.e-u.fr/offrir-chrono-party/gift-box.png",
        "description":"Coffret cadeau virtuel Chrono Party : une application web de jeu d’ambiance à offrir pour jouer en groupe, en présentiel, en famille ou entre amis.",
        "brand":{
          "@type":"Brand",
          "name":"Chrono Party"
        },
        "offers":{
          "@type":"Offer",
          "url":"https://chrono-party.e-u.fr/offrir-chrono-party/",
          "priceCurrency":"EUR",
          "price":"19.90",
          "availability":"https://schema.org/InStock"
        }
      },
      {
        "@type":"FAQPage",
        "mainEntity":[
          {
            "@type":"Question",
            "name":"Est-ce un cadeau physique ?",
            "acceptedAnswer":{
              "@type":"Answer",
              "text":"Non, le coffret cadeau Chrono Party est un coffret virtuel animé. Le destinataire reçoit un lien cadeau personnalisé."
            }
          },
          {
            "@type":"Question",
            "name":"Peut-on offrir Chrono Party à distance ?",
            "acceptedAnswer":{
              "@type":"Answer",
              "text":"Oui, le lien cadeau Chrono Party peut être envoyé par mail, SMS ou WhatsApp."
            }
          },
          {
            "@type":"Question",
            "name":"Chrono Party est-il une application web ?",
            "acceptedAnswer":{
              "@type":"Answer",
              "text":"Oui, Chrono Party est une application web accessible depuis un navigateur sur téléphone, tablette ou ordinateur."
            }
          },
          {
            "@type":"Question",
            "name":"Le jeu se joue-t-il en ligne à distance ?",
            "acceptedAnswer":{
              "@type":"Answer",
              "text":"Chrono Party utilise un support numérique, mais il se joue en groupe et en présentiel. Ce n’est pas un jeu en ligne à distance."
            }
          },
          {
            "@type":"Question",
            "name":"Que contient le coffret cadeau Chrono Party ?",
            "acceptedAnswer":{
              "@type":"Answer",
              "text":"Le coffret contient un accès à Chrono Party version complète, une page cadeau animée, un message personnalisé et un lien à transmettre au destinataire."
            }
          },
          {
            "@type":"Question",
            "name":"Le coffret cadeau Chrono Party est-il un abonnement ?",
            "acceptedAnswer":{
              "@type":"Answer",
              "text":"Non, Chrono Party est proposé avec un paiement unique, un accès illimité dans le temps et sans abonnement."
            }
          }
        ]
      }
    ]
  }
  </script>
</head>
<a href="https://chrono-party.e-u.fr/jeux/" class="floatingBackBtn">
  ✕ Fermer
</a>
<body>
  <!-- Google Tag Manager noscript -->
  <noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NV59XGFM"
    height="0" width="0" style="display:none;visibility:hidden"></iframe>
  </noscript>
  <!-- End Google Tag Manager noscript -->

  <?php include $_SERVER['DOCUMENT_ROOT'] . '/includes/header.php'; ?>

  <main class="gift-main">
    <div class="wrap">

      <section class="hero">
        <div class="hero-card">
          <div class="badge">🎁 Coffret cadeau virtuel • Jeu d’ambiance • Paiement unique</div>

          <h1>
            Offrir un jeu d’ambiance
            <span class="gradient-text">qui déclenche des rires</span>
          </h1>

          <p class="lead">
            Offrez Chrono Party dans un coffret virtuel animé :
            le destinataire ouvre son paquet cadeau, découvre votre message,
            puis lance une soirée de rires en famille ou entre amis.
          </p>

          <div class="gift-line">
            ✨ Une idée cadeau originale, simple à envoyer, pour offrir un vrai moment à partager.
          </div>

          <div class="buttons">
            <a class="btn" href="https://buy.stripe.com/fZuaEX0TLcjn2gk5YtgQE03" target="_blank" rel="noopener noreferrer">
              Offrir le coffret — 19,90 €
            </a>

            <a class="btn secondary" href="/coffret-demo/" target="_blank" rel="noopener noreferrer">
              Voir l’animation du coffret
            </a>

            <a class="btn secondary" href="https://chrono-party.e-u.fr/demo2026/" target="_blank" rel="noopener noreferrer">
              Jouer gratuitement
            </a>
          </div>

          <div class="trust">
            <span>Paiement unique</span>
            <span>Accès illimité</span>
            <span>Sans abonnement</span>
            <span>Application web</span>
            <span>Jeu en groupe et en présentiel</span>
          </div>
        </div>

        <div class="gift-card">
          <div class="sparkles">
            <span class="sparkle"></span>
            <span class="sparkle"></span>
            <span class="sparkle"></span>
            <span class="sparkle"></span>
          </div>

          <div class="gift-visual">
            <div class="gift-glow"></div>
            <img src="gift-box.png" alt="Coffret cadeau Chrono Party avec paquet cadeau rouge et ruban doré" />
          </div>

          <h2>Offrez une soirée à partager</h2>
          <p>
            Pas juste un code : une vraie petite surprise animée à envoyer par mail, SMS ou WhatsApp.
          </p>
        </div>
      </section>

      <section class="section">
        <h2>Une idée cadeau originale pour jouer en famille ou entre amis</h2>

        <p class="section-intro">
          Vous cherchez une idée cadeau originale, simple à offrir et vraiment conviviale ?
          Le coffret cadeau Chrono Party permet d’offrir un jeu d’ambiance numérique à jouer en groupe,
          en présentiel, lors d’un anniversaire, d’une soirée entre amis, d’un repas de famille ou d’un moment festif.
        </p>

        <p class="section-intro">
          Contrairement à un simple bon d’achat, le destinataire découvre une page cadeau animée,
          un message personnalisé et un accès à la version complète du jeu pour lancer une partie depuis un téléphone,
          une tablette ou un ordinateur.
        </p>
      </section>

      <section class="section">
        <div class="surprise-box">
          <strong>Ce n’est pas juste un code d’accès.</strong>
          <p>
            Le destinataire reçoit un lien cadeau personnalisé.
            Il clique, le paquet s’ouvre, les confettis apparaissent,
            votre message s’affiche, puis il active son accès à Chrono Party.
          </p>

          <div class="buttons" style="justify-content:center;">
            <a class="btn secondary" href="/coffret-demo/" target="_blank" rel="noopener noreferrer">
              Voir le coffret animé
            </a>

            <a class="btn secondary" href="https://chrono-party.e-u.fr/demo2026/" target="_blank" rel="noopener noreferrer">
              Jouer gratuitement
            </a>
          </div>
        </div>
      </section>

      <section class="section">
        <h2>Une surprise en 4 étapes</h2>
        <p class="section-intro">
          Simple à offrir, facile à utiliser, et parfait pour créer un vrai effet cadeau.
        </p>

        <div class="steps">
          <div class="step">
            <div class="num">1</div>
            <strong>Vous choisissez d’offrir Chrono Party</strong>
            <span>Vous offrez le jeu sous forme de coffret cadeau virtuel.</span>
          </div>

          <div class="step">
            <div class="num">2</div>
            <strong>Vous personnalisez le cadeau</strong>
            <span>Prénom, message cadeau et lien à envoyer au destinataire.</span>
          </div>

          <div class="step">
            <div class="num">3</div>
            <strong>Le paquet cadeau s’ouvre</strong>
            <span>Le destinataire découvre une animation, des confettis et votre message.</span>
          </div>

          <div class="step">
            <div class="num">4</div>
            <strong>La soirée peut commencer</strong>
            <span>Un téléphone, une tablette ou un ordinateur suffit pour lancer Chrono Party et jouer en groupe.</span>
          </div>
        </div>
      </section>

      <section class="section">
        <h2>Ce que contient le coffret cadeau</h2>

        <div class="contains">
          <div class="check">
            <b>✓</b>
            <span>Un accès à Chrono Party version complète.</span>
          </div>

          <div class="check">
            <b>✓</b>
            <span>Un coffret virtuel animé à offrir.</span>
          </div>

          <div class="check">
            <b>✓</b>
            <span>Un message cadeau personnalisé.</span>
          </div>

          <div class="check">
            <b>✓</b>
            <span>Une application web de jeu d’ambiance à jouer en groupe, en présentiel.</span>
          </div>

          <div class="check">
            <b>✓</b>
            <span>Jusqu’à 4000 mots pour varier les parties.</span>
          </div>

          <div class="check">
            <b>✓</b>
            <span>Tous les thèmes disponibles et les 4 manches de jeu.</span>
          </div>

          <div class="check">
            <b>✓</b>
            <span>Le mode enfants pour jouer aussi en famille.</span>
          </div>

          <div class="check">
            <b>✓</b>
            <span>Le maître du jeu vocal pour guider la partie.</span>
          </div>
        </div>
      </section>

      <section class="section">
        <h2>Le cadeau parfait pour...</h2>

        <p class="section-intro">
          Offrez un moment à vivre, pas un objet de plus.
          Chrono Party est pensé pour créer de la bonne humeur immédiatement.
        </p>

        <div class="uses">
          <span class="pill">Anniversaire</span>
          <span class="pill">Noël</span>
          <span class="pill">Soirée entre amis</span>
          <span class="pill">Repas de famille</span>
          <span class="pill">EVJF / EVG</span>
          <span class="pill">Départ en retraite</span>
          <span class="pill">Cadeau de dernière minute</span>
          <span class="pill">Cadeau famille original</span>
          <span class="pill">Cadeau pour amis</span>
        </div>

        <div class="internalLinks" aria-label="Liens utiles Chrono Party">
          <a href="https://chrono-party.e-u.fr/jeu-soiree/">Jeu de soirée</a>
          <a href="https://chrono-party.e-u.fr/jeu-ambiance/">Jeu d’ambiance</a>
          <a href="https://chrono-party.e-u.fr/jeu-soiree-entre-amis/">Jeu de soirée entre amis</a>
          <a href="https://chrono-party.e-u.fr/jeu-ambiance-famille/">Jeu d’ambiance famille</a>
          <a href="https://chrono-party.e-u.fr/jeu-ambiance-adulte/">Jeu d’ambiance adulte</a>
          <a href="https://chrono-party.e-u.fr/version-complete/">Version complète</a>
        </div>
      </section>

      <section class="section" id="acheter">
        <div class="price">
          <div class="mini-gift">🎁 Coffret cadeau virtuel Chrono Party</div>

          <h2>Offrir Chrono Party</h2>

          <div class="amount">19,90 €</div>

          <p>
            Paiement unique. Accès illimité. Sans abonnement.
          </p>

          <p>
            Le coffret contient un accès à Chrono Party version complète
            et une page cadeau animée à envoyer.
          </p>

          <div class="buttons" style="justify-content:center;">
            <a class="btn" href="https://buy.stripe.com/fZuaEX0TLcjn2gk5YtgQE03" target="_blank" rel="noopener noreferrer">
              Offrir le coffret cadeau
            </a>

            <a class="btn secondary" href="/coffret-demo/" target="_blank" rel="noopener noreferrer">
              Voir un exemple
            </a>

            <a class="btn secondary" href="https://chrono-party.e-u.fr/demo2026/" target="_blank" rel="noopener noreferrer">
              Jouer gratuitement
            </a>
          </div>

          <p class="note">
            Après votre achat, vous pourrez recevoir ou transmettre le lien cadeau personnalisé à la personne de votre choix.
          </p>
        </div>
      </section>

      <section class="section" id="faq">
        <h2>Questions fréquentes sur le coffret cadeau Chrono Party</h2>

        <div class="contains">
          <div class="check">
            <b>?</b>
            <span>
              <strong>Est-ce un cadeau physique ?</strong><br>
              Non, il s’agit d’un coffret cadeau virtuel animé. Le destinataire reçoit un lien cadeau personnalisé.
            </span>
          </div>

          <div class="check">
            <b>?</b>
            <span>
              <strong>Peut-on offrir Chrono Party à distance ?</strong><br>
              Oui, le lien cadeau peut être envoyé par mail, SMS ou WhatsApp.
            </span>
          </div>

          <div class="check">
            <b>?</b>
            <span>
              <strong>Est-ce une application web ?</strong><br>
              Oui, Chrono Party fonctionne directement depuis un navigateur sur téléphone, tablette ou ordinateur.
            </span>
          </div>

          <div class="check">
            <b>?</b>
            <span>
              <strong>Le jeu se joue-t-il en ligne à distance ?</strong><br>
              Non, Chrono Party utilise un support numérique, mais il se joue en groupe et en présentiel.
            </span>
          </div>

          <div class="check">
            <b>?</b>
            <span>
              <strong>Que contient le coffret cadeau ?</strong><br>
              Il contient l’accès à Chrono Party version complète, une page cadeau animée, un message personnalisé et un lien à transmettre.
            </span>
          </div>

          <div class="check">
            <b>?</b>
            <span>
              <strong>Le coffret cadeau est-il un abonnement ?</strong><br>
              Non, Chrono Party est proposé avec un paiement unique, un accès illimité dans le temps et sans abonnement.
            </span>
          </div>
        </div>
      </section>

    </div>
  </main>

  <?php include $_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'; ?>

  <script>
    document.addEventListener('DOMContentLoaded', function(){
      const menuToggle = document.querySelector('.menu-toggle');
      const navlinks = document.querySelector('.navlinks');
      const submenuToggle = document.querySelector('.submenu-toggle');
      const submenuParent = document.querySelector('.has-submenu');

      if(menuToggle && navlinks){
        menuToggle.setAttribute('type', 'button');

        menuToggle.addEventListener('click', function(event){
          event.preventDefault();
          event.stopPropagation();

          navlinks.classList.toggle('is-open');

          const isOpen = navlinks.classList.contains('is-open');
          menuToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
        });

        navlinks.addEventListener('click', function(event){
          const clickOnCloseZone = event.target === navlinks;

          if(clickOnCloseZone){
            navlinks.classList.remove('is-open');
            menuToggle.setAttribute('aria-expanded', 'false');
          }
        });

        navlinks.querySelectorAll('a').forEach(function(link){
          link.addEventListener('click', function(){
            navlinks.classList.remove('is-open');
            menuToggle.setAttribute('aria-expanded', 'false');

            if(submenuParent){
              submenuParent.classList.remove('is-open');
            }
          });
        });
      }

      if(submenuToggle && submenuParent){
        submenuToggle.addEventListener('click', function(event){
          event.preventDefault();
          event.stopPropagation();

          submenuParent.classList.toggle('is-open');
        });
      }

      document.addEventListener('click', function(event){
        if(!navlinks || !menuToggle) return;

        const clickedInsideMenu = navlinks.contains(event.target);
        const clickedToggle = menuToggle.contains(event.target);

        if(!clickedInsideMenu && !clickedToggle){
          navlinks.classList.remove('is-open');
          menuToggle.setAttribute('aria-expanded', 'false');

          if(submenuParent){
            submenuParent.classList.remove('is-open');
          }
        }
      });

      document.addEventListener('keydown', function(event){
        if(event.key === 'Escape' && navlinks && menuToggle){
          navlinks.classList.remove('is-open');
          menuToggle.setAttribute('aria-expanded', 'false');

          if(submenuParent){
            submenuParent.classList.remove('is-open');
          }
        }
      });
    });
  </script>

</body>
</html>