{% extends 'demo/_base.html.twig' %}

{% block title %}NUM-ECARD | Beauté, Bien-être & Soins — Hub de Communication Professionnel{% endblock %}

{% block meta_description %}Esthéticiennes, coiffeurs, praticiens bien-être, instituts : NUM-ECARD fidélise votre clientèle et développe votre réputation locale. Paiement unique dès 179€.{% endblock %}

{% block theme_css %}
*{margin:0;padding:0;box-sizing:border-box}
        html{scroll-behavior:smooth;overflow-x:hidden}
        body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Arial,sans-serif;background:#fff;color:#1d1d1f;line-height:1.47059;font-weight:400;letter-spacing:-.022em;overflow-x:hidden}
        .navbar{position:sticky;top:0;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);z-index:9999;height:44px}
        .navbar-container{max-width:1000px;margin:0 auto;padding:0 22px;display:flex;justify-content:space-between;align-items:center;height:100%}
        .navbar-logo{font-size:17px;font-weight:600;color:#1d1d1f;text-decoration:none}
        .navbar-logo span{color:#0071e3}
        .navbar-back{color:#0071e3;text-decoration:none;font-size:12px}
        .navbar-cta{background:#0071e3;color:#fff!important;padding:4px 14px;border-radius:980px;font-size:12px;font-weight:500;text-decoration:none}
        /* BANNER — rose poudré & prune luxe */
        .sector-banner{background:linear-gradient(135deg,#1a0510 0%,#2a0820 60%,#1a0515 100%);padding:60px 22px 50px;text-align:center;position:relative;overflow:hidden}
        .sector-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(220,80,160,.22) 0%,transparent 55%),radial-gradient(ellipse at 72% 38%,rgba(180,60,130,.14) 0%,transparent 50%)}
        .sector-badge{display:inline-block;background:rgba(220,80,160,.15);border:1px solid rgba(220,80,160,.35);color:#f09dd0;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px;position:relative}
        .sector-banner h1{font-size:clamp(28px,5vw,48px);font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px;position:relative}
        .sector-banner h1 span{color:#f09dd0}
        .sector-banner p{font-size:17px;color:rgba(255,255,255,.7);max-width:580px;margin:0 auto 30px;position:relative}
        .sector-banner-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}
        .btn-white{background:#fff;color:#1d1d1f;padding:12px 24px;border-radius:980px;font-size:15px;font-weight:500;text-decoration:none}
        .btn-outline-white{background:transparent;color:#fff;padding:12px 24px;border-radius:980px;font-size:15px;font-weight:500;border:1.5px solid rgba(255,255,255,.4);text-decoration:none}
        .section{padding:80px 22px}
        .section-inner{max-width:1000px;margin:0 auto}
        .section-label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#b03080;margin-bottom:12px}
        .section-title{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.03em;color:#1d1d1f;margin-bottom:16px;line-height:1.1}
        .section-subtitle{font-size:17px;color:#6e6e73;max-width:580px;line-height:1.6;margin-bottom:48px}
        .section-alt{background:#fdf5fa}
        .pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
        .pain-card{background:#fff;border-radius:16px;padding:28px;border:1px solid rgba(0,0,0,.06);transition:box-shadow .3s,transform .3s}
        .pain-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}
        .pain-card.solved{border-left:3px solid #dc50a0}
        .pain-card.solved h3{color:#9a2070}
        .pain-icon{font-size:28px;margin-bottom:14px}
        .pain-card h3{font-size:17px;font-weight:600;margin-bottom:8px}
        .pain-card p{font-size:14px;color:#6e6e73;line-height:1.6}
        .usecase-list{display:flex;flex-direction:column;gap:64px}
        .usecase-item{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
        .usecase-item.reverse{direction:rtl}
        .usecase-item.reverse>*{direction:ltr}
        .usecase-text h3{font-size:22px;font-weight:600;color:#1d1d1f;margin-bottom:10px}
        .usecase-text p{font-size:15px;color:#6e6e73;line-height:1.7;margin-bottom:14px}
        .usecase-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
        .tag{background:rgba(220,80,160,.1);color:#9a2070;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}
        .usecase-visual{background:linear-gradient(135deg,#fce4f0,#f8c8e4);border-radius:20px;padding:32px;min-height:280px;display:flex;flex-direction:column;justify-content:center}
        .mock-card{border-radius:16px;padding:20px;color:white;box-shadow:0 20px 40px rgba(0,0,0,.25);max-width:280px;margin:0 auto;font-size:13px}
        .mc-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
        .mc-logo{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:white;flex-shrink:0}
        .mc-company{font-weight:700;font-size:14px}
        .mc-tagline{font-size:10px;opacity:.7}
        .mc-name{font-size:16px;font-weight:700;margin-bottom:2px}
        .mc-role{font-size:11px;opacity:.7;margin-bottom:12px}
        .mc-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:8px;padding:8px 10px;margin-bottom:6px;font-size:11px}
        .mc-btn-icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}
        .mc-actu{border-radius:8px;padding:8px;margin-top:8px}
        .mc-actu-title{font-size:10px;font-weight:600;margin-bottom:4px}
        .mc-actu-text{font-size:10px;opacity:.8;line-height:1.4}
        .roi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
        .roi-card{text-align:center;padding:32px 20px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06)}
        .roi-number{font-size:42px;font-weight:700;color:#dc50a0;letter-spacing:-.03em;line-height:1;margin-bottom:8px}
        .roi-label{font-size:14px;color:#6e6e73;line-height:1.4}
        .pricing-highlight{background:linear-gradient(135deg,#dc50a0 0%,#9a2070 100%);border-radius:20px;padding:48px;text-align:center;color:white}
        .pricing-highlight h3{font-size:28px;font-weight:700;margin-bottom:8px}
        .pricing-highlight p{opacity:.85;font-size:15px;margin-bottom:24px}
        .price-big{font-size:56px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:4px}
        .price-note{font-size:13px;opacity:.65;margin-bottom:32px}
        .pricing-features{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}
        .pricing-feature{background:rgba(255,255,255,.15);padding:6px 16px;border-radius:20px;font-size:13px}
        .btn-pricing{display:inline-block;background:#fff;color:#9a2070;padding:14px 36px;border-radius:980px;font-size:16px;font-weight:600;text-decoration:none}
        .feature-list{list-style:none}
        .feature-list li{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:15px;display:flex;align-items:flex-start;gap:10px}
        .feature-list li:last-child{border-bottom:none}
        .check{color:#dc50a0;font-size:16px;flex-shrink:0;margin-top:1px}
        .comparison-table{width:100%;border-collapse:collapse;font-size:14px}
        .comparison-table th{padding:12px 16px;text-align:left;font-weight:600;color:#6e6e73;border-bottom:2px solid rgba(0,0,0,.08);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
        .comparison-table td{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.05)}
        .comparison-table tr:last-child td{border-bottom:none}
        .col-num{color:#dc50a0;font-weight:600}
        .yes{color:#34c759;font-weight:600}
        .no{color:#ff3b30}
        .comparison-table tr:hover td{background:#fdf5fa}
        .testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
        .testimonial-card{background:#fff;border-radius:16px;padding:28px;border:1px solid rgba(0,0,0,.06)}
        .testimonial-stars{color:#f5a623;font-size:14px;margin-bottom:12px}
        .testimonial-text{font-size:15px;color:#1d1d1f;line-height:1.7;margin-bottom:16px;font-style:italic}
        .testimonial-author{display:flex;align-items:center;gap:12px}
        .author-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:14px;flex-shrink:0;background:linear-gradient(135deg,#dc50a0,#9a2070)}
        .author-name{font-size:14px;font-weight:600}
        .author-role{font-size:12px;color:#6e6e73}
        .profil-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:48px}
        .profil-pill{text-align:center;padding:20px 16px;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.06);font-size:14px;font-weight:500;transition:all .3s}
        .profil-pill:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateY(-2px)}
        .profil-pill .emoji{font-size:24px;margin-bottom:8px;display:block}
        .usecase-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:48px}
        .pillar{background:#fff;border-radius:14px;padding:24px;border:1px solid rgba(0,0,0,.06);border-top:3px solid #dc50a0}
        .pillar h4{font-size:15px;font-weight:600;margin-bottom:8px}
        .pillar p{font-size:13px;color:#6e6e73;line-height:1.5}
        .pillar .p-icon{font-size:24px;margin-bottom:10px}
        .cta-band{background:#1d1d1f;padding:60px 22px;text-align:center}
        .cta-band h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px}
        .cta-band p{color:#86868b;font-size:17px;margin-bottom:28px}
        .btn-blue{display:inline-block;background:#0071e3;color:#fff;padding:14px 32px;border-radius:980px;font-size:16px;font-weight:500;text-decoration:none;margin:0 8px 8px}
        .btn-ghost{display:inline-block;background:transparent;color:#fff;padding:14px 32px;border-radius:980px;font-size:16px;font-weight:500;border:1.5px solid rgba(255,255,255,.25);text-decoration:none;margin:0 8px 8px}
        .footer{background:#f5f5f7;border-top:1px solid rgba(0,0,0,.08);padding:40px 22px;text-align:center}
        .footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
        .footer-links a{color:#6e6e73;font-size:12px;text-decoration:none}
        .footer-copy{color:#86868b;font-size:12px}
        @media(max-width:768px){.usecase-item{grid-template-columns:1fr}.usecase-item.reverse{direction:ltr}.roi-grid{grid-template-columns:repeat(2,1fr)}}

        /* ── Slogans officiels — hero banner ── */
        .sector-slogans{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0 8px;position:relative;z-index:1}
        .slogan-main{font-size:15px;font-weight:700;color:#fff;letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.3)}
        .slogan-sep{color:rgba(255,255,255,.35);font-size:18px;line-height:1}
        .slogan-secondary{font-size:14px;color:rgba(255,255,255,.82);font-style:italic;letter-spacing:.01em}
{% endblock %}

{% block content %}
<section class="sector-banner">
    <span class="sector-badge">💅 Beauté, Bien-être & Soins</span>
    <h1>La carte pro des<br><span>esthéticiennes, coiffeurs & praticiens bien-être</span></h1>
    <p>Esthéticiennes, coiffeurs, ostéopathes, sophrologues, naturopathes, instituts de beauté — NUM-ECARD fidélise votre clientèle, publie vos disponibilités et fait parler vos résultats.</p>
        <div class="sector-slogans">
            <span class="slogan-main">✦ Le Pro qu'on n'oublie pas</span>
            <span class="slogan-sep">·</span>
            <span class="slogan-secondary">Tout ce que vous êtes en 1 clic</span>
        </div>
    <div class="sector-banner-actions">
        <a href="/#modele-starter" class="btn-white">Voir les offres à partir de 179€</a>
        <a href="#demo-beaute" class="btn-outline-white">Voir une démo beauté & bien-être</a>
    </div>
</section>

<section class="section section-alt">
    <div class="section-inner">
        <p class="section-label">Pour qui ?</p>
        <h2 class="section-title">Tous les professionnels de la beauté, du bien-être & des soins</h2>
        <p class="section-subtitle">De l'indépendante en location de chaise au cabinet multi-praticiens, NUM-ECARD structure votre communication et développe votre réputation locale.</p>
        <div class="profil-grid">
            <div class="profil-pill"><span class="emoji">💅</span>Esthéticienne / Prothésiste ongulaire</div>
            <div class="profil-pill"><span class="emoji">✂️</span>Coiffeur / Barbier indépendant</div>
            <div class="profil-pill"><span class="emoji">🤲</span>Ostéopathe / Chiropracteur</div>
            <div class="profil-pill"><span class="emoji">🌿</span>Naturopathe / Nutritionniste</div>
            <div class="profil-pill"><span class="emoji">🧘</span>Sophrologue / Hypnothérapeute</div>
            <div class="profil-pill"><span class="emoji">💆</span>Masseur / Praticien bien-être</div>
            <div class="profil-pill"><span class="emoji">🌸</span>Institut de beauté / Spa</div>
            <div class="profil-pill"><span class="emoji">💇</span>Salon de coiffure</div>
            <div class="profil-pill"><span class="emoji">🌙</span>Réflexologue / Énergéticien</div>
            <div class="profil-pill"><span class="emoji">🏥</span>Psychologue libéral</div>
        </div>
        <div class="usecase-pillars">
            <div class="pillar"><div class="p-icon">📅</div><h4>Disponibilités & réservation</h4><p>Mon Actu publie vos créneaux disponibles, annulations de dernière minute et offres saisonnières. Vos clientes reçoivent une notification push instantanée.</p></div>
            <div class="pillar"><div class="p-icon">⭐</div><h4>Résultats & avant/après</h4><p>Le CRM Light collecte les avis de vos clientes — photos avant/après, témoignages vidéo — votre meilleur argument face aux réseaux sociaux.</p></div>
            <div class="pillar"><div class="p-icon">🔗</div><h4>Tous vos liens au même endroit</h4><p>Instagram, Doctolib, Planity, Treatwell, votre site — un seul QR code centralise tout. Vos clientes trouvent toujours la bonne porte.</p></div>
            <div class="pillar"><div class="p-icon">🎁</div><h4>Fidélisation & offres exclusives</h4><p>Publiez vos promotions saisonnières, lancements de nouveaux soins ou offres parrainage directement dans les téléphones de vos clientes fidèles.</p></div>
        </div>
    </div>
</section>

<section class="section">
    <div class="section-inner">
        <p class="section-label">Les enjeux</p>
        <h2 class="section-title">Les défis des professionnels de la beauté & du bien-être</h2>
        <p class="section-subtitle">Entre fidéliser votre clientèle existante et en acquérir de nouvelle, votre communication doit être aussi soignée que votre prestation.</p>
        <div class="pain-grid">
            <div class="pain-card solved"><div class="pain-icon">📅</div><h3>Gérer les créneaux libres & annulations</h3><p>Mon Actu publie vos créneaux disponibles ou vos annulations de dernière minute en temps réel. Vos clientes reçoivent une notification push — plus besoin de gérer 30 messages privés Instagram pour remplir un créneau.</p></div>
            <div class="pain-card solved"><div class="pain-icon">📷</div><h3>Valoriser son travail sans dépendre d'Instagram</h3><p>L'algorithme d'Instagram cache vos publications à 90% de vos abonnés. NUM-ECARD envoie vos résultats directement par notification à vos clientes abonnées — 100% de visibilité garantie, zéro algorithme.</p></div>
            <div class="pain-card solved"><div class="pain-icon">🔗</div><h3>Centraliser tous vos liens & plateformes</h3><p>Doctolib, Planity, Treatwell, Instagram, site web, numéro WhatsApp — vos clientes ne savent plus où aller. Un seul QR code sur votre vitrine, vos supports et vos cartes papier centralise tout en un instant.</p></div>
            <div class="pain-card solved"><div class="pain-icon">💼</div><h3>Développer une clientèle professionnelle B2B</h3><p>Séminaires bien-être en entreprise, massages en milieu de travail, ateliers sophro pour équipes — votre carte Force de Vente présente votre offre corporate avec tarifs groupe et témoignages DRH.</p></div>
            <div class="pain-card solved"><div class="pain-icon">🌿</div><h3>Rassurer sur les méthodes et certifications</h3><p>Naturopathes, sophrologues, ostéopathes — votre clientèle a besoin de confiance avant la prise de rendez-vous. Affichez vos diplômes, certifications et associations professionnelles clairement sur votre carte.</p></div>
            <div class="pain-card solved"><div class="pain-icon">🏢</div><h3>Gérer un espace multi-praticiens</h3><p>Centre de bien-être, salon avec location de chaises — le Multi-Cartes donne à chaque praticien sa carte personnalisée sous votre identité commune. Une image cohérente, une visibilité individuelle.</p></div>
        </div>
    </div>
</section>

<section class="section section-alt" id="demo-beaute">
    <div class="section-inner">
        <p class="section-label">Cas d'usage</p>
        <h2 class="section-title">Votre carte beauté & bien-être en action</h2>
        <div class="usecase-list">
            <div class="usecase-item">
                <div class="usecase-text">
                    <h3>Esthéticienne indépendante — fidélisation & bouche-à-oreille</h3>
                    <p>Camille est esthéticienne en location de chaise à Toulouse. Son QR code est affiché sur son poste de travail, sur ses sacs kraft et sur ses cartes de fidélité. Ses clientes s'abonnent à sa carte et reçoivent une notification à chaque nouveau soin ou promotion. Le CRM Light lui permet de tracker qui lui a apporté de nouvelles clientes — son programme parrainage tourne en automatique.</p>
                    <div class="usecase-tags">
                        <span class="tag">Modèle Premium — 299€</span>
                        <span class="tag">Disponibilités via Mon Actu</span>
                        <span class="tag">Parrainage CRM Light</span>
                    </div>
                    <ul class="feature-list">
                        <li><span class="check">✓</span>Galerie avant/après soins</li>
                        <li><span class="check">✓</span>Liens Planity & Instagram centralisés</li>
                        <li><span class="check">✓</span>Mon Actu : créneaux libres & nouveaux soins</li>
                        <li><span class="check">✓</span>CRM Light : suivi parrainage & avis certifiés</li>
                    </ul>
                </div>
                <div class="usecase-visual">
                    <div class="mock-card" style="background:linear-gradient(135deg,#2a0820,#1a0515)">
                        <div class="mc-header">
                            <div class="mc-logo" style="background:#dc50a0">CB</div>
                            <div><div class="mc-company">CAMILLE BEAUTÉ</div><div class="mc-tagline">Esthéticienne · Toulouse Capitole</div></div>
                        </div>
                        <div class="mc-name">Camille BEAUMONT</div>
                        <div class="mc-role">Esthéticienne Certifiée · Spéc. Soins Visage & Ongles</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#dc50a0">📅</div>Réserver un soin</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#dc50a0">📷</div>Mes réalisations</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#dc50a0">⭐</div>Avis clientes (67)</div>
                        <div class="mc-actu" style="background:rgba(220,80,160,.15);border:1px solid rgba(220,80,160,.3)">
                            <div class="mc-actu-title" style="color:#f09dd0">🌸 CRÉNEAU LIBÉRÉ</div>
                            <div class="mc-actu-text">Soin visage hyaluronique — demain 14h · 1 place disponible · Réservez vite</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="usecase-item reverse">
                <div class="usecase-text">
                    <h3>Ostéopathe libéral — confiance & conformité</h3>
                    <p>Thomas est ostéopathe libéral à Toulouse. Sa clientèle a besoin de confiance avant la première consultation. Sa carte Premium affiche son numéro ADELI, son diplôme (D.O. certifié), ses spécialités (sportifs, nourrissons, femmes enceintes) et ses coordonnées Doctolib. Ses patients satisfaits reçoivent une demande d'avis via CRM Light — ses 48 avis certifiés sont sa meilleure carte de visite.</p>
                    <div class="usecase-tags">
                        <span class="tag">Modèle Premium — 299€</span>
                        <span class="tag">N° ADELI & diplôme D.O.</span>
                        <span class="tag">Avis patients certifiés</span>
                    </div>
                    <ul class="feature-list">
                        <li><span class="check">✓</span>Numéro ADELI & diplôme affichés</li>
                        <li><span class="check">✓</span>Spécialités et approches détaillées</li>
                        <li><span class="check">✓</span>Lien Doctolib en bouton principal</li>
                        <li><span class="check">✓</span>48 avis patients certifiés CRM Light</li>
                    </ul>
                </div>
                <div class="usecase-visual" style="background:linear-gradient(135deg,#ede0f5,#d8c0ee)">
                    <div class="mock-card" style="background:linear-gradient(135deg,#1a0520,#120318)">
                        <div class="mc-header">
                            <div class="mc-logo" style="background:#9a40c0">TD</div>
                            <div><div class="mc-company">THOMAS DURAND, D.O.</div><div class="mc-tagline">Ostéopathe Diplômé d'État · ADELI 311234567</div></div>
                        </div>
                        <div class="mc-name">Thomas DURAND</div>
                        <div class="mc-role">Ostéopathe · Sportifs · Nourrissons · Femmes enceintes</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#9a40c0">📅</div>Prendre RDV — Doctolib</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#9a40c0">🎓</div>Diplômes & certifications</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#9a40c0">⭐</div>Avis patients (48)</div>
                        <div class="mc-actu" style="background:rgba(154,64,192,.12);border:1px solid rgba(154,64,192,.25)">
                            <div class="mc-actu-title" style="color:#c080e0">💡 CONSEIL SANTÉ</div>
                            <div class="mc-actu-text">3 exercices pour soulager le dos au bureau · Vidéo 2 min</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="usecase-item">
                <div class="usecase-text">
                    <h3>Centre de bien-être — équipe de praticiens</h3>
                    <p>Le Centre Harmonie à Toulouse regroupe 6 praticiens (sophrologie, naturopathie, massage, réflexologie, hypnothérapie, coaching). Le Multi-Cartes donne à chaque praticien sa carte personnalisée sous l'identité du centre. Les clients reçoivent le programme mensuel d'ateliers via Mon Actu. Une image premium unifiée, une présence individuelle de chaque expert.</p>
                    <div class="usecase-tags">
                        <span class="tag">Modèle Multi-Cartes — 999€</span>
                        <span class="tag">6 praticiens — identité centre</span>
                        <span class="tag">Ateliers via Mon Actu</span>
                    </div>
                    <ul class="feature-list">
                        <li><span class="check">✓</span>Une carte par praticien — identité centre commune</li>
                        <li><span class="check">✓</span>Programme mensuel d'ateliers en push</li>
                        <li><span class="check">✓</span>Présentation des approches et certifications</li>
                        <li><span class="check">✓</span>Offres package multi-séances</li>
                    </ul>
                </div>
                <div class="usecase-visual" style="background:linear-gradient(135deg,#f0e0fc,#e0c8f8)">
                    <div class="mock-card" style="background:linear-gradient(135deg,#1a0520,#0e0215)">
                        <div class="mc-header">
                            <div class="mc-logo" style="background:#7a28a0">CH</div>
                            <div><div class="mc-company">CENTRE HARMONIE</div><div class="mc-tagline">Bien-être Intégratif · Toulouse · 6 praticiens</div></div>
                        </div>
                        <div class="mc-name">Sarah MOREAU</div>
                        <div class="mc-role">Sophrologue & Hypnothérapeute · Centre Harmonie</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#7a28a0">📅</div>Prendre rendez-vous</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#7a28a0">🌿</div>Nos ateliers collectifs</div>
                        <div class="mc-actu" style="background:rgba(122,40,160,.12);border:1px solid rgba(122,40,160,.25)">
                            <div class="mc-actu-title" style="color:#c090e0">🌙 ATELIER AVRIL</div>
                            <div class="mc-actu-text">Gestion du stress & sommeil — Samedi 10h · 8 places · Inscription ouverte</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section">
    <div class="section-inner">
        <p class="section-label">Impact concret</p>
        <h2 class="section-title">Ce que ça change pour votre activité beauté & bien-être</h2>
        <p class="section-subtitle">Objectifs cibles — mesurés dans le cadre de notre <strong>programme ambassadeurs lancement</strong> Beauté & Bien-être. Les premiers retours terrain confirmeront ces projections.</p>
        <div class="roi-grid">
            <div class="roi-card"><div class="roi-number">+78%</div><div class="roi-label">de taux d'ouverture des notifications push vs email — vos clientes lisent votre Mon Actu</div></div>
            <div class="roi-card"><div class="roi-number">-90%</div><div class="roi-label">de messages privés Instagram pour remplir un créneau libéré : une notification suffit</div></div>
            <div class="roi-card"><div class="roi-number">179€</div><div class="roi-label">pour le modèle Essentiel — moins qu'une campagne pub Instagram de 3 jours</div></div>
            <div class="roi-card"><div class="roi-number">999€</div><div class="roi-label">pour équiper 10 praticiens d'un centre de bien-être avec identité commune</div></div>
        </div>
    </div>
</section>

<section class="section section-alt">
    <div class="section-inner">
        <p class="section-label">Comparatif</p>
        <h2 class="section-title">NUM-ECARD vs. vos outils habituels</h2>
        <div style="overflow-x:auto">
        <table class="comparison-table">
            <thead><tr><th>Besoin</th><th>Instagram / TikTok</th><th>Linktree / LinkInBio</th><th class="col-num">NUM-ECARD</th></tr></thead>
            <tbody>
                <tr><td>Notification push créneaux libres</td><td class="no">✗ (algo)</td><td class="no">✗</td><td class="col-num yes">✓ Mon Actu — direct</td></tr>
                <tr><td>QR code vitrine & supports print</td><td class="no">✗</td><td class="no">✗</td><td class="col-num yes">✓ QR code dédié</td></tr>
                <tr><td>Avis clients certifiés (non falsifiables)</td><td class="no">✗ (commentaires)</td><td class="no">✗</td><td class="col-num yes">✓ CRM Light certifié</td></tr>
                <tr><td>Diplômes & certifications affichés</td><td class="no">✗ (bio limitée)</td><td class="no">✓ Partiel</td><td class="col-num yes">✓ Section dédiée</td></tr>
                <tr><td>Multi-praticiens sous identité commune</td><td class="no">✗ Comptes séparés</td><td class="no">✗</td><td class="col-num yes">✓ Multi-Cartes 999€</td></tr>
                <tr><td>Coût annuel</td><td class="yes">0€ (mais temps +)</td><td class="no">~120-360€/an</td><td class="col-num yes">0€/an — paiement unique</td></tr>
            </tbody>
        </table>
        </div>
    </div>
</section>

<section class="section section-alt">
    <div class="section-inner">
        <p class="section-label">Offre recommandée</p>
        <h2 class="section-title">Pour les professionnels de la beauté & du bien-être</h2>
        <div class="pricing-highlight">
            <h3>Le modèle Premium — fait pour la beauté & le bien-être</h3>
            <p>Disponibilités, avant/après, certifications, avis clients, liens plateformes — tout en un</p>
            <div class="price-big">299€</div>
            <div class="price-note">Paiement unique · Pas d'abonnement · Mises à jour à vie</div>
            <div class="pricing-features">
                <span class="pricing-feature">✓ Mon Actu (créneaux & promos)</span>
                <span class="pricing-feature">✓ Push notifications clientes</span>
                <span class="pricing-feature">✓ CRM Light avis certifiés</span>
                <span class="pricing-feature">✓ Galerie réalisations</span>
                <span class="pricing-feature">✓ Certifications & diplômes</span>
                <span class="pricing-feature">✓ 54 designs disponibles</span>
            </div>
            <a href="/#pricing" class="btn-pricing">Voir tous les modèles →</a>
        </div>
    </div>
</section>

<section class="cta-band">
    <h2>Faites de votre réputation<br>votre meilleure publicité</h2>
    <p>Rejoignez les professionnels de la beauté & du bien-être qui font confiance à NUM-ECARD</p>
    <a href="/#contact" class="btn-blue">Demande d'infos</a>
    <a href="/#modele-premium" class="btn-ghost">Voir le modèle Premium</a>
</section>



{% endblock %}