/* global React */

function Pricing() {
  return (
    <section className="section" id="pricing" data-screen-label="07 Pricing">
      <div className="container">
        <div className="section-head reveal in">
          <h2 className="display-2">
            5,50 € par mois. <em className="accent">Vraiment, c'est tout.</em>
          </h2>
          <div className="right">§ 03 — L'abonnement</div>
        </div>

        <div className="pricing-grid">
          <div className="pricing-left reveal in">
            <p style={{ fontWeight: "400" }}>Une alternative locale et moins chère que ses concurrents pour un service impeccable. Tout est inclus : l'application, l'impression dans nos ateliers, la livraison à domicile en France métropolitaine, départements et régions d'outre mer (+ 8 autres destinations).



            </p>
            <ul className="checklist">
              <li><IconCheck size={20} /><span><strong>Aucune limite</strong> de membres dans la famille. Cousine éloignée, beau-frère, voisine de papi : tout le monde publie.</span></li>
              <li><IconCheck size={20} /><span><strong>Autant de destinataires</strong> que vous le souhaitez (5,50 € par mois et par destinataire).</span></li>
              <li><IconCheck size={20} /><span><strong>Papier écologique de qualité</strong>, finition semi-glacée, papier 130 grammes, plié et agrafé.</span></li>
              <li><IconCheck size={20} /><span><strong>Différents coloris</strong> : rose Mily, orange, vert, bleu pour varier les plaisirs au cours de l'année.</span></li>
              <li><IconCheck size={20} /><span><strong>Résiliable à tout moment</strong>, en un clic depuis l'app. Pas d'engagement de durée, pas de mauvaise surprise.</span></li>
              <li><IconCheck size={20} /><span><strong>Aucune CB</strong> demandée avant l'envoi du 1<sup>er</sup> numéro.</span></li>
            </ul>
          </div>

          <div className="postal-card reveal in" aria-labelledby="pricing-title">
            <div className="postal-head">
              <div>
                <div className="formule">Formule unique</div>
                <div className="title" id="pricing-title">Abonnement Mily</div>
              </div>
              <div className="discount-badge">SANS ENGAGEMENT</div>
            </div>

            <div className="price-row">
              <span className="amount">5,50 €</span>
              
            </div>
            <p className="price-note">
              / mois / destinataire
            </p>

            <ul className="inclus">
              <li><span className="key">Application iOS et Android</span><span className="val green">incluse</span></li>
              <li><span className="key">Application Web</span><span className="val green">incluse</span></li>
              <li><span className="key">Livraison partout en France (métropolitaine, départements et régions d'outre mer)</span><span className="val green">incluse</span></li>
              <li><span className="key">Livraison dans 8 pays (Allemagne, Andorre, Belgique, Espagne, Italie, Luxembourg, Monaco, Suisse) </span><span className="val green">incluse</span></li>
              <li><span className="key">Option PDF</span><span className="val">+0,50 €</span></li>
            </ul>

            <a className="btn btn-primary postal-cta" href="https://web.mymilyapp.com" target="_blank" rel="noopener noreferrer">
              Commencer mon premier journal
              <IconArrowRight size={18} />
            </a>
            <p className="postal-foot">Sans CB demandée avant l'envoi du 1<sup>er</sup> numéro.</p>
          </div>
        </div>
      </div>
    </section>);}Object.assign(window, { Pricing });