<!-- Fichier principal de la page Go High Level France en .shtml -->
<!-- Styles globaux inclus via Server -Side Include -->
<style>
    :root {
        --primary-color: #1976d2; /* Bleu clair moderne */
        --primary-light: #63a4ff;
        --primary-dark: #004ba0;
        --accent-color: #ffb300; /* Jaune pastel */
        --accent-light: #ffe082;
        --accent-dark: #c68400;
        --text-light: #222;
        --text-dark: #222;
        --background-light: #f7fafd;
        --background-main: #ffffff;
        --a: #1976d2;
        --a-hover: #004ba0;
        --darkest: #222;
    }

    * { box-sizing: border-box; }

    html, body {
        height: 100%;
        margin: 0;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        line-height: 1.7;
        background: var(--background-light);
        color: var(--text-dark);
    }

    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        background: var(--background-light);
    }

    a {color: var(--a); text-decoration: underline;}
    a:hover, a:focus, a:active, a:visited {color: var(--a-hover);}

    .container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    header {
        background: var(--primary-color);
        color: var(--text-light);
        padding: 1rem 0;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.08);
    }

    nav {
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
        justify-content: center;
        background: var(--primary-color);
        border-bottom: none;
        overflow-x: auto;
        padding: 0 0 0 0;
        margin-bottom: 0.5em;
    }

    nav a {
        color: #fff;
        background: none;
        text-decoration: none;
        padding: 0.9em 1.6em 0.7em 1.6em;
        border-radius: 0;
        font-weight: 500;
        font-size: 1.08em;
        position: relative;
        transition: color 0.2s;
        margin: 0;
        letter-spacing: 0.01em;
        border: none;
        box-shadow: none;
        outline: none;
        display: inline-block;
    }

    nav a::after {
        content: '';
        display: block;
        position: absolute;
        left: 1.2em;
        right: 1.2em;
        bottom: 0.3em;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        transform: scaleX(0);
        transition: transform 0.25s cubic-bezier(0.4,0,0.2,1);
    }

    nav a:hover, nav a:focus {
        color: var(--accent-color);
    }

    nav a:hover::after, nav a:focus::after {
        transform: scaleX(1);
    }

    @media (max-width: 900px) {
        nav {
            font-size: 0.98em;
            padding: 0 0.5em;
        }
        nav a {
            padding: 0.8em 1em 0.6em 1em;
            font-size: 1em;
        }
        nav a::after {
            left: 0.7em;
            right: 0.7em;
        }
        .menu-toggle {
            display: flex;
            position: absolute;
            top: 12px;
            right: 12px;
            z-index: 1201;
        }
        .container {
            position: relative;
        }
    }

    @media (max-width: 600px) {
        nav {
            font-size: 0.95em;
            padding: 0 0.2em 0.7em 0.2em;
            overflow-x: auto;
            white-space: nowrap;
        }
        nav a {
            padding: 0.7em 0.7em 0.5em 0.7em;
            font-size: 0.98em;
        }
        nav a::after {
            left: 0.3em;
            right: 0.3em;
        }
    }

    main {
        flex: 1 0 auto;
        padding: 40px 0;
        background: var(--background-light);
    }

    h1, h2, h3, h4, h5, h6 {
        color: var(--primary-color);
        margin-bottom: 1rem;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 700;
    }

    h1 {
        font-size: 2.7em;
        margin-bottom: 1.5rem;
        text-align: center;
        position: relative;
        padding-bottom: 15px;
        letter-spacing: 1px;
    }

    h1::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 90px;
        height: 3px;
        background: var(--accent-color);
        border-radius: 2px;
    }

    .table-container {
        margin: 2rem 0;
        background: var(--background-light);
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.06);
        overflow: hidden;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        background: var(--background-main);
    }

    th {
        background: var(--primary-color);
        color: #fff;
        padding: 15px;
        text-align: left;
        font-weight: 600;
    }

    td {
        padding: 12px 15px;
        border-bottom: 1px solid #e3eaf2;
        color: var(--text-dark);
        background: var(--background-main);
    }

    tr:hover {
        background: var(--background-light);
    }

    footer {
        background: var(--primary-dark);
        color: #fff;
        padding: 30px 0;
        margin-top: 40px;
        text-align: center;
    }

    .footerlinks {font-size: 0.9em}
    .footerlinks a {color: #fff} 

    .btn {
        display: inline-block;
        padding: 12px 28px;
        background: var(--primary-color);
        color: #fff;
        text-decoration: none;
        border-radius: 24px;
        transition: all 0.3s ease;
        border: none;
        cursor: pointer;
        font-size: 1.1em;
        font-weight: 600;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.08);
    }

    .btn:hover {
        background: var(--primary-light);
        color: var(--primary-dark);
        transform: translateY(-2px);
    }

    .btn-accent {
        background: var(--accent-color);
        color: var(--primary-dark);
    }

    .btn-accent:hover {
        background: var(--accent-light);
    }

    .card {
        background: var(--background-main);
        border-radius: 12px;
        padding: 24px;
        margin: 24px 0;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.06);
        transition: transform 0.3s ease;
    }

    .card:hover {
        transform: translateY(-5px);
    }

    /* Responsive */
    @media screen and (max-width: 768px) {
        .container {
            padding: 0 10px;
        }
        h1 {
            font-size: 2em;
        }
        .table-container {
            overflow-x: auto;
        }
        
        /* Styles spécifiques pour la table de comparaison */
        .compare-table {
            display: block;
            width: 100%;
        }
        
        .compare-table thead {
            display: none;
        }
        
        .compare-table tbody {
            display: block;
        }
        
        .compare-table tr {
            display: block;
            margin-bottom: 20px;
            border: 1px solid #e3eaf2;
            border-radius: 8px;
            background: var(--background-main);
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .compare-table td {
            display: block;
            position: relative;
            padding: 12px 15px;
            border-bottom: 1px solid #e3eaf2;
            text-align: left;
        }
        
        .compare-table td:before {
            content: attr(data-label);
            font-weight: 600;
            color: var(--primary-color);
            display: block;
            margin-bottom: 5px;
            font-size: 0.9em;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        
        .compare-table td:last-child {
            border-bottom: none;
        }
        
        /* Première cellule (nom de la plateforme) en évidence */
        .compare-table td:first-child {
            background: var(--primary-color);
            color: #fff;
            font-weight: 600;
            border-radius: 8px 8px 0 0;
        }
        
        .compare-table td:first-child:before {
            display: none;
        }
        
        .btn-visit {
            width: 100%;
            max-width: 200px;
            text-align: center;
        }
    }

    @media screen and (max-width: 480px) {
        body {
            font-size: 16px;
        }
        h1 {
            font-size: 1.5em;
        }
        nav a {
            font-size: 0.9em;
            padding: 6px 8px;
        }
        .btn {
            width: 100%;
            text-align: center;
        }
    }

    .advice-box {
        background-color: #e3f2fd;
        border-left: 4px solid var(--primary-color);
        color: var(--primary-dark);
        padding: 18px;
        margin: 24px 0;
        border-radius: 8px;
    }
    .advice-box p { margin: 0; }

    .danger-box {
        background-color: #fff3e0;
        border-left: 4px solid var(--accent-color);
        color: var(--accent-dark);
        padding: 18px 24px;
        margin: 24px 0;
        border-radius: 8px;
    }
    .danger-box p {
        color: var(--accent-dark);
        margin: 0;
        line-height: 1.5;
    }

    .checklist-box, .quiz-box, .conclusion-box {
        background: #f7fafd;
        border: 1px solid #e3eaf2;
        border-radius: 12px;
        padding: 2em 1.5em;
        margin: 2em 0;
        color: var(--primary-dark);
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.04);
    }

    .content-table {
        width: 100%;
        margin: 1.5rem 0;
        border-collapse: collapse;
        background: var(--background-main);
        box-shadow: 0 1px 3px rgba(25, 118, 210, 0.04);
    }
    .content-table th, .content-table td {
        border: 1px solid #e3eaf2;
        padding: 10px 15px;
    }
    .content-table th {
        background: var(--primary-light);
        color: #fff;
    }
    .content-table tr:first-child {
        background-color: #f7fafd;
        font-weight: 600;
    }
    @media screen and (max-width: 768px) {
        .content-table {
            font-size: 0.95em;
        }
        .content-table tr {
            display: grid;
            margin-bottom: 0;
            border: 1px solid #e3eaf2;
        }
        .content-table td {
            padding: 8px 12px;
            text-align: left;
            position: static;
            border: none;
            border-right: 1px solid #e3eaf2;
        }
        .content-table td:last-child {
            border-right: none;
        }
    }
    .conclusion-box {
        background: #e3f2fd;
        border: 1px solid #bbdefb;
        color: var(--primary-dark);
    }

    .sticky-cta {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: var(--primary-color);
        color: #fff;
        z-index: 999;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.12);
        display: none;
        align-items: center;
        justify-content: center;
        padding: 0.7em 0;
        transition: transform 0.3s, opacity 0.3s;
    }
    .sticky-cta.visible {
        display: flex;
        animation: slideDown 0.4s;
    }
    @keyframes slideDown {
        from { transform: translateY(-100%); opacity: 0; }
        to { transform: translateY(0); opacity: 1; }
    }
    .sticky-cta .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 900px;
        width: 100%;
    }
    .sticky-cta-text {
        font-size: 1.2em;
        font-weight: 600;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 0.5em;
    }
    .btn-visit {
        background: var(--accent-color);
        color: var(--primary-dark);
        border-radius: 24px;
        padding: 10px 28px;
        font-weight: 700;
        font-size: 1.1em;
        text-decoration: none;
        margin-left: 1.5em;
        transition: background 0.2s, color 0.2s;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.08);
        border: none;
        cursor: pointer;
        display: inline-block;
    }
    .btn-visit:hover {
        background: var(--accent-light);
        color: var(--primary-dark);
    }
    @media (max-width: 600px) {
        .sticky-cta .container {
            flex-direction: column;
            gap: 0.7em;
            padding: 0 10px;
        }
        .sticky-cta-text {
            font-size: 1em;
        }
        .btn-visit {
            width: 100%;
            margin-left: 0;
        }
    }

    .narrow-content ul > li > a {
        text-decoration: none !important;
    }

    #scrollButton {
            display: none; /* Caché par défaut */
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 50px;
            height: 50px;
            background-color:var(--a-hover);
            color: white;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            font-size: 24px;
            text-align: center;
            line-height: 50px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
            transition: opacity 0.3s, transform 0.3s;
        }

        #scrollButton:hover {
            background-color: #0056b3;
        }

        /* Animation d'apparition */
        #scrollButton.show {
            display: block;
            opacity: 1;
            transform: scale(1);
        }

    .table-container tbody tr {
        opacity: 0;
        transform: translateY(40px);
        transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .table-container tbody tr.visible {
        opacity: 1;
        transform: translateY(0);
    }
    .table-container tbody tr:hover {
        box-shadow: 0 8px 24px rgba(25, 118, 210, 0.12);
        transform: translateY(-4px) scale(1.01);
        background: #f0f7ff;
        cursor: pointer;
    }
    .table-container .btn-visit, .table-container a.btn-visit {
        background: var(--accent-color);
        color: var(--primary-dark);
        border-radius: 24px;
        padding: 10px 28px;
        font-weight: 700;
        font-size: 1.1em;
        text-decoration: none;
        margin-left: 0;
        transition: background 0.2s, color 0.2s, box-shadow 0.2s;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.08);
        border: none;
        cursor: pointer;
        display: inline-block;
    }
    .table-container .btn-visit:hover, .table-container a.btn-visit:hover {
        background: var(--accent-light);
        color: var(--primary-dark);
        box-shadow: 0 4px 16px rgba(25, 118, 210, 0.18);
        transform: scale(1.05);
    }

    .menu-toggle {
        display: none;
        background: none;
        border: none;
        cursor: pointer;
        width: 44px;
        height: 44px;
        position: absolute;
        top: 18px;
        right: 18px;
        z-index: 1201;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    .menu-toggle span {
        display: block;
        width: 28px;
        height: 3px;
        margin: 5px 0;
        background: #fff;
        border-radius: 2px;
        transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    }
    @media (max-width: 900px) {
        .menu-toggle {
            display: flex;
        }
        nav#main-nav {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            background: var(--primary-color);
            flex-direction: column;
            align-items: flex-start;
            padding: 80px 0 30px 0;
            z-index: 1200;
            box-shadow: 0 8px 32px rgba(25, 118, 210, 0.12);
            transform: translateY(-100%);
            transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
            opacity: 0;
            pointer-events: none;
            min-height: 100vh;
            width: 100vw;
        }
        nav#main-nav.open {
            transform: translateY(0);
            opacity: 1;
            pointer-events: auto;
        }
        nav#main-nav a {
            display: block;
            width: 100%;
            padding: 1.2em 2em;
            font-size: 1.15em;
            border-bottom: 1px solid rgba(255,255,255,0.08);
            color: #fff;
            background: none;
            text-align: left;
        }
        nav#main-nav a:last-child {
            border-bottom: none;
        }
    }
    @media (min-width: 901px) {
        .menu-toggle {
            display: none !important;
        }
        nav#main-nav {
            position: static;
            display: flex;
            flex-direction: row;
            align-items: center;
            background: var(--primary-color);
            box-shadow: none;
            transform: none !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            min-height: unset;
            width: auto;
            padding: 0;
        }
        nav#main-nav a {
            display: inline-block;
            border-bottom: none;
            text-align: center;
        }
    }

    .header-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        min-height: 56px;
    }
    .site-title {
        color: #fff;
        font-size: 1.35em;
        font-weight: 700;
        text-decoration: none;
        letter-spacing: 0.01em;
        margin-right: 1.2em;
        display: block;
        line-height: 1.1;
        padding: 0.2em 0 0.2em 0.1em;
        white-space: nowrap;
    }
    @media (max-width: 900px) {
        .header-flex {
            min-height: 48px;
            padding-top: 0.1em;
            padding-bottom: 0.1em;
        }
        .site-title {
            font-size: 1.08em;
            padding: 0.1em 0 0.1em 0.1em;
        }
        .menu-toggle {
            top: 2px;
            right: 20px;
        }
    }

    .advice-box h3, .danger-box h3, .conclusion-box h3 {
        margin-top: 0;
    }

    /* CTA Banner */
    .cta-banner {
        background: linear-gradient(90deg, var(--accent-color), var(--accent-light));
        color: var(--primary-dark);
        padding: 0.8rem 0;
        text-align: center;
        font-weight: 600;
        position: relative;
        overflow: hidden;
    }

    .cta-banner::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
        animation: shimmer 2s infinite;
    }

    @keyframes shimmer {
        0% { left: -100%; }
        100% { left: 100%; }
    }

    .cta-content {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .cta-icon {
        font-size: 1.2em;
    }

    .cta-text {
        font-size: 1.1em;
    }

    .cta-button {
        background: var(--primary-dark);
        color: #fff;
        padding: 0.5rem 1.5rem;
        border-radius: 20px;
        text-decoration: none;
        font-weight: 700;
        transition: all 0.3s ease;
        white-space: nowrap;
    }

    .cta-button:hover {
        background: var(--primary-color);
        transform: translateY(-2px);
        color: #fff;
    }

    @media (max-width: 768px) {
        .cta-content {
            flex-direction: column;
            gap: 0.5rem;
        }
        
        .cta-text {
            font-size: 1em;
        }
    }

    /* Styles pour la page Go High Level */
    
    /* Hero Section */
    .hero-section {
        background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
        color: #fff;
        padding: 50px 0;
        text-align: center;
        position: relative;
        /*overflow: hidden;*/
    }

    .hero-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
        opacity: 0.3;
    }

    .hero-content {
        position: relative;
        z-index: 2;
    }

    .hero-title {
        font-size: 3.5em;
        margin-bottom: 1rem;
        line-height: 1.2;
        color: white;
    }

    .gradient-text {
        background: linear-gradient(45deg, var(--accent-color), #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .hero-subtitle {
        font-size: 1.3em;
        margin-top: 2rem;
        margin-bottom: 2rem;
        opacity: 0.9;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-cta {
        margin-bottom: 3rem;
    }

    .hero-cta .btn {
        margin: 0 10px;
        font-size: 1.2em;
        padding: 15px 35px;
    }

    .hero-stats {
        display: flex;
        justify-content: center;
        gap: 3rem;
        flex-wrap: wrap;
    }

    .stat-item {
        text-align: center;
    }

    .stat-number {
        display: block;
        font-size: 2.5em;
        font-weight: 700;
        color: var(--accent-color);
    }

    .stat-label {
        font-size: 1.1em;
        opacity: 0.8;
    }

    /* Quick Navigation */
    .quick-nav {
        background: #fff;
        padding: 1rem 0;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        position: sticky;
        top: 0;
        z-index: 100;
    }

    .quick-nav .container {
        display: flex;
        justify-content: center;
        gap: 2rem;
        flex-wrap: wrap;
    }

    .nav-link {
        color: var(--primary-color);
        text-decoration: none;
        font-weight: 600;
        padding: 0.5rem 1rem;
        border-radius: 20px;
        transition: all 0.3s ease;
    }

    .nav-link:hover {
        background: var(--primary-color);
        color: #fff;
        transform: translateY(-2px);
    }

    /* Sections générales */
    .section {
        padding: 80px 0;
    }

    .bg-light {
        background: var(--background-light);
    }

    .bg-primary {
        background: var(--primary-color);
        color: #fff;
    }

    .bg-accent {
        background: var(--accent-color);
        color: var(--primary-dark);
    }

    /* Tutorial Grid */
    .tutorial-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 2rem;
        margin-top: 3rem;
    }

    .tutorial-card {
        background: #fff;
        padding: 2rem;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        transition: transform 0.3s ease;
        position: relative;
        overflow: hidden;
    }

    .tutorial-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
    }

    .tutorial-card:hover {
        transform: translateY(-10px);
    }

    .card-icon {
        font-size: 3em;
        margin-bottom: 1rem;
    }

    .step-tip {
        background: var(--background-light);
        padding: 1rem;
        border-radius: 8px;
        margin-top: 1rem;
        border-left: 4px solid var(--accent-color);
    }

    /* Modules Grid */
    .modules-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 2rem;
        margin-top: 3rem;
    }

    .module-card {
        background: #fff;
        padding: 2rem;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        transition: all 0.3s ease;
        border: 2px solid transparent;
    }

    .module-card:hover {
        transform: translateY(-5px);
        border-color: var(--primary-color);
    }

    .module-header {
        display: flex;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .module-icon {
        font-size: 2.5em;
        margin-right: 1rem;
    }

    .module-features {
        list-style: none;
        padding: 0;
        margin: 1.5rem 0;
    }

    .module-features li {
        padding: 0.5rem 0;
        border-bottom: 1px solid #eee;
    }

    .module-features li:last-child {
        border-bottom: none;
    }

    .btn-sm {
        padding: 8px 20px;
        font-size: 0.9em;
    }

    /* Pricing Grid */
    .pricing-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 2rem;
        margin-top: 3rem;
    }

    .pricing-card {
        background: #fff;
        padding: 2.5rem;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        position: relative;
        transition: transform 0.3s ease;
        border: 2px solid transparent;
    }

    .pricing-card.featured {
        border-color: var(--accent-color);
        transform: scale(1.05);
    }

    .pricing-card:hover {
        transform: translateY(-10px);
    }

    .pricing-card.featured:hover {
        transform: scale(1.05) translateY(-10px);
    }

    .pricing-badge {
        position: absolute;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--accent-color);
        color: var(--primary-dark);
        padding: 0.5rem 1.5rem;
        border-radius: 20px;
        font-weight: 700;
        font-size: 0.9em;
    }

    .pricing-header {
        text-align: center;
        margin-bottom: 2rem;
    }

    .price {
        font-size: 3em;
        font-weight: 700;
        color: var(--primary-color);
        margin: 1rem 0;
    }

    .currency {
        font-size: 0.5em;
        vertical-align: top;
    }

    .period {
        font-size: 0.3em;
        color: #666;
    }

    .pricing-features {
        list-style: none;
        padding: 0;
        margin: 2rem 0;
    }

    .pricing-features li {
        padding: 0.5rem 0;
        border-bottom: 1px solid #eee;
    }

    .pricing-features li:last-child {
        border-bottom: none;
    }

    .pricing-cta {
        text-align: center;
    }

    .pricing-note {
        text-align: center;
        margin-top: 2rem;
        padding: 1rem;
        background: var(--accent-light);
        border-radius: 8px;
        color: var(--accent-dark);
    }

    /* Advantages Grid */
    .advantages-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 2rem;
        margin-top: 3rem;
    }

    .advantage-card {
        background: #fff;
        padding: 2rem;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        text-align: center;
        transition: transform 0.3s ease;
    }

    .advantage-card:hover {
        transform: translateY(-5px);
    }

    .advantage-icon {
        font-size: 3em;
        margin-bottom: 1rem;
    }

    /* Masterclass */
    .masterclass-content {
        margin-top: 3rem;
    }

    .masterclass-intro {
        text-align: center;
        margin-bottom: 3rem;
        padding: 2rem;
        background: var(--background-light);
        border-radius: 15px;
    }

    .masterclass-modules {
        display: grid;
        gap: 1.5rem;
    }

    .module-item {
        display: flex;
        align-items: center;
        background: #fff;
        padding: 1.5rem;
        border-radius: 10px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        transition: transform 0.3s ease;
    }

    .module-item:hover {
        transform: translateX(10px);
    }

    .module-number {
        background: var(--primary-color);
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        margin-right: 1.5rem;
        flex-shrink: 0;
    }

    .module-content h4 {
        margin: 0 0 0.5rem 0;
        color: var(--primary-color);
    }

    .module-content p {
        margin: 0 0 0.5rem 0;
        color: #666;
    }

    .duration {
        font-size: 0.9em;
        color: var(--accent-color);
        font-weight: 600;
    }

    .masterclass-bonus {
        margin-top: 3rem;
        padding: 2rem;
        background: var(--accent-light);
        border-radius: 15px;
        color: var(--accent-dark);
    }

    .masterclass-bonus ul {
        list-style: none;
        padding: 0;
    }

    .masterclass-bonus li {
        padding: 0.5rem 0;
    }

    /* Inscription Section */
    .inscription-content {
        text-align: center;
    }

    .inscription-subtitle {
        font-size: 1.2em;
        margin-bottom: 3rem;
        opacity: 0.9;
    }

    .inscription-steps {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 2rem;
        margin: 3rem 0;
    }

    .step {
        text-align: center;
    }

    .step-number {
        background: var(--accent-color);
        color: var(--primary-dark);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 1.5em;
        margin: 0 auto 1rem;
    }

    .inscription-cta {
        margin: 3rem 0;
    }

    .btn-large {
        font-size: 1.3em;
        padding: 20px 40px;
    }

    .cta-note {
        margin-top: 1rem;
        opacity: 0.8;
    }

    .inscription-guarantee {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 2rem;
        margin-top: 3rem;
    }

    .guarantee-card {
        background: rgba(255,255,255,0.1);
        padding: 2rem;
        border-radius: 15px;
        text-align: center;
    }

    .guarantee-icon {
        font-size: 2.5em;
        margin-bottom: 1rem;
    }

    /* FAQ */
    .faq-grid {
        margin-top: 3rem;
    }

    .faq-item {
        background: #fff;
        margin-bottom: 1rem;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    }

    .faq-question {
        padding: 1.5rem;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: background 0.3s ease;
    }

    .faq-question:hover {
        background: var(--background-light);
    }

    .faq-question h4 {
        margin: 0;
        color: var(--primary-color);
    }

    .faq-toggle {
        font-size: 1.5em;
        font-weight: 700;
        color: var(--primary-color);
        transition: transform 0.3s ease;
    }

    .faq-item.active .faq-toggle {
        transform: rotate(45deg);
    }

    .faq-answer {
        padding: 0 1.5rem;
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .faq-item.active .faq-answer {
        padding: 0 1.5rem 1.5rem;
        max-height: 200px;
    }

    /* Final CTA */
    .final-cta {
        text-align: center;
        padding: 3rem 0;
    }

    .final-cta h2 {
        margin-bottom: 1rem;
    }

    .final-cta p {
        font-size: 1.2em;
        margin-bottom: 2rem;
    }

    .cta-small {
        margin-top: 1rem;
        font-size: 0.9em;
        opacity: 0.8;
    }

    /* Animations */
    .pulse-animation {
        animation: pulse 2s infinite;
    }

    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.05); }
        100% { transform: scale(1); }
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .hero-title {
            font-size: 2.5em;
        }

        .hero-subtitle {
            font-size: 1.1em;
        }

        .hero-stats {
            gap: 1.5rem;
        }

        .stat-number {
            font-size: 2em;
        }

        .quick-nav .container {
            gap: 1rem;
        }

        .nav-link {
            font-size: 0.9em;
            padding: 0.3rem 0.8rem;
        }

        .tutorial-grid,
        .modules-grid,
        .pricing-grid,
        .advantages-grid {
            grid-template-columns: 1fr;
        }

        .pricing-card.featured {
            transform: none;
        }

        .pricing-card.featured:hover {
            transform: translateY(-10px);
        }

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

        .inscription-guarantee {
            grid-template-columns: 1fr;
        }

        .module-item {
            flex-direction: column;
            text-align: center;
        }

        .module-number {
            margin-right: 0;
            margin-bottom: 1rem;
        }
    }

    @media (max-width: 480px) {
        .hero-title {
            font-size: 2em;
        }

        .hero-cta .btn {
            display: block;
            margin: 20px auto;
            width: 100%;
            max-width: 300px;
        }

        .section {
            padding: 40px 0;
        }
    }

    .text-center {
        text-align: center;
    }

    /* ===== MASTERCLASS IMMERSIVE ===== */
    .sub-heading {
        text-align: center;
        font-size: 1.2em;
        color: var(--text-dark);
        margin-bottom: 3rem;
        opacity: 0.8;
    }

    .mc-module {
        background: var(--background-main);
        border-radius: 16px;
        margin-bottom: 1.5rem;
        box-shadow: 0 4px 20px rgba(25, 118, 210, 0.08);
        border: 1px solid #e3eaf2;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .mc-module:hover {
        box-shadow: 0 8px 30px rgba(25, 118, 210, 0.12);
        transform: translateY(-2px);
    }

    .mc-module summary {
        background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
        color: #fff;
        padding: 1.5rem 2rem;
        cursor: pointer;
        font-weight: 600;
        font-size: 1.1em;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all 0.3s ease;
        position: relative;
    }

    .mc-module summary:hover {
        background: linear-gradient(135deg, var(--primary-light), var(--primary-color));
    }

    .mc-module summary::after {
        content: '▼';
        font-size: 0.8em;
        transition: transform 0.3s ease;
        opacity: 0.8;
    }

    .mc-module[open] summary::after {
        transform: rotate(180deg);
    }

    .mc-number {
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
        padding: 0.5rem 1rem;
        border-radius: 20px;
        font-weight: 700;
        font-size: 0.9em;
        margin-right: 1rem;
        min-width: 40px;
        text-align: center;
    }

    .mc-duration {
        background: rgba(255, 255, 255, 0.15);
        padding: 0.4rem 0.8rem;
        border-radius: 15px;
        font-size: 0.85em;
        font-weight: 500;
    }

    .mc-module article {
        padding: 2rem;
        background: var(--background-main);
    }

    .mc-module h4 {
        color: var(--primary-color);
        margin: 1.5rem 0 1rem 0;
        font-size: 1.2em;
        font-weight: 600;
    }

    .mc-module p {
        margin-bottom: 1.5rem;
        line-height: 1.7;
    }

    .mc-module ol, .mc-module ul {
        margin: 1.5rem 0;
        padding-left: 1.5rem;
    }

    .mc-module li {
        margin-bottom: 0.8rem;
        line-height: 1.6;
    }

    .mc-module code {
        background: #f1f5f9;
        color: var(--primary-dark);
        padding: 0.2rem 0.5rem;
        border-radius: 4px;
        font-family: 'Courier New', monospace;
        font-size: 0.9em;
    }

    .mc-module pre {
        background: #1e293b;
        color: #e2e8f0;
        padding: 1.5rem;
        border-radius: 8px;
        overflow-x: auto;
        margin: 1.5rem 0;
        font-family: 'Courier New', monospace;
        font-size: 0.9em;
        line-height: 1.5;
    }

    .mc-module pre code {
        background: none;
        color: inherit;
        padding: 0;
    }

    .pro-tip {
        background: linear-gradient(135deg, #fef3c7, #fde68a);
        border-left: 4px solid var(--accent-color);
        padding: 1rem 1.5rem;
        margin: 1.5rem 0;
        border-radius: 8px;
        color: var(--accent-dark);
    }

    .cta-inline {
        text-align: center;
        margin: 2rem 0 1rem 0;
    }

    .cta-inline .btn {
        display: inline-block;
        margin: 0 auto;
    }

    /* Masterclass Stats */
    .masterclass-intro {
        margin: 3rem 0;
    }

    .masterclass-stats {
        display: flex;
        justify-content: center;
        gap: 3rem;
        margin: 2rem 0;
        flex-wrap: wrap;
    }

    .masterclass-stats .stat-item {
        text-align: center;
        background: var(--background-main);
        padding: 1.5rem 2rem;
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(25, 118, 210, 0.1);
        border: 1px solid #e3eaf2;
        min-width: 120px;
    }

    .masterclass-stats .stat-number {
        display: block;
        font-size: 2.5em;
        font-weight: 700;
        color: var(--primary-color);
        margin-bottom: 0.5rem;
    }

    .masterclass-stats .stat-label {
        font-size: 0.9em;
        color: var(--text-dark);
        opacity: 0.8;
        font-weight: 500;
    }

    /* Responsive pour Masterclass */
    @media (max-width: 768px) {
        .mc-module summary {
            padding: 1.2rem 1.5rem;
            font-size: 1em;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .mc-number {
            margin-right: 0;
            margin-bottom: 0.5rem;
        }

        .mc-module article {
            padding: 1.5rem;
        }

        .mc-module pre {
            padding: 1rem;
            font-size: 0.8em;
        }

        .masterclass-stats {
            gap: 1.5rem;
        }

        .masterclass-stats .stat-item {
            padding: 1rem 1.5rem;
            min-width: 100px;
        }

        .masterclass-stats .stat-number {
            font-size: 2em;
        }
    }

</style>

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Go High Level France - Tutoriel, Modules & Tarifs 2026</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Découvrez Go High Level en français : tutoriel express, masterclass complète, modules, tarifs et offre d'essai gratuit de 14 jours.">
  <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=Segoe+UI:wght@400;600;700&display=swap" rel="stylesheet">
  
  <!-- Données structurées Schema.org -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": "Go High Level France - Tutoriel, Modules & Tarifs",
    "description": "Découvrez Go High Level en français : tutoriel express, masterclass complète, modules, tarifs et offre d'essai gratuit de 14 jours.",
    "url": "https://geekandsocial.com",
    "mainEntity": {
      "@type": "SoftwareApplication",
      "name": "Go High Level",
      "applicationCategory": "BusinessApplication",
      "operatingSystem": "Web",
      "description": "Plateforme marketing et CRM tout-en-un pour agences et entreprises",
      "offers": {
        "@type": "Offer",
        "price": "97",
        "priceCurrency": "EUR",
        "priceValidUntil": "2025-12-31",
        "availability": "https://schema.org/InStock",
        "description": "Plan Starter à 97€/mois avec essai gratuit de 14 jours"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "ratingCount": "50000",
        "bestRating": "5",
        "worstRating": "1"
      }
    },
    "breadcrumb": {
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Accueil",
          "item": "https://geekandsocial.com"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Go High Level France",
          "item": "https://geekandsocial.com"
        }
      ]
    }
  }
  </script>

  <!-- Données structurées pour la formation -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Course",
    "name": "Masterclass Go High Level - Formation complète",
    "description": "Formation immersive de 10 modules pour maîtriser Go High Level de A à Z",
    "provider": {
      "@type": "Organization",
      "name": "Geek and Social",
      "url": "https://geekandsocial.com"
    },
    "courseMode": "online",
    "educationalLevel": "intermediate",
    "inLanguage": "fr",
    "timeRequired": "PT5H",
    "hasCourseInstance": {
      "@type": "CourseInstance",
      "courseMode": "online",
      "inLanguage": "fr",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "EUR",
        "availability": "https://schema.org/InStock"
      }
    },
    "teaches": [
      "Marketing automation",
      "CRM management",
      "Funnel building",
      "Email marketing",
      "SMS marketing",
      "Calendar management",
      "AI integration"
    ]
  }
  </script>

  <!-- Données structurées pour les FAQ -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "GHL est-il disponible pour les français ?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Oui, depuis quelques années, mais certaines parties de l'interface sont anglais, ainsi que les formations. Mais il est prévu que tout soit en français d'ici peu. Pour vos clients par contre, vous pourrez tout présenter en français."
        }
      },
      {
        "@type": "Question",
        "name": "Puis-je garder mes outils actuels ?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Absolument. Go High Level s'intègre via API/webhooks à Facebook Ads, Google Ads, Zapier, Slack, Stripe, WordPress, etc."
        }
      },
      {
        "@type": "Question",
        "name": "Et si je ne suis pas développeur ?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "La plateforme est no-code : tout se fait en glisser-déposer. Notre Masterclass vous accompagne pas à pas."
        }
      },
      {
        "@type": "Question",
        "name": "Comment fonctionne la facturation SMS/Email ?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Vous rechargez votre portefeuille interne au coût fournisseur (Twilio, Mailgun). Vous payez uniquement ce que vous consommez."
        }
      },
      {
        "@type": "Question",
        "name": "Il y a-t-il un code promotionnel ?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Il y a deux moyens de payer moins. Le premier c'est de profiter des 14 jours gratuits, et ensuite c'est de payer annuellement et économiser encore 2 mois supplémentaires."
        }
      },
      {
        "@type": "Question",
        "name": "Quelle est la différence entre les plans ?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Le plan Starter est idéal pour débuter, Unlimited pour les entreprises en croissance, et Agency pour les agences qui gèrent plusieurs clients."
        }
      },
      {
        "@type": "Question",
        "name": "GHL est-il conforme RGPD ?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Oui, Go High Level est entièrement conforme au RGPD avec des données hébergées en Europe et des outils de gestion du consentement intégrés."
        }
      },
      {
        "@type": "Question",
        "name": "Combien de temps pour maîtriser GHL ?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Avec la formation incluse, vous pouvez être opérationnel en 1 semaine et maîtriser toutes les fonctionnalités avancées en 1 mois."
        }
      },
      {
        "@type": "Question",
        "name": "Puis-je migrer mes données existantes ?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Oui, GHL propose des outils d'import automatique pour migrer vos contacts, emails et données depuis vos outils actuels."
        }
      },
      {
        "@type": "Question",
        "name": "Puis-je tester Go High Level ?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Oui, vous pouvez profiter des 14 jours gratuits pour tester Go High Level en cliquant sur les boutons de cette page internet."
        }
      }
    ]
  }
  </script>

  <!-- Données structurées pour l'organisation -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Geek and Social",
    "url": "https://geekandsocial.com",
    "logo": "https://geekandsocial.com/img/geekandsocial.png",
    "description": "Spécialiste en marketing digital et formation Go High Level",
    "sameAs": [
      "https://www.linkedin.com/company/geekandsocial",
      "https://www.facebook.com/geekandsocial"
    ],
    "contactPoint": {
      "@type": "ContactPoint",
      "contactType": "customer service",
      "availableLanguage": "French"
    }
  }
  </script>

  <!-- Données structurées pour les avis et évaluations -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Product",
    "name": "Go High Level",
    "description": "Plateforme marketing et CRM tout-en-un",
    "brand": {
      "@type": "Brand",
      "name": "Go High Level"
    },
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "4.8",
      "reviewCount": "50000",
      "bestRating": "5",
      "worstRating": "1"
    },
    "review": [
      {
        "@type": "Review",
        "reviewRating": {
          "@type": "Rating",
          "ratingValue": "5",
          "bestRating": "5"
        },
        "author": {
          "@type": "Person",
          "name": "Utilisateur GHL"
        },
        "reviewBody": "Plateforme exceptionnelle qui a transformé notre business. L'automatisation nous fait gagner un temps fou !"
      }
    ]
  }
  </script>
</head>
<body>

<!-- ===== ENTÊTE ===== -->
<header>
  <div class="container header-flex">
    <a href="/" class="site-title">Go High Level France</a>
    <button class="menu-toggle" aria-label="Menu principal">
      <span></span><span></span><span></span>
    </button>
    <nav id="main-nav">
      <a href="#tutoriel">Tutoriel Rapide</a>
      <a href="#modules">Modules</a>
      <a href="#tarifs">Tarifs</a>
      <a href="#masterclass">Masterclass</a>
      <a href="#faq">FAQ</a>
      <a href="/go/ghl.shtml" rel="nofollow" target="_blank">Inscription</a>
    </nav>
  </div>
</header>

<!-- ===== HERO ===== -->
<section class="hero-section">
  <div class="container hero-content">
    <h1 class="hero-title">Passez <span class="gradient-text">au niveau&nbsp;supérieur</span> avec Go High Level</h1>
    <p class="hero-subtitle">La plateforme marketing et CRM tout -en -un n° 1. Créez des tunnels de vente, automatisez vos campagnes, boostez vos revenus.</p>
    <div class="hero-cta">
      <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent pulse-animation">Démarrer l’essai gratuit de 14 jours</a>
      <a href="#modules" class="btn">Voir les modules</a>
    </div>
    <div class="hero-stats">
      <div class="stat-item"><span class="stat-number">+50 000</span><span class="stat-label">utilisateurs</span></div>
      <div class="stat-item"><span class="stat-number">28 %</span><span class="stat-label">de CA moyen supplémentaire</span></div>
      <div class="stat-item"><span class="stat-number">+3 000</span><span class="stat-label">integrations</span></div>
    </div>
  </div>
</section>

<!-- ===== NAVIGATION RAPIDE (anchor bar) ===== -->
<div class="quick-nav">
  <div class="container">
    <a href="#tutoriel" class="nav-link">Tutoriel</a>
    <a href="#modules" class="nav-link">Modules</a>
    <a href="#tarifs" class="nav-link">Tarifs</a>
    <a href="#masterclass" class="nav-link">Masterclass</a>
    <a href="#faq" class="nav-link">FAQ</a>
    <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="nav-link">S’inscrire</a>
  </div>
</div>

<!-- ===== TUTORIEL RAPIDE ===== -->
<section id="tutoriel" class="section bg-light">   
  <div class="container">
    <p><strong>Go High Level (GHL)</strong> est une plateforme tout -en -un pour agences et entreprises : CRM, marketing multicanal, création de funnels/sites, calendrier, facturation, IA… Tout est intégré dans un seul tableau de bord, en français, pour générer des leads, automatiser les ventes et gérer la relation client sans empiler une multitude d’apps séparées.</p>
    <p><br /></p>

    <h2>Tutoriel express : 5 étapes pour démarrer</h2>
    <p>Voici le moyen le plus court de passer de zéro à vos premières campagnes automatisées :</p>
    <div class="tutorial-grid">
      <div class="tutorial-card">
        <div class="card-icon">🚀</div>
        <h3>1. Créez votre compte (14 j gratuits)</h3>
        <p>Choisissez le plan qui vous convient et activez immédiatement votre période d’essai <strong>sans risque</strong>.</p>
      </div>
      <div class="tutorial-card">
        <div class="card-icon">🧰</div>
        <h3>2. Importez un Snapshot prêt -à -l’emploi</h3>
        <p>Sélectionnez un <em>snapshot</em> adapté à votre secteur pour recevoir instantly funnels, emails & workflows pré -configurés.</p>
      </div>
      <div class="tutorial-card">
        <div class="card-icon">⚙️</div>
        <h3>3. Branchez vos canaux</h3>
        <p>Connectez vos comptes e -mail, SMS, WhatsApp, Facebook & Google My Business en quelques clics.</p>
      </div>
      <div class="tutorial-card">
        <div class="card-icon">🤖</div>
        <h3>4. Automatisez</h3>
        <p>Créez des séquences d'automatisation pour vos prospects et clients : suivi prospects, relances paniers abandonnés, prises de RDV… tout est visuel.</p>
      </div>
      <div class="tutorial-card">
        <div class="card-icon">📈</div>
        <h3>5. Analysez & scalez</h3>
        <p>Suivez vos KPIs en temps réel, testez A/B et optimisez vos campagnes sur des sous -comptes illimités.</p>
      </div>
    </div>
    <div class="advice-box">
      <p><strong>Conseil:</strong> Commencez par l'essai gratuit pour tester toutes les fonctionnalités.</p>
    </div>
    <div class="text-center">
      <p><br /></p><p><a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent">Je teste maintenant</a></p>
    </div>
  </div>
</section>

<!-- ===== MODULES ===== -->
<section id="modules" class="section">
  <div class="container">
    <h2>Les Modules Clés de Go High Level</h2>
    <p>Go High Level ne se limite pas à « encore un CRM » : c’est une suite complète où chaque module communique avec les autres. Vous pouvez démarrer par un calendrier et ajouter, à votre rythme, l’IA ou l’e -commerce sans changer d’outil ni exporter vos données.</p>

    <div class="modules-grid">
      <div class="module-card">
        <div class="module-header"><span class="module-icon">📧</span><h3>Email Marketing</h3></div>
        
        <ul class="module-features">
          <li>Campagnes automatisées</li>
          <li>Templates personnalisables</li>
          <li>Segmentation avancée</li>
          <li>Analytics détaillés</li>
        </ul>
        <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-sm">Essayer</a>
      </div>
      <div class="module-card">
        <div class="module-header"><span class="module-icon">🌐</span><h3>Sites Web & Funnels</h3></div>
        <ul class="module-features">
          <li>Constructeur de sites</li>
          <li>Funnels de conversion</li>
          <li>Templates professionnels</li>
          <li>Optimisation SEO</li>
        </ul>
        <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-sm">Essayer</a>
      </div>
      <div class="module-card">
        <div class="module-header"><span class="module-icon">📱</span><h3>Applications Mobiles</h3></div>
        <ul class="module-features">
          <li>Apps iOS et Android</li>
          <li>Notifications push</li>
          <li>Géolocalisation</li>
          <li>Paiements intégrés</li>
        </ul>
        <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-sm">Essayer</a>
      </div>
      <div class="module-card">
        <div class="module-header"><span class="module-icon">📆</span><h3>Calendrier & Booking</h3></div>
        <ul class="module-features">
          <li>Prise de rendez -vous en ligne</li>
          <li>Rappels automatiques SMS/Email</li>
          <li>Sync Google & Outlook</li>
          <li>Assistant IA</li>
        </ul>
        <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-sm">Essayer</a>
      </div>
      <div class="module-card">
        <div class="module-header"><span class="module-icon">🎓</span><h3>Formations & Membres</h3></div>
        <ul class="module-features">
          <li>LMS intégré (cours, quiz, certificat)</li>
          <li>Portail membres brandé</li>
          <li>Paiements Stripe & PayPal</li>
          <li>Espace membres</li>
        </ul>
        <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-sm">Essayer</a>
      </div>
      <div class="module-card">
        <div class="module-header"><span class="module-icon">📞</span><h3>CRM & Téléphonie</h3></div>
        <ul class="module-features">
          <li>Gestion des contacts</li>
          <li>Appels intégrés</li>
          <li>Enregistrement des appels</li>
          <li>Pipeline de vente</li>
        </ul>
        <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-sm">Essayer</a>
      </div>
    </div>
  </div>  
  

</section>

  <!-- ===== DÉTAILS DES MODULES ===== -->
<section id="modules-details" class="section">
    <div class="container">
      <h2>Détails de 10 modules intégrés à GHL</h2>
  
      <div class="table-container">
        <table class="modules-details-table">
          <thead>
            <tr>
              <th>Module</th>
              <th>Fonctionnalités phares</th>
              <th>Valeur ajoutée / Cas d’usage</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong>CRM & Pipelines</strong></td>
              <td>
                Tableaux Kanban personnalisables, scoring leads, tâches illimitées,<br>
                dashboards par vendeur
              </td>
              <td>
                Visualisez chaque lead de « Nouveau » à « Clos », déclenchez des actions
                (e -mail, SMS, WhatsApp) quand une carte change de colonne.
              </td>
            </tr>
            <tr>
              <td><strong>Marketing multicanal</strong></td>
              <td>
                Campagnes Phone Connect, SMS/MMS, e -mails, Messenger, WhatsApp,<br>
                workflows conditionnels (statut WhatsApp, réponse client…)
              </td>
              <td>
                Un seul scénario peut enchaîner un SMS, un WhatsApp puis un e -mail si le
                prospect n’a pas répondu - idéal pour relances panier et nurturing.
              </td>
            </tr>
            <tr>
              <td><strong>Site & Funnel Builder</strong></td>
              <td>
                Builder drag -and -drop, A/B testing natif, import ClickFunnels 2.0,<br>
                WordPress SSO, e -commerce & upsell
              </td>
              <td>
                Concevez des pages ultra -rapides, testez deux accroches, vendez produits
                physiques ou digitaux dans le même tunnel.
              </td>
            </tr>
            <tr>
              <td><strong>Calendriers & Booking</strong></td>
              <td>
                Calendriers Personal Booking (1:1) et Collective (multi -prestataires),<br>
                round -robin, paiement à la réservation, Voice AI pour prise de RDV
              </td>
              <td>
                L’IA propose un créneau, encaisse la séance et bloque l’agenda en temps
                réel - plus d’allers -retours.
              </td>
            </tr>
            <tr>
              <td><strong>Membership / LMS</strong></td>
              <td>
                Cours, quizz, certificats, thèmes « Neo Classic », accès automatisé via
                workflows
              </td>
              <td>
                Montez une académie en marque blanche, offrez l’accès dès le paiement et
                relancez l’apprenant jusqu’au certificat.
              </td>
            </tr>
            <tr>
              <td><strong>Réputation & Avis</strong></td>
              <td>
                Demande d’avis multicanal, filtre anti -spam, Reviews AI pour réponses
                automatiques
              </td>
              <td>
                Collectez plus d’étoiles Google/Facebook, répondez en 1 clic et lancez un
                workflow si la note est < 3★.
              </td>
            </tr>
            <tr>
              <td><strong>Automatisation (Workflows)</strong></td>
              <td>
                +40 actions (contacts, opportunités, paiements, IA, IVR…),<br>
                Workflow AI Assistant
              </td>
              <td>
                Automatisez tout le parcours client, de la création du lead au paiement,
                sans code.
              </td>
            </tr>
            <tr>
              <td><strong>AI Employee & Voice AI</strong></td>
              <td>
                6 modules IA : Voice, Conversation, Reviews, Content, Workflow Assistant,
                Funnel AI
              </td>
              <td>
                L’assistant IA décroche vos appels, répond en DM, rédige vos e -mails et
                pré -remplit vos funnels à 70 %.
              </td>
            </tr>
            <tr>
              <td><strong>Paiements & E -commerce</strong></td>
              <td>
                Abos & factures récurrentes, upsell à la caisse, taxes auto,<br>
                intégrations FB/IG Shop, WooCommerce, Shopify
              </td>
              <td>
                Vendez un coaching + un upsell « support premium », facturé
                automatiquement chaque mois.
              </td>
            </tr>
            <tr>
              <td><strong>Reporting & Analytics</strong></td>
              <td>
                Dashboards personnalisables, rapports custom, attribution campagne,<br>
                widgets email, social, prospects, ventes
              </td>
              <td>
                Visualisez en un coup d’œil le ROI de chaque canal et ajustez vos budgets
                en temps réel.
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="pro-tip">
        <strong>Astuce :</strong> Vous pouvez limiter les frais en ne sélectionnant que les modules dont vous avez besoin.
      </div>
    
      <div class="text-center">
        <p><br /></p><p><a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent">Je découvre maintenant</a></p>
      </div>

    </div>

    
  </section>

<!-- ===== TARIFS ===== -->
<section id="tarifs" class="section bg-light">
  <div class="container">
    <h2>Tarifs Officiels 2026</h2>
    <p>Tous les plans incluent <strong>un essai gratuit de 14 jours</strong>, les mises à jour illimitées et le support chat 24/7.</p>

    <div class="pricing-grid">
      <!-- Starter -->
      <div class="pricing-card">
        <div class="pricing-header">
          <h3>Starter</h3>
          <div class="price"><span class="currency">€</span>97<span class="period">/mois</span></div>
        </div>
        <ul class="pricing-features">
          <li>✅ Email marketing</li>
          <li>✅ SMS marketing</li>
          <li>✅ 2,500 contacts</li>
          <li>✅ CRM basique</li>
          <li>✅ 1 site web</li>
          <li>✅ Support email</li>
        </ul>
        <div class="pricing-cta"><a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent">Commencer</a></div>
      </div>

      <!-- Agency Unlimited -->
      <div class="pricing-card featured">
        <div class="pricing-badge">Recommandé</div>
        <div class="pricing-header">
          <h3>Agency Unlimited</h3>
          <div class="price"><span class="currency">€</span>297<span class="period">/mois</span></div>
        </div>
        <ul class="pricing-features">
          <li>✅ Tous les modules</li>
          <li>✅ Contacts illimités</li>
          <li>✅ Applications mobiles</li>
          <li>✅ Sites web illimités</li>
          <li>✅ Support prioritaire</li>
          <li>✅ Publicité & retargeting</li>
          <li>✅ Formation incluse</li>
        </ul>
        <div class="pricing-cta"><a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent">Lancer mon agence</a></div>
      </div>

      <!-- SAAS Pro -->
      <div class="pricing-card">
        <div class="pricing-header">
          <h3>SAAS Pro</h3>
          <div class="price"><span class="currency">€</span>497<span class="period">/mois</span></div>
        </div>
        <ul class="pricing-features">
          <li>✅ Toutes l'offre Agency Unlimited</li>
          <li>✅ Gestion multi-clients</li>
          <li>✅ White-label</li>
          <li>✅ API complète</li>
          <li>✅ Support dédié</li>
          <li>✅ Formation avancée</li>
        </ul>
        <div class="pricing-cta"><a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent">Passer en SaaS</a></div>
      </div>
    </div>

    <p><br /></p>L’offre Starter (97 €/mois) vise les freelances, coachs ou TPE qui gèrent 1 à 2 marques : elle fournit l’essentiel (CRM, funnels, marketing multicanal) pour démarrer vite sans surcharge</p>
    <p>Agency Unlimited (297 €/mois) s’adresse aux agences digitales ou web -studios qui gèrent plusieurs clients ; elle débloque les sous -comptes illimités, le branding en marque blanche et les API pour connecter n’importe quel outil (ex. une agence SEA qui pilote 15 comptes locaux)</p>
    <p>Enfin, SAAS Pro (497 €/mois) cible les structures voulant monétiser la plateforme en SaaS : facturation automatisée, rebilling SMS/e -mail et applis desktop/mobile logotées — parfait, par exemple, pour un organisme de formation qui revend un pack « marketing » à ses apprenants.</p>
    <p>Quel que soit le plan, on peut greffer des modules additionnels à la demande via le Marketplace/Add -Ons interne : en quelques clics, l’agence active une appli (Voice AI, Ads Manager, widgets e -commerce, etc.), choisit un prix à la consommation ou un forfait, puis la facture éventuellement avec marge à ses sous -comptes <em>-le tout sans changer de plan principal-</em> grâce à la distribution et au marquage d’upsell intégrés.</p>

    <p class="pricing-note">⚡ Payez à l’année et économisez <strong>2 mois</strong> (facturation annuelle). Arrêtez quand vous voulez, sans engagement.</p>
  </div>
</section>

<!-- ===== AVANTAGES ===== -->
<section class="section">
  <div class="container">
    <h2>Pourquoi choisir Go High Level ?</h2>
    <div class="advantages-grid">
      <div class="advantage-card"><div class="advantage-icon">⚡</div><h3>Economies importantes</h3><p>Remplacez 20+ outils (ClickFunnels, HubSpot, Calendly, ActiveCampaign, Zendesk,...) par une seule plateforme.</p></div>
      <div class="advantage-card"><div class="advantage-icon">🎯</div><h3>Automatisation Avancée</h3><p>Automatisez 90% de vos tâches marketing et concentrez-vous sur votre croissance business.</p></div>
      <div class="advantage-card"><div class="advantage-icon">📈</div><h3>ROI Garanti</h3><p>Les clients voient en moyenne une augmentation de 114% de leurs revenus en 6 mois.</p></div>
      <div class="advantage-card"><div class="advantage-icon">🔒</div><h3>Sécurité RGPD</h3><p>Conformité totale RGPD, données hébergées en Europe, sécurité de niveau bancaire.</p></div>
      <div class="advantage-card"><div class="advantage-icon">🚀</div><h3>Évolutivité</h3><p>Passez de 10 à 10,000 clients sans changer de plateforme. GHL grandit avec vous.</p></div>
      <div class="advantage-card"><div class="advantage-icon">🤝</div><h3>Communauté</h3><p>GHL est la plateforme avec la plus frote croissance et un communauté francophone active.</p></div>
    </div>

    <div class="text-center">
        <p><br /></p><p><img src="/img/supermodules.webp" alt="Les modules de GHL pour faire exploser son business" style="max-width: 50%;"></p>
    </div>

    <div class="text-center">
        <p><br /></p><p><a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent">Je découvre maintenant</a></p>
      </div>
  </div>
</section>

<!-- ===== COMPARATIF ===== -->
<section id="comparatif" class="section bg-light">
    <div class="container">
      <h2>Go High Level vs Concurrents (2026)</h2>
  
      <div class="table-container">
        <table class="compare-table">
          <thead>
            <tr>
              <th>Plateforme</th>
              <th>CRM&nbsp;/&nbsp;Pipelines</th>
              <th>Funnels&nbsp;/&nbsp;Site Builder</th>
              <th>Email&nbsp;Marketing</th>
              <th>SMS&nbsp;/&nbsp;WhatsApp</th>
              <th>Calendrier&nbsp;&amp;&nbsp;Booking</th>
              <th>IA&nbsp;&amp;&nbsp;Automatisation avancée</th>
              <th>Marque&nbsp;blanche</th>
              <th>Prix&nbsp;d’entrée&nbsp;(USD/mois)</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td data-label="Plateforme"><strong>Go High Level</strong></td>
              <td data-label="CRM / Pipelines">✔️</td>
              <td data-label="Funnels / Site Builder">✔️</td>
              <td data-label="Email Marketing">✔️</td>
              <td data-label="SMS / WhatsApp">✔️ (2-way)</td>
              <td data-label="Calendrier & Booking">✔️</td>
              <td data-label="IA & Automatisation avancée">✔️ (AI Employee)</td>
              <td data-label="Marque blanche">✔️</td>
              <td data-label="Prix d'entrée (USD/mois)">≈€97</td>
            </tr>
            <tr>
              <td data-label="Plateforme"><strong>ClickFunnels 2.0</strong></td>
              <td data-label="CRM / Pipelines">✔️ (basique)</td>
              <td data-label="Funnels / Site Builder">✔️</td>
              <td data-label="Email Marketing">✔️</td>
              <td data-label="SMS / WhatsApp">❌</td>
              <td data-label="Calendrier & Booking">✔️ (Appointments)</td>
              <td data-label="IA & Automatisation avancée">❌</td>
              <td data-label="Marque blanche">❌</td>
              <td data-label="Prix d'entrée (USD/mois)">≈€127</td>
            </tr>
            <tr>
              <td data-label="Plateforme"><strong>HubSpot Marketing Hub Pro</strong></td>
              <td data-label="CRM / Pipelines">✔️</td>
              <td data-label="Funnels / Site Builder">✔️ (landing pages)</td>
              <td data-label="Email Marketing">✔️</td>
              <td data-label="SMS / WhatsApp">❌ (add-on externe)</td>
              <td data-label="Calendrier & Booking">✔️ (Meetings)</td>
              <td data-label="IA & Automatisation avancée">✔️ (Workflows + AI)</td>
              <td data-label="Marque blanche">❌</td>
              <td data-label="Prix d'entrée (USD/mois)">≈€800</td>
            </tr>
            <tr>
              <td data-label="Plateforme"><strong>ActiveCampaign Pro</strong></td>
              <td data-label="CRM / Pipelines">✔️</td>
              <td data-label="Funnels / Site Builder">❌</td>
              <td data-label="Email Marketing">✔️</td>
              <td data-label="SMS / WhatsApp">✔️ (SMS add-on)</td>
              <td data-label="Calendrier & Booking">❌</td>
              <td data-label="IA & Automatisation avancée">✔️ (Automations)</td>
              <td data-label="Marque blanche">❌</td>
              <td data-label="Prix d'entrée (USD/mois)">≈€159</td>
            </tr>
            <tr>
              <td data-label="Plateforme"><strong>Kartra Starter</strong></td>
              <td data-label="CRM / Pipelines">✔️ (contacts)</td>
              <td data-label="Funnels / Site Builder">✔️</td>
              <td data-label="Email Marketing">✔️</td>
              <td data-label="SMS / WhatsApp">❌</td>
              <td data-label="Calendrier & Booking">✔️ (Calendars)</td>
              <td data-label="IA & Automatisation avancée">❌</td>
              <td data-label="Marque blanche">❌</td>
              <td data-label="Prix d'entrée (USD/mois)">≈€119</td>
            </tr>
          </tbody>
        </table>
      </div>
  
    </div>

    <div class="text-center">
        <p><br /></p><p><a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent">Je profite de l'offre GHL</a></p>
      </div>
  </section>

<!-- ===== MASTERCLASS IMMERSIVE ===== -->
<section id="masterclass" class="section bg-light">
    <div class="container">
      <div class="text-center">
        <h2>🎓 Masterclass Go High Level — Votre mise en pratique guidée</h2>
        <p class="sub-heading">Suivez chaque module, réalisez l'exercice proposé et passez directement à l'action sans quitter la page.</p>
      </div>

      <!-- MODULE 1 -->
      <details class="mc-module" open>
        <summary><span class="mc-number">01</span> Prise en main &amp; Paramétrage </summary>
        <article>
          <p>Créez votre compte GHL (choisissez <em>Starter</em> si vous êtes solo, <em>Agency</em> si vous gérez déjà des clients). Le tableau de bord s'ouvre : épingler l'icône <strong>⚙️ Settings</strong> dans la barre pour un accès instantané.</p>
          <ol>
            <li><strong>Connecter le domaine</strong>  
              <br>👉 Allez dans <em>Sites › Domains</em> ; saisissez <code>go.monsite.fr</code> ; copiez les enregistrements CNAME affichés chez votre hébergeur (OVH ou Cloudflare).  
              <div class="pro-tip">🔐 <strong>Pro Tip :</strong> Activez <em>Auto SSL</em> et cochez « Redirect to HTTPS » pour éviter les erreurs de certificat.</div>
            </li>
            <li><strong>Configurer les e-mails</strong>  
              <br>👉 <em>Settings › Email Services</em> › <strong>Add Service</strong> › Mailgun EU. Renseignez l'API Key et le domaine <code>mg.monsite.fr</code>.</li>
            <li><strong>Activer les SMS / WhatsApp</strong>  
              <br>👉 <em>Phone Numbers › Connect</em> ; louez un numéro local ou importez votre Twilio SID. Nommez la ligne « Campagne Lead Magnet » pour la retrouver plus tard.</li>
            <li><strong>RGPD & Sauvegarde</strong>  
              <br>👉 <em>Labs › European Hosting</em> : un clic bascule vos contacts sur un data-center UE.</li>
          </ol>
          <div class="cta-inline">
            <a href="#funnels" class="btn btn-accent">Étape suivante : vos premiers funnels ⟶</a>
          </div>
        </article>
      </details>

      <!-- MODULE 2 -->
      <details class="mc-module" id="funnels">
        <summary><span class="mc-number">02</span> Funnels haute conversion </summary>
        <article>
          <p>Vous allez construire un tunnel AIDA complet pour vendre un e-book "Productivité 21‐Jours".</p>
          <h4>Étape-par-étape</h4>
          <ul>
            <li><strong>Opt-in Page :</strong> ouvrez <em>Sites › Funnels</em> › <em>New Funnel</em>. Choisissez le template "Hero Left" ; ajoutez un champ <code>{{contact.first_name}}</code>.</li>
            <li><strong>Page de vente :</strong> dupliquez la section « Preuve sociale » trois fois et remplacez les logos par vos témoignages clients.</li>
            <li><strong>Bon de commande :</strong> ajoutez <em>Order-bump</em> "Check-list printable" à 7 €.</li>
            <li><strong>Upsell :</strong> créez une page <em>One-Click Upsell</em> pour proposer le coaching 1-h à 97 € — suivez le taux d'acceptation dans <em>Payments › Analytics</em>.</li>
          </ul>
          <h4>Exemple de code de suivi</h4>
  <pre><code>&lt;script>
  window.dataLayer = window.dataLayer || [];
  dataLayer.push({
    'event': 'purchase',
    'value': {{order.total}},
    'product': '{{order.items[0].name}}'
  });
  &lt;/script></code></pre>
          <div class="cta-inline">
            <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent">Tester le tunnel en direct</a>
          </div>
        </article>
      </details>

      <!-- MODULE 3 -->
      <details class="mc-module">
        <summary><span class="mc-number">03</span> Workflows IA &amp; Triggers </summary>
        <article>
          <p>Déployez un scénario multicanal qui relance automatiquement un prospect silencieux.</p>
          <ol>
            <li><strong>Déclencheur :</strong> "Form Submitted - Opt-in Ebook".</li>
            <li><strong>Action 1 :</strong> Email « Ton guide est prêt 📥 ».</li>
            <li><strong>Délai 1h</strong> puis Condition : <em>Email Non ouvert</em>.  
              <br>— <em>Oui</em> → Action 2 : SMS « Bonjour {{first_name}}, ton guide est arrivé dans ta boîte ! 👀 »  
              <br>— <em>Non</em> → Fin du workflow.</li>
            <li><strong>IA Content :</strong> ajoutez l'action "Generate Email Reply" ; prompt : « Relance polie + bénéfice clé guide ».</li>
          </ol>
          <div class="pro-tip">🤖 <strong>Astuce :</strong> utilisez <em>AI Employee</em> « Closer Bot » pour appeler automatiquement le prospect après 3 jours d'inactivité.</div>
        </article>
      </details>

      <!-- MODULE 4 -->
      <details class="mc-module">
        <summary><span class="mc-number">04</span> CRM &amp; Pipelines de vente </summary>
        <article>
          <p>Créez un pipeline "Consulting B2B". Chaque colonne correspond à une étape :</p>
          <ul>
            <li><strong>Nouveau Lead</strong> (auto-tag "Top of Funnel")</li>
            <li><strong>RDV programmé</strong> (liaison Calendrier)</li>
            <li><strong>Proposition envoyée</strong> (tâche "Suivre devis")</li>
            <li><strong>Clos gagné</strong> ou <strong>Clos perdu</strong></li>
          </ul>
          <p>Ajoutez un tableau de bord "Prévisionnel" : <code>Total($)</code> x <code>Taux de win</code> = <em>CA prévisionnel 30 jours</em>.</p>
        </article>
      </details>

      <!-- MODULE 5 -->
      <details class="mc-module">
        <summary><span class="mc-number">05</span> Calendrier &amp; Closing </summary>
        <article>
          <p>Paramétrez un calendrier "Consultation Flash 15 min" :</p>
          <ul>
            <li>Durée : 15 min, pause 5 min, fuseau auto-détecté.</li>
            <li>Règle "Look Busy" : afficher 80 % des créneaux.</li>
            <li>Webhook vers Slack #rdv : ping dès qu'un lead réserve.</li>
          </ul>
          <p><em>Voice AI Closer</em> appellera tout « no-show » pour reprogrammer. Résultat : -31 % de rendez-vous manqués.</p>
        </article>
      </details>

      <!-- MODULE 6 -->
      <details class="mc-module">
        <summary><span class="mc-number">06</span> Memberships &amp; LMS </summary>
        <article>
          <p>Lancez votre académie « Growth 360 » :</p>
          <ol>
            <li>Créez un <em>Product › Membership</em>, thème "Neo Classic".</li>
            <li>Ajoutez 3 chapitres vidéo (hostés sur Wistia) + quizz finaux.</li>
            <li>Utilisez <em>Drip Schedule</em> : chapitre 2 débloqué après 48 h.</li>
            <li>Workflow "Quiz score &lt; 80 %" → email "Besoin d'aide ?" + lien support.</li>
          </ol>
          <p>🎉 Badge "Certified Growth 360" délivré automatiquement et partagé sur LinkedIn via Zapier.</p>
        </article>
      </details>

      <!-- MODULE 7 -->
      <details class="mc-module">
        <summary><span class="mc-number">07</span> Facturation &amp; Rebilling </summary>
        <article>
          <p>Créez un produit récurrent « Coaching VIP » à 300 €/mois + upsell « Slack Support » 50 €.</p>
          <ul>
            <li><strong>Toutes taxes</strong> : TVA 20 % ajoutée pour clients FR, 0 % hors UE.</li>
            <li><strong>Rebilling SMS</strong> : le client est refacturé 0,011 €/SMS avec marge 25 %.</li>
            <li><strong>Portal Stripe</strong> activé : le client gère ses factures et moyens de paiement sans soutien tech.</li>
          </ul>
        </article>
      </details>

      <!-- MODULE 8 -->
      <details class="mc-module">
        <summary><span class="mc-number">08</span> SaaS Mode avancé </summary>
        <article>
          <p>Lancez votre propre micro-SaaS "Leads Niche Auto" :</p>
          <ol>
            <li>Snapshot dédié importé dès l'inscription.</li>
            <li>Plan "Basic 99 $" limité 1 domaine ; "Pro 299 $" illimité + IA.</li>
            <li>Rebilling Twilio activé : markup 30 % pour SMS/WhatsApp.</li>
            <li>Webhook <em>New Signup</em> → Notion CRM pour suivi MRR.</li>
          </ol>
        </article>
      </details>

      <!-- MODULE 9 -->
      <details class="mc-module">
        <summary><span class="mc-number">09</span> Growth Hacking &amp; Snapshots </summary>
        <article>
          <p>Créez un snapshot "Chiro-2026" :</p>
          <ul>
            <li>Inclut funnel "Free Adjustment", workflow nurturing 6 j.</li>
            <li>Ajoutez variables dynamiques (<code>{{business.phone}}</code>).</li>
            <li>Déployez sur 10 sous-comptes en "Bulk Actions".</li>
            <li><strong>Cold Email</strong> : séquence 3-jours avec Spintax, 40 % open-rate moyen.</li>
          </ul>
        </article>
      </details>

      <!-- MODULE 10 -->
      <details class="mc-module">
        <summary><span class="mc-number">10</span> Reporting &amp; Optimisation </summary>
        <article>
          <p>Misez sur la data pour scaler :</p>
          <ol>
            <li>Dashboard "Snapshot ROI" : CA vs coût pub vs coûts SMS.</li>
            <li>Modèle d'attribution "Linear" pour connaître le poids exact des 3 touches (ads → email → appel).</li>
            <li>Rapport automatisé envoyé chaque lundi 08:00 à l'équipe.</li>
            <li>Méthode ICE : notez Impact, Confiance, Facilité de chaque idée ; lancez les tests A/B à ICE &gt; 21.</li>
          </ol>
          <div class="cta-inline">
            <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent pulse-animation">Je passe à l'action 🚀</a>
          </div>
        </article>
      </details>
    </div>
  </section>
  
  

<!-- ===== FAQ ===== -->
<section id="faq" class="section">
  <div class="container">
    <h2>Questions fréquentes</h2>
    <div class="faq-grid">
      <div class="faq-item">
        <div class="faq-question"><h4>GHL est-il disponible pour les français ?</h4><span class="faq-toggle">+</span></div>
        <div class="faq-answer"><p>Oui, depuis quelques années, mais certaines parties de l'interface sont anglais, ainsi que les formations. Mais il est prévu que tout soit en français d'ici peu. Pour vos clients par contre, vous pourrez tout présenter en français.</p></div>
      </div>
      <div class="faq-item">
        <div class="faq-question"><h4>Puis -je garder mes outils actuels ?</h4><span class="faq-toggle">+</span></div>
        <div class="faq-answer"><p>Absolument. Go High Level s’intègre via API/webhooks à Facebook Ads, Google Ads, Zapier, Slack, Stripe, WordPress, etc.</p></div>
      </div>
      <div class="faq-item">
        <div class="faq-question"><h4>Et si je ne suis pas développeur ?</h4><span class="faq-toggle">+</span></div>
        <div class="faq-answer"><p>La plateforme est <em>no -code</em> : tout se fait en glisser -déposer. Notre Masterclass vous accompagne pas à pas.</p></div>
      </div>
      <div class="faq-item">
        <div class="faq-question"><h4>Comment fonctionne la facturation SMS/Email ?</h4><span class="faq-toggle">+</span></div>
        <div class="faq-answer"><p>Vous rechargez votre portefeuille interne au coût fournisseur (Twilio, Mailgun). Vous payez uniquement ce que vous consommez.</p></div>
      </div>
      <div class="faq-item">
        <div class="faq-question"><h4>Il y a-t-il un code promotionnel ?</h4><span class="faq-toggle">+</span></div>
        <div class="faq-answer"><p>Il y a deux moyens de payer moins. Le premier c'est de profiter des 14 jours gratuits, et ensuite c'est de payer annuellement et déconomiser encore 2 mois supplémentaires.</p></div>
      </div>
      <div class="faq-item">
        <div class="faq-question"><h4>Quelle est la différence entre les plans ?</h4><span class="faq-toggle">+</span></div>
        <div class="faq-answer"><p>Le plan Starter est idéal pour débuter, Unlimited pour les entreprises en croissance, et Agency pour les agences qui gèrent plusieurs clients.</p></div>
      </div>
      <div class="faq-item">
        <div class="faq-question"><h4>GHL est-il conforme RGPD ?</h4><span class="faq-toggle">+</span></div>
        <div class="faq-answer"><p>Oui, Go High Level est entièrement conforme au RGPD avec des données hébergées en Europe et des outils de gestion du consentement intégrés.</p></div>
      </div>
      <div class="faq-item">
        <div class="faq-question"><h4>Combien de temps pour maîtriser GHL ?</h4><span class="faq-toggle">+</span></div>
        <div class="faq-answer"><p>Avec la formation incluse, vous pouvez être opérationnel en 1 semaine et maîtriser toutes les fonctionnalités avancées en 1 mois.</p></div>
      </div>
      <div class="faq-item">
        <div class="faq-question"><h4>Puis-je migrer mes données existantes ?</h4><span class="faq-toggle">+</span></div>
        <div class="faq-answer"><p>Oui, GHL propose des outils d'import automatique pour migrer vos contacts, emails et données depuis vos outils actuels.</p></div>
      </div>
      <div class="faq-item">
        <div class="faq-question"><h4>Puis-je tester Go High Level ?</h4><span class="faq-toggle">+</span></div>
        <div class="faq-answer"><p>Oui, vous pouvez profiter des <a href="/go/ghl.shtml" rel="nofollow" target="_blank">14 jours gratuits</a> pour tester Go High Level en cliquant sur les boutons de cette page internet.</p></div>
      </div>
    </div>

  </div>
</section>

<!-- ===== INSCRIPTION ===== -->
<section id="inscription" class="section bg-primary">
  <div class="container inscription-content">
    <h2>Essayez Go High Level gratuitement</h2>
    <p class="inscription-subtitle">Créez votre compte en 3 étapes simples, sans carte bancaire ➜</p>
    <div class="inscription-steps">
      <div class="step"><div class="step-number">1</div><p>Remplissez le formulaire</p></div>
      <div class="step"><div class="step-number">2</div><p>Choisissez votre plan</p></div>
      <div class="step"><div class="step-number">3</div><p>Recevez vos accès instantanément</p></div>
    </div>
    <div class="inscription-cta">
      <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent btn-large pulse-animation">Je m’inscris maintenant</a>
      <p class="cta-note">Sans engagement - annulation en un clic</p>
    </div>
    <div class="inscription-guarantee">
      <div class="guarantee-card"><div class="guarantee-icon">⚡</div><p>14 jours gratuits</p></div>
      <div class="guarantee-card"><div class="guarantee-icon">⏱️</div><p>Activation immédiate 24/7</p></div>
      <div class="guarantee-card"><div class="guarantee-icon">🎓</div><p>Formation incluse</p></div>
    </div>
  </div>
</section>

<section class="section text-center">
    <a href="/go/ghl.shtml"  rel="nofollow" target="_blank"><img src="/img/awards.jpg" alt="Les récompenses de Go High Level" style="max-width: 100%;"></a>
</section>

<!-- ===== CTA FINAL ===== -->
<section class="final-cta">
  <div class="container">
    <h2>Ne Laissez Plus Votre Business au Hasard</h2>
    <p>Rejoignez l'élite des entrepreneurs qui ont automatisé leur marketing et multiplié leurs revenus.</p>
    <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn btn-accent btn-large pulse-animation">Oui, je passe à l’action</a>
    <div class="cta-small">Essai gratuit, aucune carte requise.</div>
  </div>
</section>



<!-- ===== PIED DE PAGE ===== -->
    </main>
    <footer>
        <div class="container">
            <p>&copy;geekandsocial.com | benoit@geekandsocial.com
            <br /></p>
            <span class="legal-notice"  style="color: var(--a); font-size:0.8em">
            <p>Le présent site vise à vous inforler au mieux au sujet du CSM Go High Level (GHL) afin que vous puissiez décider de l'utiliser ou bien de choisir un autre CSM.</p>
            <p>Notez que cet outil est bien plus qu'un CMS (+pages de ventes +chat +tunnel de conversion) mais que contrairement à Wordpress, il nécesite un abonnement payant pour fonctionner.</p>
            </span>
        </div>
     </footer>
</body>
</html> 

<!-- ===== CTA STICKY & SCROLL TOP ===== -->

<div class="sticky-cta" id="stickyCta">
  <div class="container">
    <span class="sticky-cta-text">🚀 Lancez -vous sur Go High Level</span>
    <a href="/go/ghl.shtml" rel="nofollow" target="_blank" class="btn-visit">Essai gratuit</a>
  </div>
</div>
<button id="scrollButton" aria-label="Retour en haut">▲</button>

<!-- ===== SCRIPTS ===== -->
 <!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function(m,e,t,r,i,k,a){
        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();
        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=103500808', 'ym');

    ym(103500808, 'init', {ssr:true, webvisor:true, clickmap:true, accurateTrackBounce:true, trackLinks:true});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/103500808" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

<script>
// Mobile menu toggle
const menuToggle = document.querySelector('.menu-toggle');
const mainNav = document.getElementById('main-nav');
menuToggle.addEventListener('click', () => {
  mainNav.classList.toggle('open');
  menuToggle.classList.toggle('open');
});

// FAQ toggle
const faqItems = document.querySelectorAll('.faq-item');
faqItems.forEach(item => {
  item.querySelector('.faq-question').addEventListener('click', () => {
    item.classList.toggle('active');
  });
});

// Sticky CTA & Scroll -Top
const stickyCta = document.getElementById('stickyCta');
const scrollBtn = document.getElementById('scrollButton');
window.addEventListener('scroll', () => {
  const scrolled = window.scrollY;
  if (scrolled > 400) {
    stickyCta.classList.add('visible');
    scrollBtn.classList.add('show');
  } else {
    stickyCta.classList.remove('visible');
    scrollBtn.classList.remove('show');
  }
});
scrollBtn.addEventListener('click', () => {
  window.scrollTo({ top: 0, behavior: 'smooth' });
});

// Table row animation (IntersectionObserver)
const rows = document.querySelectorAll('.table-container tbody tr');
const rowObserver = new IntersectionObserver(entries => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('visible');
      rowObserver.unobserve(entry.target);
    }
  });
}, {threshold: 0.1});
rows.forEach(row => rowObserver.observe(row));
</script>

</body>
</html>
