<!-- SECTION FAQ -->
<section class="vd-faq" id="faq">
  <div class="container">

    <div class="vd-section-head">
      <div class="vd-kicker">Vous avez des questions ?</div>
      <h2 class="vd-section-title">On répond à tout, sans détour.</h2>
    </div>

    <div class="vd-faq-list">

      <div class="vd-faq-item" onclick="this.classList.toggle('active')">
        <div class="vd-faq-header">
          Qu'est-ce que Mon Comptoir ?
          <div class="vd-faq-icon"><i class="fas fa-chevron-down"></i></div>
        </div>
        <div class="vd-faq-body">
          C'est votre boutique en ligne clé en main. Pas besoin d'être expert en informatique : nous gérons la technique (hébergement, sécurité, mises à jour) pour que vous puissiez vous concentrer sur vos produits.
        </div>
      </div>

      <div class="vd-faq-item" onclick="this.classList.toggle('active')">
        <div class="vd-faq-header">
          Suis-je engagé dans la durée ?
          <div class="vd-faq-icon"><i class="fas fa-chevron-down"></i></div>
        </div>
        <div class="vd-faq-body">
          Non, jamais. L'offre est <strong>sans engagement</strong>. Vous êtes libre d'arrêter votre abonnement quand vous le souhaitez, d'un simple clic depuis votre espace admin.
        </div>
      </div>

      <div class="vd-faq-item" onclick="this.classList.toggle('active')">
        <div class="vd-faq-header">
          À quoi servent les frais de transaction ?
          <div class="vd-faq-icon"><i class="fas fa-chevron-down"></i></div>
        </div>
        <div class="vd-faq-body">
          Les frais incluent la commission bancaire Stripe, la maintenance des serveurs et le support client. Ils ne sont prélevés <strong>que si vous vendez</strong>. Zéro vente = Zéro frais.
        </div>
      </div>

      <div class="vd-faq-item" onclick="this.classList.toggle('active')">
        <div class="vd-faq-header">
          Quand reçois-je l'argent de mes ventes ?
          <div class="vd-faq-icon"><i class="fas fa-chevron-down"></i></div>
        </div>
        <div class="vd-faq-body">
          Automatiquement sur votre compte bancaire. Stripe effectue les virements selon la fréquence que vous choisissez (quotidien, hebdomadaire ou mensuel). C'est sécurisé et transparent.
        </div>
      </div>

    </div>

    <div class="vd-faq-footer">
      <p class="vd-section-text" style="margin-bottom:18px;">Une autre question ? On est là.</p>
      <a href="mailto:hello@mon-comptoir.com" class="vd-btn vd-btn--green">
        <i class="far fa-envelope"></i> Contactez-nous
      </a>
    </div>

  </div>
</section>

<!-- FOOTER -->
<footer class="mc-footer">
  <div class="container">
    <div class="mc-footer-grid">

      <!-- Colonne 1 : Logo -->
      <div class="mc-footer-col">
        <img src="/assets/img/logo.png" alt="Mon Comptoir" class="mc-footer-logo" width="200" height="39" loading="lazy">
        <p class="mc-footer-desc">La solution pour digitaliser votre commerce de proximité simplement et efficacement.</p>
        <div class="mc-footer-social">
          <a href="#" class="mc-footer-social-icon" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
          <a href="#" class="mc-footer-social-icon" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
          <a href="#" class="mc-footer-social-icon" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
        </div>
      </div>

      <!-- Colonne 2 : Liens -->
      <div class="mc-footer-col mc-footer-col--center">
        <p class="mc-footer-title">Liens utiles</p>
        <ul class="mc-footer-links">
          <li><a href="/">Accueil</a></li>
          <li><a href="/fonctionnalites">Fonctionnalités</a></li>
          <li><a href="/tarifs">Tarifs</a></li>
          <li><a href="/annuaire/">Trouver un comptoir</a></li>
          <li><a href="/cgv">CGV</a></li>
          <li><a href="/confidentialite">Confidentialité</a></li>
        </ul>
      </div>

      <!-- Colonne 3 : Contact -->
      <div class="mc-footer-col mc-footer-col--right">
        <p class="mc-footer-title">Contact</p>
        <a href="mailto:hello@mon-comptoir.com" class="mc-footer-ig">
          <i class="fas fa-envelope"></i> hello@mon-comptoir.com
        </a>
        <div style="margin-top:18px;">
          <a href="#" class="mc-footer-ig">
            <i class="fab fa-instagram"></i> @mon-comptoir
          </a>
        </div>
      </div>

    </div>

    <div class="mc-footer-bottom">
      <p class="mc-footer-copy">© 2026 Mon Comptoir. Tous droits réservés.</p>
      <p class="mc-footer-pay">
        <i class="fab fa-cc-visa mx-1"></i>
        <i class="fab fa-cc-mastercard mx-1"></i>
        <i class="fab fa-cc-apple-pay mx-1"></i>
        Paiements sécurisés via Stripe
      </p>
    </div>
  </div>
</footer>

<div class="cookie-banner" id="cookieBanner" role="dialog" aria-live="polite" aria-label="Bannière cookies">
  <div class="cookie-banner__inner">
    <div class="cookie-banner__text">
      <div class="cookie-banner__title">Cookies</div>
      <div class="cookie-banner__desc">
        Nous utilisons des cookies pour assurer le bon fonctionnement du site et améliorer votre expérience.
        <a href="/confidentialite" class="cookie-banner__link">En savoir plus</a>.
      </div>
    </div>
    <div class="cookie-banner__actions">
      <button type="button" class="cookie-btn cookie-btn--secondary" id="cookieRefuse">Refuser</button>
      <button type="button" class="cookie-btn cookie-btn--primary" id="cookieAccept">Accepter</button>
    </div>
  </div>
</div>

<script src="/assets/js/cookie-consent.js" defer></script>

<script>
(function(){
  function loadGTM(id) {
    if (document.getElementById('gtm-script')) return;
    var s = document.createElement('script');
    s.id = 'gtm-script';
    s.src = 'https://www.googletagmanager.com/gtm.js?id=' + id;
    s.async = true;
    document.head.appendChild(s);
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({'gtm.start': new Date().getTime(), 'event': 'gtm.js'});
  }
  var GTM_ID = '';
  if (!GTM_ID) return;
  function checkAndLoad() {
    var val = null;
    var c = document.cookie.split('; ');
    for (var i = 0; i < c.length; i++) {
      if (c[i].indexOf('mc_cookie_consent=') === 0) {
        val = decodeURIComponent(c[i].substring('mc_cookie_consent='.length));
        break;
      }
    }
    if (val === 'accepted') loadGTM(GTM_ID);
  }
  checkAndLoad();
  window.addEventListener('mc:cookie:accepted', function() { loadGTM(GTM_ID); });
})();
</script>