<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon-192.png" sizes="192x192" type="image/png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Services de diagnostic SEO de sites | TriggerFlow</title> <meta name="description" content="Services de diagnostic SEO avec automatisation n8n et rapport par email : scan express à partir de 69, audit des fuites de conversion, analyse de la cible et stratégie de croissance."> <link rel="canonical" href="https://triggerflow.pro/fr/services.html"> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large"> <meta property="og:type" content="website"> <meta property="og:title" content="Services de diagnostic SEO de sites | TriggerFlow"> <meta property="og:description" content="De l'analyse express à la stratégie de croissance complète. Choisissez le format de diagnostic approprié."> <meta property="og:url" content="https://triggerflow.pro/fr/services.html"> <meta property="og:site_name" content="TriggerFlow"> <meta property="og:locale" content="fr_FR"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Services de diagnostic SEO de sites | TriggerFlow"> <meta name="twitter:description" content="Scan express, audit des fuites, analyse de la cible et stratégie de croissance de TriggerFlow."> <!-- Google Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <!-- Font Awesome 6 --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer"> <!-- Stylesheet --> <link rel="stylesheet" href="../css/style.css"> <style> /* ===== PAGE HEADER ===== */ .page-header { padding: 160px 0 80px; text-align: center; position: relative; overflow: hidden; } .page-header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at 50% 0%, rgba(30, 111, 255, 0.15) 0%, transparent 70%); pointer-events: none; } .page-header h1 { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 700; margin-bottom: 1rem; background: linear-gradient(135deg, #fff 0%, #a5b4fc 100%); - webkit-background-clip: text; - webkit-text-fill-color: transparent; background-clip: text; } .page-header .subtitle { font-size: clamp(1rem, 2.5vw, 1.25rem); color: rgba(255,255,255,0.7); max-width: 700px; margin: 0 auto; line-height: 1.6; } /* ===== FOR WHOM / NOT FOR WHOM ===== */ .section--for-whom .filter-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; } @media (max-width: 768px) { .section--for-whom .filter-grid { grid-template-columns: 1fr; } } /* ===== SYMPTOMS ===== */ .symptoms-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .symptom-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 2rem; text-align: center; transition: transform 0.3s, border-color 0.3s; } .symptom-card:hover { transform: translateY(-4px); border-color: rgba(30, 111, 255, 0.3); } .symptom-card__icon { width: 56px; height: 56px; border-radius: 14px; background: rgba(30, 111, 255, 0.10); display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 1.3rem; color: #00b4ff; } .symptom-card__text { font-size: 1rem; color: rgba(255,255,255,0.85); line-height: 1.6; } @media (max-width: 768px) { .symptoms-grid { grid-template-columns: 1fr; } } /* ===== SEGMENT TABS ===== */ .segment-tabs { display: flex; justify-content: center; gap: 0.75rem; margin-bottom: 3rem; flex-wrap: wrap; } .segment-tab { padding: 0.75rem 1.75rem; border: 1px solid rgba(255,255,255,0.15); border-radius: 50px; background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.7); cursor: pointer; font-size: 0.95rem; font-family: 'Inter', sans-serif; transition: all 0.3s; } .segment-tab:hover { border-color: rgba(30, 111, 255, 0.4); color: #fff; } .segment-tab.active { background: linear-gradient(135deg, #ff6a00, #ff9500); border-color: transparent; color: #fff; font-weight: 500; } .segment-panel { display: none; } .segment-panel.active { display: block; } .segment-panel__header { text-align: center; margin-bottom: 2rem; } .segment-panel__title { font-size: clamp(1.25rem, 3vw, 1.6rem); font-weight: 600; color: var(--color-primary-light); margin-bottom: 0.75rem; line-height: 1.4; } .segment-panel__subtitle { font-size: 1rem; color: rgba(255,255,255,0.6); margin-bottom: 1rem; } .segment-panel__keyphrase { font-size: 1rem; color: #a5b4fc; font-style: italic; font-weight: 500; } .segment-panel__products { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; margin-top: 1.5rem; } .segment-product-tag { padding: 0.5rem 1rem; background: rgba(30, 111, 255, 0.08); border: 1px solid rgba(30, 111, 255, 0.18); border-radius: 8px; font-size: 0.9rem; color: rgba(255,255,255,0.8); } /* ===== PRODUCT CARDS GRID ===== */ .products-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } .products-grid--3 { grid-template-columns: repeat(3, 1fr); } .products-grid--2 { grid-template-columns: repeat(2, 1fr); max-width: 800px; margin: 0 auto; } @media (max-width: 992px) { .products-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 576px) { .products-grid, .products-grid--3, .products-grid--2 { grid-template-columns: 1fr; } } .product-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 2rem 1.5rem; display: flex; flex-direction: column; text-align: center; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; } .product-card:hover { transform: translateY(-6px); border-color: rgba(30, 111, 255, 0.3); box-shadow: 0 12px 40px rgba(30, 111, 255, 0.08); } .product-card__icon { width: 56px; height: 56px; border-radius: 14px; background: rgba(30, 111, 255, 0.10); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: #00b4ff; margin: 0 auto 1.25rem; } .product-card__name { font-size: 1.15rem; font-weight: 600; color: var(--color-secondary); margin-bottom: 0.5rem; } .product-card__desc { font-size: 1rem; color: rgba(255,255,255,0.6); line-height: 1.5; margin-bottom: 1.25rem; flex: 1; } .product-card__price { font-size: 1.5rem; font-weight: 700; color: #fff; margin-bottom: 1.25rem; } .product-card__price span { font-size: 0.85rem; font-weight: 400; color: rgba(255,255,255,0.5); } .product-card .btn { text-align: center; } /* Premium product cards */ .product-card--premium { border-color: rgba(30, 111, 255, 0.15); background: linear-gradient(180deg, rgba(99,102,241,0.06) 0%, rgba(255,255,255,0.02) 100%); padding: 2.5rem 2rem; align-items: flex-start; text-align: left; } .product-card--premium .product-card__icon { margin: 0 0 1.25rem; } .product-card--premium .product-card__features { list-style: none; padding: 0; margin: 0 0 1.5rem; } .product-card--premium .product-card__features li { padding: 0.4rem 0; font-size: 1rem; color: rgba(255,255,255,0.7); display: flex; align-items: flex-start; gap: 0.6rem; } .product-card--premium .product-card__features li i { color: #00b4ff; margin-top: 0.15rem; flex-shrink: 0; } /* Subscription cards */ .subscription-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; max-width: 900px; margin: 0 auto; } @media (max-width: 768px) { .subscription-grid { grid-template-columns: 1fr; } } .sub-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 2.5rem 2rem; text-align: center; transition: transform 0.3s, border-color 0.3s; } .sub-card:hover { transform: translateY(-4px); border-color: rgba(30, 111, 255, 0.3); } .sub-card__icon { width: 56px; height: 56px; border-radius: 14px; background: rgba(30, 111, 255, 0.10); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: #00b4ff; margin: 0 auto 1.25rem; } .sub-card__name { font-size: 1.2rem; font-weight: 600; color: var(--color-secondary); margin-bottom: 0.75rem; } .sub-card__price { font-size: 1.6rem; font-weight: 700; color: #a5b4fc; margin-bottom: 1rem; } .sub-card__features { list-style: none; padding: 0; margin: 0 0 1.5rem; text-align: left; } .sub-card__features li { padding: 0.4rem 0; font-size: 1rem; color: rgba(255,255,255,0.7); display: flex; align-items: flex-start; gap: 0.6rem; } .sub-card__features li i { color: #00b4ff; margin-top: 0.15rem; flex-shrink: 0; } /* What you get section */ .deliverables-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; max-width: 800px; margin: 0 auto; } @media (max-width: 576px) { .deliverables-grid { grid-template-columns: 1fr; } } .deliverable-item { display: flex; align-items: flex-start; gap: 1rem; } .deliverable-item__icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(30, 111, 255, 0.10); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #00b4ff; font-size: 1.1rem; } .deliverable-item__text { font-size: 1rem; color: rgba(255,255,255,0.85); line-height: 1.5; } .deliverable-item__text strong { color: #fff; } /* Product ladder visualization */ .ladder { max-width: 700px; margin: 0 auto; position: relative; } .ladder::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, rgba(99,102,241,0.1), rgba(99,102,241,0.5), rgba(139,92,246,0.5), rgba(139,92,246,0.1)); transform: translateX(-50%); } .ladder__step { display: flex; align-items: center; gap: 2rem; padding: 1.5rem 0; position: relative; } .ladder__step:nth-child(odd) { flex-direction: row; text-align: right; } .ladder__step:nth-child(even) { flex-direction: row-reverse; text-align: left; } .ladder__step-content { flex: 1; } .ladder__step-dot { width: 16px; height: 16px; border-radius: 50%; background: #1e6fff; border: 3px solid #1a1a2e; flex-shrink: 0; z-index: 1; box-shadow: 0 0 12px rgba(99,102,241,0.4); } .ladder__step-placeholder { flex: 1; } .ladder__step-label { font-size: 0.85rem; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.25rem; } .ladder__step-name { font-size: 1.1rem; font-weight: 600; color: #fff; } .ladder__step-price { font-size: 0.9rem; color: #a5b4fc; margin-top: 0.15rem; } @media (max-width: 576px) { .ladder__step, .ladder__step:nth-child(odd), .ladder__step:nth-child(even) { flex-direction: row; text-align: left; } .ladder::before { left: 8px; } .ladder__step-placeholder { display: none; } .ladder__step-content { flex: 1; } } /* Section spacing override */ .section--services-subtitle { text-align: center; max-width: 700px; margin: -0.5rem auto 2.5rem; color: rgba(255,255,255,0.6); font-size: 1rem; line-height: 1.6; } </style> <!-- Structured Data --> <script type="application/ld+json"> { </script> <link rel="alternate" hreflang="ru" href="https://nataswencia.github.io/triggerflow/services.html"> <link rel="alternate" hreflang="en" href="https://nataswencia.github.io/triggerflow/en/services.html"> <link rel="alternate" hreflang="fr" href="https://nataswencia.github.io/triggerflow/fr/services.html"> <link rel="alternate" hreflang="x-default" href="https://nataswencia.github.io/triggerflow/services.html"> </head> <body> <!-- ===== NAVIGATION ===== --> <nav class="navbar" id="navbar"> <div class="container navbar__inner"> <a href="index.html" class="navbar__logo"><span class="logo-icon"><img src="../images/logo-shield.png" alt="TriggerFlow logo"></span>Trigger<span class="logo-flow">Flow</span><span class="tm">&trade;</span></a> <ul class="navbar__links" id="navLinks"> <li><a href="index.html">Accueil</a></li> <li class="navbar__dropdown"><a href="services.html" class="active">Services <span class="dropdown-arrow">&#9662;</span></a> <ul class="dropdown__menu"> <li><a href="services.html#seo-text">SEO Text Reality Check <span class="dropdown__price">69</span></a></li> <li><a href="services.html#first-screen">First Screen Verdict <span class="dropdown__price">79</span></a></li> <li><a href="sitemoney-scan.html">SiteMoney Scan <span class="dropdown__price">à partir de 79</span></a></li> <li><a href="services.html#one-page">One Page Breakdown <span class="dropdown__price">249</span></a></li> </ul> </li> <li><a href="sitemoney-scan.html">Analyse express</a></li> <li class="navbar__dropdown"><a href="#">Solutions IA <span class="dropdown-arrow">&#9662;</span></a> <ul class="dropdown__menu"> <li class="dropdown__label">Pour les entreprises</li> <li><a href="sitemoney-scan.html">SiteMoney Scanner <span class="dropdown__price">d&egrave;s 0&euro;</span></a></li> <li><a href="lead-hunter.html">Lead Hunter <span class="dropdown__price">199&euro;/mois</span></a></li> <li><a href="inbox-zero.html">Inbox Zero AI <span class="dropdown__price">99&euro;/mois</span></a></li> <li class="dropdown__divider"></li> <li class="dropdown__label">Pour la carri&egrave;re</li> <li><a href="job-hunter.html">Job Hunter AI <span class="dropdown__price">gratuit</span></a></li> </ul> </li> <li class="navbar__dropdown"><a href="money-leak-audit.html">Audit <span class="dropdown-arrow">&#9662;</span></a> <ul class="dropdown__menu"> <li><a href="services.html#offer">Offer X-Ray <span class="dropdown__price">390</span></a></li> <li><a href="services.html#conversion">Conversion Anatomy <span class="dropdown__price">590</span></a></li> <li><a href="services.html#psychology">Client Psychology Map <span class="dropdown__price">790</span></a></li> <li><a href="money-leak-audit.html">Money Leak Audit <span class="dropdown__price">1490</span></a></li> <li><a href="services.html#funnel">Sales Funnel Intelligence <span class="dropdown__price">2990</span></a></li> <li><a href="services.html#growth">Growth Blueprint <span class="dropdown__price">4990+</span></a></li> </ul> </li> <li class="navbar__dropdown"><a href="subscription.html">Abonnement <span class="dropdown-arrow">&#9662;</span></a> <ul class="dropdown__menu"> <li><a href="subscription.html#basic">Accès de base <span class="dropdown__price">79/mois</span></a></li> <li><a href="subscription.html#priority">Analyses prioritaires <span class="dropdown__price">199/mois</span></a></li> <li><a href="subscription.html#growth">Accompagnement Growth <span class="dropdown__price">990-1990</span></a></li> </ul> </li> <li><a href="blog.html">Blog</a></li> <li><a href="about.html">À propos de nous</a></li> <li class="navbar__lang"> <button class="navbar__lang-btn">RU &#9662;</button> <ul class="navbar__lang-menu"> <li><a data-lang-switch="ru">RU</a></li> <li><a data-lang-switch="en">EN</a></li> <li><a data-lang-switch="fr">FR</a></li> </ul> </li> </ul> <button class="mobile-toggle" id="hamburger" aria-label="Ouvrir le menu"> <span></span> <span></span> <span></span> </button> </div> </nav> <main> <!-- ===== PAGE HEADER ===== --> <section class="page-header" id="page-header"> <div class="container"> <h1 class="animate-on-scroll fade-up">Services de diagnostic SEO <br>et la croissance des ventes</h1> <p class="subtitle animate-on-scroll fade-up" style="animation-delay: 0.15s;"> Nous trouvons où votre site perd des bénéfices - et nous fournissons un plan pour corriger cela. </p> </div> </section> <!-- ===== SECTION: FOR WHOM / NOT FOR WHOM ===== --> <section class="section section--for-whom" id="for-whom"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">À qui cela convient <br>nos services</h2> <p class="section__description animate-on-scroll fade-up">Nous travaillons avec des entreprises qui considèrent le site comme un outil de vente, et non comme une carte de visite.</p> <div class="filter-grid"> <div class="filter-col filter-col--yes animate-on-scroll fade-up"> <h3 class="filter-col__heading"><i class="fa-solid fa-bullseye"></i> Votre profil</h3> <ul class="filter-list"> <li><i class="fa-solid fa-briefcase"></i> Propriétaires d'entreprises avec du trafic, mais une faible conversion</li> <li><i class="fa-solid fa-chart-line"></i> Entreprises qui souhaitent comprendre les raisons de la stagnation</li> <li><i class="fa-solid fa-lightbulb"></i> Projets prêts à investir dans des améliorations systémiques</li> <li><i class="fa-solid fa-magnifying-glass-chart"></i> Marketeurs ayant besoin d'une expertise externe</li> </ul> </div> <div class="filter-col filter-col--no animate-on-scroll fade-up" style="animation-delay: 0.15s;"> <h3 class="filter-col__heading"><i class="fa-solid fa-ban"></i> Ne convient pas</h3> <ul class="filter-list"> <li><i class="fa-solid fa-xmark"></i> Il ne faut qu'un beau design sans travailler sur la conversion</li> <li><i class="fa-solid fa-xmark"></i> Pas de ressources ou de volonté d'implémenter les recommandations</li> <li><i class="fa-solid fa-xmark"></i> L'entreprise n'est pas encore lancée, le site est à l'étape de l'idée</li> <li><i class="fa-solid fa-xmark"></i> Budget marketing inférieur à 500 par mois</li> </ul> </div> </div> </div> </section> <!-- ===== SECTION: SYMPTOMS ===== --> <section class="section section--symptoms" id="symptoms"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Reconnaissez-vous les symptômes ?</h2> <div class="symptoms-grid"> <div class="symptom-card animate-on-scroll fade-up"> <div class="symptom-card__icon"> <i class="fa-solid fa-arrow-trend-down"></i> </div> <p class="symptom-card__text">Il y a du trafic, pas de demandes</p> </div> <div class="symptom-card animate-on-scroll fade-up" style="animation-delay: 0.15s;"> <div class="symptom-card__icon"> <i class="fa-solid fa-hand-holding-dollar"></i> </div> <p class="symptom-card__text">Il y a des demandes, mais ils n'achètent pas</p> </div> <div class="symptom-card animate-on-scroll fade-up" style="animation-delay: 0.3s;"> <div class="symptom-card__icon"> <i class="fa-solid fa-palette"></i> </div> <p class="symptom-card__text">Le site est « beau », mais ne vend pas</p> </div> </div> </div> </section> <!-- ===== SECTION: CLIENT SEGMENTS ===== --> <section class="section section--segments" id="segments"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Choisissez votre segment</h2> <div class="segment-tabs animate-on-scroll fade-up"> <button class="segment-tab active" data-tab="entrepreneurs">Entrepreneurs</button> <button class="segment-tab" data-tab="experts">Experts</button> <button class="segment-tab" data-tab="growth">Projets en croissance</button> </div> <!-- Tab 1: Entrepreneurs --> <div class="segment-panel active" id="panel-entrepreneurs"> <div class="segment-panel__header animate-on-scroll fade-up"> <h3 class="segment-panel__title">Nous montrons où votre site perd des revenus - <br>et nous fournissons un plan de croissance des ventes</h3> <p class="segment-panel__subtitle">Diagnostic du site et de l'entonnoir sans redesign et « eau marketing ».</p> <p class="segment-panel__keyphrase">« Vous savez exactement quoi faire ensuite et où investir des ressources ».</p> <div class="segment-panel__products"> <span class="segment-product-tag">SiteMoney Scan</span> <span class="segment-product-tag">Money Leak Audit</span> <span class="segment-product-tag">Sales Funnel Intelligence</span> <span class="segment-product-tag">Growth Blueprint</span> <span class="segment-product-tag">Accompagnement Growth</span> </div> </div> </div> <!-- Tab 2: Experts --> <div class="segment-panel" id="panel-experts"> <div class="segment-panel__header animate-on-scroll fade-up"> <h3 class="segment-panel__title">Nous emballons votre expertise dans un site, <br>qui vous vend sans négociations</h3> <p class="segment-panel__subtitle">Analyse de l'offre, de la structure et des significations du site pour des solutions réelles au client.</p> <p class="segment-panel__keyphrase">« Votre site commence à expliquer la valeur à votre place »</p> <div class="segment-panel__products"> <span class="segment-product-tag">First Screen Verdict</span> <span class="segment-product-tag">Offer X-Ray</span> <span class="segment-product-tag">Client Psychology Map</span> <span class="segment-product-tag">One Page Breakdown</span> <span class="segment-product-tag">Website Intelligence Club</span> </div> </div> </div> <!-- Tab 3: Projets en croissance --> <div class="segment-panel" id="panel-growth"> <div class="segment-panel__header animate-on-scroll fade-up"> <h3 class="segment-panel__title">Nous transformons le site <br>dans un système de croissance géré</h3> <p class="segment-panel__subtitle">Analyse + stratégie + contrôle de l'implémentation</p> <div class="segment-panel__products"> <span class="segment-product-tag">Conversion Anatomy</span> <span class="segment-product-tag">Sales Funnel Intelligence</span> <span class="segment-product-tag">Growth Blueprint</span> </div> </div> </div> </div> </section> <!-- ===== SECTION: TRIPWIRE - CHEAP ENTRY ===== --> <section class="section section--tripwire" id="tripwire"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Première étape - <br>choisissez l'analyse appropriée</h2> <p class="section--services-subtitle animate-on-scroll fade-up"> Ils sont achetés de manière impulsive. Ils éliminent la peur, montrent l'expertise</p> <div class="products-grid"> <div class="product-card animate-on-scroll fade-up" style="border-color: var(--color-primary); position: relative;"> <div style="position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: var(--gradient-primary); color: #fff; font-size: 0.65rem; font-weight: 600; padding: 0.2rem 0.75rem; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap;">Choix populaire</div> <div class="product-card__icon"> <i class="fa-solid fa-magnifying-glass-dollar"></i> </div> <h3 class="product-card__name">SiteMoney Scan</h3> <p class="product-card__desc">Diagnostic des pertes de conversions : <br>Light 79 | PRO 149</p> <div class="product-card__price">à partir de 79&nbsp;</div> <a href="sitemoney-scan.html" class="btn btn--primary btn--block" data-tooltip="SiteMoney Scan - диагностика сайта на потери конверсий. Light (79) - AI-анализ + PDF за 24h. PRO (149) - экспертный анализ + скриншоты + приоритеты за 48ч">Vérifier le site</a> </div> <div class="product-card animate-on-scroll fade-up" style="animation-delay: 0.1s;"> <div class="product-card__icon"> <i class="fa-solid fa-display"></i> </div> <h3 class="product-card__name">First Screen Verdict</h3> <p class="product-card__desc">Verdict sur le premier écran - le démarrage le plus rapide</p> <div class="product-card__price">79&nbsp;&euro;</div> <a href="#" class="btn btn--primary btn--block" data-tf-form="express" data-tf-service="First Screen Verdict" data-tf-price="79">Obtenir un verdict</a> </div> <div class="product-card animate-on-scroll fade-up" style="animation-delay: 0.2s;"> <div class="product-card__icon"> <i class="fa-solid fa-file-lines"></i> </div> <h3 class="product-card__name">One Page Breakdown</h3> <p class="product-card__desc">Analyse d'une page pour la conversion</p> <div class="product-card__price">249&nbsp;&euro;</div> <a href="#" class="btn btn--primary btn--block" data-tf-form="express" data-tf-service="One Page Breakdown" data-tf-price="249">Analyser la page</a> </div> <div class="product-card animate-on-scroll fade-up" style="animation-delay: 0.3s;"> <div class="product-card__icon"> <i class="fa-solid fa-spell-check"></i> </div> <h3 class="product-card__name">SEO Text Reality Check</h3> <p class="product-card__desc">Vérification d'un texte SEO sur son utilité réelle</p> <div class="product-card__price">69&nbsp;&euro;</div> <a href="#" class="btn btn--primary btn--block" data-tf-form="express" data-tf-service="SEO Text Reality Check" data-tf-price="69">Vérifier le texte</a> </div> </div> </div> </section> <!-- ===== SECTION: TARIFF COMPARISON TABLE ===== --> <section class="section" id="tariff-compare" style="padding-top: 0;"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Comparaison des tarifs</h2> <p class="section--services-subtitle animate-on-scroll fade-up">Choisissez la profondeur d'analyse selon vos tâches</p> <div class="animate-on-scroll fade-up" style="overflow-x: auto;"> <table style="width: 100%; border-collapse: separate; border-spacing: 0; background: rgba(255,255,255,0.02); border-radius: var(--radius-lg); overflow: hidden; font-size: var(--font-size-sm);"> <thead> <tr style="background: rgba(30,111,255,0.08);"> <th style="padding: 1rem 1.25rem; text-align: left; color: var(--color-text-muted); font-weight: 500; border-bottom: 1px solid var(--color-border);">Ce qui est inclus</th> <th style="padding: 1rem 1.25rem; text-align: center; color: var(--color-secondary); font-weight: 600; border-bottom: 1px solid var(--color-border);">Basique <br><span style="font-size: 0.75rem; opacity: 0.7;">à partir de 69</span></th> <th style="padding: 1rem 1.25rem; text-align: center; color: #fff; font-weight: 600; border-bottom: 1px solid var(--color-border); background: rgba(30,111,255,0.15);">Standard <br><span style="font-size: 0.75rem; opacity: 0.7;">à partir de 390</span></th> <th style="padding: 1rem 1.25rem; text-align: center; color: var(--color-accent-2); font-weight: 600; border-bottom: 1px solid var(--color-border);">Premium <br><span style="font-size: 0.75rem; opacity: 0.7;">à partir de 1 490</span></th> </tr> </thead> <tbody> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Analyse du premier écran</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003;</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary); background: rgba(30,111,255,0.05);">&#10003;</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003;</td> </tr> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Vérification de l'offre et des CTA</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003;</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary); background: rgba(30,111,255,0.05);">&#10003;</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003;</td> </tr> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Rapport PDF avec les priorités</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003;</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary); background: rgba(30,111,255,0.05);">&#10003;</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003;</td> </tr> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Analyse de la structure du site</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-muted);">-</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary); background: rgba(30,111,255,0.05);">&#10003;</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003;</td> </tr> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Analyse du parcours utilisateur</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-muted);">-</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary); background: rgba(30,111,255,0.05);">&#10003;</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003;</td> </tr> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Analyse de la confiance et des formulaires de leads</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-muted);">-</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-muted);">-</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003;</td> </tr> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Carte complète des fuites (7 directions)</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-muted);">-</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-muted);">-</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003;</td> </tr> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Stratégie de croissance + roadmap</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-muted);">-</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-muted);">-</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003;</td> </tr> <tr> <td style="padding: 0.75rem 1.25rem; color: var(--color-text-secondary);">Délai d'exécution</td> <td style="padding: 0.75rem 1.25rem; text-align: center; color: var(--color-text-secondary);">24 heures</td> <td style="padding: 0.75rem 1.25rem; text-align: center; color: var(--color-text-secondary); background: rgba(30,111,255,0.05);">3-5 jours</td> <td style="padding: 0.75rem 1.25rem; text-align: center; color: var(--color-text-secondary);">5-7 jours</td> </tr> </tbody> </table> </div> </div> </section> <!-- ===== SECTION: MID-TIER - DEEP ANALYSIS ===== --> <section class="section section--mid" id="mid-tier"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Analyse approfondie</h2> <div class="products-grid"> <div class="product-card animate-on-scroll fade-up"> <div class="product-card__icon"> <i class="fa-solid fa-sitemap"></i> </div> <h3 class="product-card__name">Conversion Anatomy</h3> <p class="product-card__desc">Analyse de la structure du site et du parcours utilisateur</p> <div class="product-card__price">590&nbsp;&euro;</div> <a href="#" class="btn btn--primary btn--block" data-tf-form="express" data-tf-service="Conversion Anatomy" data-tf-price="590">En savoir plus</a> </div> <div class="product-card animate-on-scroll fade-up" style="animation-delay: 0.1s;"> <div class="product-card__icon"> <i class="fa-solid fa-x-ray"></i> </div> <h3 class="product-card__name">Offer X-Ray</h3> <p class="product-card__desc">Radiographie de l'offre : pourquoi ils n'achètent pas</p> <div class="product-card__price">390&nbsp;&euro;</div> <a href="#" class="btn btn--primary btn--block" data-tf-form="express" data-tf-service="Offer X-Ray" data-tf-price="390">En savoir plus</a> </div> <div class="product-card animate-on-scroll fade-up" style="animation-delay: 0.2s;"> <div class="product-card__icon"> <i class="fa-solid fa-brain"></i> </div> <h3 class="product-card__name">Client Psychology Map</h3> <p class="product-card__desc">Analyse de la cible du point de vue de la prise de décision</p> <div class="product-card__price">790&nbsp;&euro;</div> <a href="#" class="btn btn--primary btn--block" data-tf-form="express" data-tf-service="Client Psychology Map" data-tf-price="790">En savoir plus</a> </div> <div class="product-card animate-on-scroll fade-up" style="animation-delay: 0.3s;"> <div class="product-card__icon"> <i class="fa-solid fa-clipboard-check"></i> </div> <h3 class="product-card__name">Leadform Detox</h3> <p class="product-card__desc">Optimisation des formulaires de demande et des CTA</p> <div class="product-card__price">290&nbsp;&euro;</div> <a href="#" class="btn btn--primary btn--block" data-tf-form="express" data-tf-service="Leadform Detox" data-tf-price="290">En savoir plus</a> </div> </div> </div> </section> <!-- ===== SECTION: PREMIUM PACKAGES ===== --> <section class="section section--premium-packages" id="premium-packages"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Solutions complètes</h2> <div class="products-grid products-grid--3"> <div class="product-card product-card--premium animate-on-scroll fade-up"> <div class="product-card__icon"> <i class="fa-solid fa-search-dollar"></i> </div> <h3 class="product-card__name">Money Leak Audit</h3> <p class="product-card__desc">Audit complet : tous les points de perte</p> <div class="product-card__price">1&thinsp;490&nbsp;&euro;</div> <ul class="product-card__features"> <li><i class="fa-solid fa-check"></i> Structure du site</li> <li><i class="fa-solid fa-check"></i> Offres et contenu</li> <li><i class="fa-solid fa-check"></i> Formulaires et confiance</li> <li><i class="fa-solid fa-check"></i> Priorités d'action</li> </ul> <a href="money-leak-audit.html" class="btn btn--primary btn--block" data-tooltip="Money Leak Audit - полный аудит утечек конверсий за 1490. Analyse approfondie сайта как системы продаж: структура, контент, SEO, UX. Детальный план роста с приоритетами на 6-12 месяцев">Commander un audit</a> </div> <div class="product-card product-card--premium animate-on-scroll fade-up" style="animation-delay: 0.15s;"> <div class="product-card__icon"> <i class="fa-solid fa-filter-circle-dollar"></i> </div> <h3 class="product-card__name">Sales Funnel Intelligence</h3> <p class="product-card__desc">Analyse complète de l'entonnoir de vente</p> <div class="product-card__price">2&thinsp;990&nbsp;&euro;</div> <ul class="product-card__features"> <li><i class="fa-solid fa-check"></i> Analyse complète de l'entonnoir</li> <li><i class="fa-solid fa-check"></i> Points de déconnexion</li> <li><i class="fa-solid fa-check"></i> Scénarios de comportement</li> <li><i class="fa-solid fa-check"></i> Recommandations pour le réassemblage</li> </ul> <a href="#" class="btn btn--primary btn--block" data-tf-form="consult" data-tf-service="Sales Funnel Intelligence" data-tf-price="2990">Analyser l'entonnoir</a> </div> <div class="product-card product-card--premium animate-on-scroll fade-up" style="animation-delay: 0.3s;"> <div class="product-card__icon"> <i class="fa-solid fa-rocket"></i> </div> <h3 class="product-card__name">Growth Blueprint</h3> <p class="product-card__desc">Stratégie de croissance et d'échelle</p> <div class="product-card__price">4&thinsp;990-6&thinsp;990&nbsp;&euro;</div> <ul class="product-card__features"> <li><i class="fa-solid fa-check"></i> Stratégie de croissance</li> <li><i class="fa-solid fa-check"></i> Feuille de route et KPI</li> <li><i class="fa-solid fa-check"></i> Logique de mise à l'échelle</li> <li><i class="fa-solid fa-check"></i> Budget et modèle ROI</li> </ul> <a href="#" class="btn btn--primary btn--block" data-tf-form="consult" data-tf-service="Growth Blueprint" data-tf-price="4990">Discuter de la stratégie</a> </div> </div> </div> </section> <!-- ===== SECTION: SUBSCRIPTIONS ===== --> <section class="section section--subscriptions" id="subscriptions"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Revenu régulier <br>et contrôle</h2> <div class="subscription-grid"> <div class="sub-card animate-on-scroll fade-up"> <div class="sub-card__icon"> <i class="fa-solid fa-crown"></i> </div> <h3 class="sub-card__name">Website Intelligence Club</h3> <div class="sub-card__price">79-199&nbsp;/mois</div> <ul class="sub-card__features"> <li><i class="fa-solid fa-check"></i> 1 mini-analyse par mois</li> <li><i class="fa-solid fa-check"></i> Réponses aux questions</li> <li><i class="fa-solid fa-check"></i> Analyse des pages et des offres</li> <li><i class="fa-solid fa-check"></i> Mise à jour des recommandations</li> </ul> <a href="subscription.html" class="btn btn--primary btn--block" data-tooltip="Website Intelligence Club - abonnement à partir de 79/mois. Ежемесячный мониторинг, SEO-обновления, приоритетная поддержка и план действий. Системное сопровождение для стабильного роста">En savoir plus sur le club</a> </div> <div class="sub-card animate-on-scroll fade-up" style="animation-delay: 0.15s;"> <div class="sub-card__icon"> <i class="fa-solid fa-chart-line"></i> </div> <h3 class="sub-card__name">Accompagnement Growth</h3> <div class="sub-card__price">990-1&thinsp;990&nbsp;&euro;/mois</div> <ul class="sub-card__features"> <li><i class="fa-solid fa-check"></i> Audit mensuel</li> <li><i class="fa-solid fa-check"></i> Contrôle des mises en œuvre</li> <li><i class="fa-solid fa-check"></i> Ajustement de la stratégie</li> <li><i class="fa-solid fa-check"></i> Analyse</li> </ul> <a href="#" class="btn btn--primary btn--block" data-tf-form="consult" data-tf-service="Growth Support" data-tf-price="990">En savoir plus</a> </div> </div> </div> </section> <!-- ===== SECTION: WHAT YOU GET ===== --> <section class="section section--deliverables" id="deliverables"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Résultat <br>de chaque service</h2> <div class="deliverables-grid"> <div class="deliverable-item animate-on-scroll fade-up"> <div class="deliverable-item__icon"> <i class="fa-solid fa-list-check"></i> </div> <div class="deliverable-item__text"> <strong>Liste des erreurs</strong> - problèmes spécifiques de votre site avec explications </div> </div> <div class="deliverable-item animate-on-scroll fade-up" style="animation-delay: 0.1s;"> <div class="deliverable-item__icon"> <i class="fa-solid fa-arrow-up-1-9"></i> </div> <div class="deliverable-item__text"> <strong>Priorités</strong> - quoi corriger en premier pour un effet maximal </div> </div> <div class="deliverable-item animate-on-scroll fade-up" style="animation-delay: 0.2s;"> <div class="deliverable-item__icon"> <i class="fa-solid fa-bullseye"></i> </div> <div class="deliverable-item__text"> <strong>Actions claires</strong> - plan étape par étape, que faire et dans quel ordre </div> </div> <div class="deliverable-item animate-on-scroll fade-up" style="animation-delay: 0.3s;"> <div class="deliverable-item__icon"> <i class="fa-solid fa-file-pdf"></i> </div> <div class="deliverable-item__text"> <strong>Format :</strong> Rapport PDF, vidéo-analyse, captures d'écran avec annotations </div> </div> </div> </div> </section> <!-- ===== SECTION: TECH BEHIND SERVICES ===== --> <section class="section" id="tech-services"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Technologie <br>derrière chaque service</h2> <p class="section--services-subtitle animate-on-scroll fade-up">Chaque étape du diagnostic est automatisée sur <a href="integrations.html">n8n</a> - le résultat est plus précis, plus rapide et sans facteur humain</p> <div class="animate-on-scroll fade-up" style="overflow-x: auto;"> <table style="width: 100%; border-collapse: separate; border-spacing: 0; background: rgba(255,255,255,0.02); border-radius: var(--radius-lg); overflow: hidden; font-size: var(--font-size-sm);"> <thead> <tr style="background: rgba(30,111,255,0.08);"> <th style="padding: 1rem 1.25rem; text-align: left; color: var(--color-text-muted); font-weight: 500; border-bottom: 1px solid var(--color-border);">Service</th> <th style="padding: 1rem 1.25rem; text-align: center; color: var(--color-secondary); font-weight: 600; border-bottom: 1px solid var(--color-border);"><i class="fa-solid fa-diagram-project"></i> n8n</th> <th style="padding: 1rem 1.25rem; text-align: center; color: var(--color-secondary); font-weight: 600; border-bottom: 1px solid var(--color-border);"><i class="fa-brands fa-telegram"></i> Telegram</th> <th style="padding: 1rem 1.25rem; text-align: center; color: var(--color-secondary); font-weight: 600; border-bottom: 1px solid var(--color-border);"><i class="fa-solid fa-table-cells-large"></i> Google Sheets</th> </tr> </thead> <tbody> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">SiteMoney Scan</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Parsing + analyse AI</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003; rapport</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003; données</td> </tr> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Money Leak Audit</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">7 agents IA</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003; notifications</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003; 10 onglets</td> </tr> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">SEO Report</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Génération de 10 sections</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003; PDF</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003; stratégie</td> </tr> <tr> <td style="padding: 0.75rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Abonnement (suivi)</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-text-secondary);">Auto-scanning</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003; alertes</td> <td style="padding: 0.75rem 1.25rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); color: var(--color-secondary);">&#10003; dynamique</td> </tr> </tbody> </table> </div> <p class="animate-on-scroll fade-up" style="text-align: center; color: var(--color-text-muted); margin-top: var(--space-4); font-size: var(--font-size-sm);">Nous utilisons n8n au lieu de Zapier - cela donne un contrôle total sur les données, de la flexibilité et une rapidité de traitement. <a href="integrations.html">En savoir plus sur les technologies &rarr;</a></p> </div> </section> <!-- ===== SECTION: HOW IT WORKS ===== --> <section class="section section--steps" id="how-it-works"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Comment se déroule le travail</h2> <div class="steps"> <div class="step animate-on-scroll fade-up"> <div class="step__number">01</div> <div class="step__connector"></div> <h3 class="step__title">Vous laissez une demande</h3> <p class="step__text">Vous indiquez le site, la tâche, les attentes. Nous étudions les éléments d'entrée</p> </div> <div class="step animate-on-scroll fade-up" style="animation-delay: 0.2s;"> <div class="step__number">02</div> <div class="step__connector"></div> <h3 class="step__title">Diagnostic et analyse</h3> <p class="step__text">Nous réalisons un audit selon le format choisi. Nous identifions des points de perte spécifiques</p> </div> <div class="step animate-on-scroll fade-up" style="animation-delay: 0.4s;"> <div class="step__number">03</div> <div class="step__connector"></div> <h3 class="step__title">Vous obtenez un résultat</h3> <p class="step__text">PDF, vidéo-analyse, priorités. Vous savez exactement quoi faire ensuite</p> </div> </div> <div class="animate-on-scroll fade-up" style="text-align: center; margin-top: 3rem;"> <a href="#" class="btn btn--primary btn--large" data-tf-form="express" data-tf-service="SiteMoney Scan" data-tf-price="149">Découvrez où le site perd des conversions</a> </div> </div> </section> <!-- ===== SECTION: PRODUCT LADDER VISUALIZATION ===== --> <section class="section section--ladder" id="product-ladder"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Échelle produit</h2> <p class="section--services-subtitle animate-on-scroll fade-up"> Commencez par une analyse express - ensuite nous approfondirons </p> <div class="ladder animate-on-scroll fade-up"> <div class="ladder__step"> <div class="ladder__step-content"> <div class="ladder__step-label">Connexion</div> <div class="ladder__step-name">SiteMoney Scan / First Screen Verdict</div> <div class="ladder__step-price">à partir de 69&nbsp;</div> </div> <div class="ladder__step-dot"></div> <div class="ladder__step-placeholder"></div> </div> <div class="ladder__step"> <div class="ladder__step-placeholder"></div> <div class="ladder__step-dot"></div> <div class="ladder__step-content"> <div class="ladder__step-label">Approfondissement</div> <div class="ladder__step-name">Conversion Anatomy / Offer X-Ray</div> <div class="ladder__step-price">à partir de 390&nbsp;</div> </div> </div> <div class="ladder__step"> <div class="ladder__step-content"> <div class="ladder__step-label">Complexe</div> <div class="ladder__step-name">Money Leak Audit / Sales Funnel Intelligence</div> <div class="ladder__step-price">à partir de 1&thinsp;490&nbsp;</div> </div> <div class="ladder__step-dot"></div> <div class="ladder__step-placeholder"></div> </div> <div class="ladder__step"> <div class="ladder__step-placeholder"></div> <div class="ladder__step-dot"></div> <div class="ladder__step-content"> <div class="ladder__step-label">Stratégie</div> <div class="ladder__step-name">Growth Blueprint</div> <div class="ladder__step-price">à partir de 4&thinsp;990&nbsp;</div> </div> </div> <div class="ladder__step"> <div class="ladder__step-content"> <div class="ladder__step-label">Accompagnement permanent</div> <div class="ladder__step-name">Accompagnement Growth</div> <div class="ladder__step-price">à partir de 990&nbsp;/mois</div> </div> <div class="ladder__step-dot"></div> <div class="ladder__step-placeholder"></div> </div> </div> </div> </section> <!-- ===== SECTION: BUNDLES ===== --> <section class="section" id="bundles"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Packs prêts à l'emploi <br>avec réduction</h2> <p class="section--services-subtitle animate-on-scroll fade-up"> Combinez les services et économisez jusqu'à 30%</p> <div class="bundles-grid"> <div class="bundle-card animate-on-scroll fade-up"> <div class="bundle-card__name">Starter Pack</div> <div class="bundle-card__price">299</div> <div class="bundle-card__old-price">328</div> <div class="bundle-card__savings">Économie de 29</div> <ul class="bundle-card__features"> <li><i class="fa-solid fa-check"></i> SiteMoney Scan Light (79)</li> <li><i class="fa-solid fa-check"></i> One Page Breakdown (249)</li> <li><i class="fa-solid fa-check"></i> Rapport PDF avec les priorités</li> </ul> <a href="#" class="btn btn--primary btn--block" data-tf-form="express" data-tf-service="Starter Pack" data-tf-price="299">Choisir Starter</a> </div> <div class="bundle-card bundle-card--featured animate-on-scroll fade-up" style="animation-delay: 0.15s;"> <div class="bundle-card__badge">Meilleur prix</div> <div class="bundle-card__name">Full Diagnostic</div> <div class="bundle-card__price">1990</div> <div class="bundle-card__old-price">2569</div> <div class="bundle-card__savings">Économie de 579</div> <ul class="bundle-card__features"> <li><i class="fa-solid fa-check"></i> Money Leak Audit (1490)</li> <li><i class="fa-solid fa-check"></i> Conversion Anatomy (590)</li> <li><i class="fa-solid fa-check"></i> Offer X-Ray (390)</li> <li><i class="fa-solid fa-check"></i> Carte des priorités + roadmap</li> </ul> <a href="#" class="btn btn--primary btn--block" data-tf-form="consult" data-tf-service="Full Diagnostic Pack" data-tf-price="1990">Choisir Full Diagnostic</a> </div> <div class="bundle-card animate-on-scroll fade-up" style="animation-delay: 0.3s;"> <div class="bundle-card__name">Growth Pack</div> <div class="bundle-card__price">7990</div> <div class="bundle-card__old-price">9960+</div> <div class="bundle-card__savings">Économie de 1970+</div> <ul class="bundle-card__features"> <li><i class="fa-solid fa-check"></i> Growth Blueprint (4990)</li> <li><i class="fa-solid fa-check"></i> Sales Funnel Intelligence (2990)</li> <li><i class="fa-solid fa-check"></i> Money Leak Audit (1490)</li> <li><i class="fa-solid fa-check"></i> 3 mois d'accompagnement</li> </ul> <a href="#" class="btn btn--primary btn--block" data-tf-form="consult" data-tf-service="Growth Pack" data-tf-price="7990">Discuter du Growth Pack</a> </div> </div> </div> </section> <!-- ===== FAQ ===== --> <section class="section section--faq" id="faq"> <div class="container"> <h2 class="section__title animate-on-scroll fade-up">Questions fréquentes sur les services</h2> <div class="faq-list" style="max-width: 800px; margin: 0 auto;"> <details class="faq-item animate-on-scroll fade-up"> <summary class="faq-item__question">Comment comprendre quel service me convient ?</summary> <div class="faq-item__answer"><p>Si vous souhaitez une vérification rapide - commencez par <a href="sitemoney-scan.html">SiteMoney Scan</a> pour 149 : en 10-15 minutes, obtenez une carte des pertes critiques. Si vous avez besoin d'une analyse complète du site en tant que système de vente - choisissez <a href="money-leak-audit.html">Money Leak Audit</a>. Pour un contrôle permanent, cela conviendra <a href="subscription.html">abonnement</a>.</p></div> </details> <details class="faq-item animate-on-scroll fade-up"> <summary class="faq-item__question">Dans quel format arrive le résultat du diagnostic ?</summary> <div class="faq-item__answer"><p>Le résultat se forme automatiquement dans Google Sheets (données structurées) et est envoyé par email (accès rapide). Pour SiteMoney Scan, un rapport PDF avec des priorités est généré en plus. Toute l'automatisation est basée sur <a href="integrations.html">n8n</a> - sans travail manuel.</p></div> </details> <details class="faq-item animate-on-scroll fade-up"> <summary class="faq-item__question">En quoi votre diagnostic se distingue-t-il des vérifications SEO gratuites ?</summary> <div class="faq-item__answer"><p>Les services gratuits montrent des métriques techniques (vitesse, méta-tags). Nous analysons le site comme un système de vente : offre, structure de persuasion, logique des chemins de conversion, déclencheurs de confiance. C'est la différence entre « vous avez 85 sur PageSpeed » et « voici où vous perdez des clients et pourquoi ».</p></div> </details> <details class="faq-item animate-on-scroll fade-up"> <summary class="faq-item__question">Quand vais-je obtenir un résultat ?</summary> <div class="faq-item__answer"><p>SiteMoney Scan - rapport PDF dans les 24 heures. Money Leak Audit - analyse complète en 5-7 jours ouvrables. Les données express de l'analyse automatique arrivent par email sous 24 heures après l'analyse.</p></div> </details> </div> </div> </section> <!-- ===== SECTION: FINAL CTA ===== --> <section class="section section--cta" id="final-cta"> <div class="cta__gradient-bg"></div> <div class="container section--cta__inner"> <h2 class="section__title animate-on-scroll fade-up">Vous ne savez pas par où commencer ?</h2> <p class="section__description animate-on-scroll fade-up" style="animation-delay: 0.1s; opacity: 0.8; max-width: 600px; margin: 0 auto var(--space-4);"> Commencez par un diagnostic express. <br>Rapport PDF avec priorités en 24 heures</p> <div class="animate-on-scroll fade-up" style="animation-delay: 0.15s;"> <a href="#" class="btn btn--primary btn--large" data-tf-form="express" data-tf-service="SiteMoney Scan PRO" data-tf-price="149">Obtenez le rapport en 24 heures - 149</a> </div> <div class="guarantee-badge animate-on-scroll fade-up" style="animation-delay: 0.25s; margin: var(--space-3) auto 0;"> <i class="fa-solid fa-shield-check"></i> Si le rapport ne montre pas de points de croissance - nous remboursons </div> </div> </section> </main> <!-- ===== FOOTER ===== --> <footer class="footer"> <div class="container footer__inner"> <div class="footer__brand"> <div class="footer__logo-image"> <img src="../images/logo-shield.png" alt="TriggerFlow logo" width="80" height="80"> </div> <a href="index.html" class="footer__logo"><span class="logo-icon"><img src="../images/logo-shield.png" alt="TriggerFlow logo"></span>Trigger<span class="logo-flow">Flow</span><span class="tm">&trade;</span></a> <p class="footer__tagline">TriggerFlow&trade; - gamme complète de services SEO pour la croissance des entreprises</p> </div> <nav class="footer__nav"> <a href="index.html">Accueil</a> <a href="services.html">Services</a> <a href="sitemoney-scan.html">Analyse express</a> <a href="money-leak-audit.html">Audit</a> <a href="subscription.html">Abonnement</a> <a href="blog.html">Blog</a> <a href="about.html">À propos de nous</a> <a href="integrations.html">Technologies</a> </nav> <div class="footer__trust"> <span class="footer__trust-badge"><i class="fa-solid fa-shield-halved"></i> Conforme RGPD</span> <span class="footer__trust-badge"><i class="fa-solid fa-lock"></i> API chiffrée</span> <span class="footer__trust-badge"><i class="fa-solid fa-database"></i> Aucune rétention de données</span> <span class="footer__trust-badge"><i class="fa-solid fa-building-shield"></i> SASU France</span> </div> <div class="footer__copy"> &copy; 2026 TriggerFlow&trade;. Tous droits réservés</div> </div> </footer> <!-- Sticky Mobile CTA --> <div class="sticky-cta" id="stickyCta"> <span class="sticky-cta__text">Rapport pour <strong>24h</strong></span> <a href="#" class="btn btn--primary" data-tf-form="express" data-tf-service="SiteMoney Scan PRO" data-tf-price="149">Diagnostic - 149</a> </div> <!-- Main JS --> <script src="../js/main.js"></script> <script src="../js/forms.js"></script> <!-- Segment Tabs Script --> <script> (function() { const tabs = document.querySelectorAll('.segment-tab'); const panels = { 'entrepreneurs': document.getElementById('panel-entrepreneurs'), 'experts': document.getElementById('panel-experts'), 'growth': document.getElementById('panel-growth') }; tabs.forEach(function(tab) { tab.addEventListener('click', function() { // Deactivate all tabs and panels tabs.forEach(function(t) { t.classList.remove('active'); }); Object.values(panels).forEach(function(p) { p.classList.remove('active'); }); // Activate clicked tab and its panel tab.classList.add('active'); var target = tab.getAttribute('data-tab'); if (panels[target]) { panels[target].classList.add('active'); } }); }); })(); </script> </body> </html>