@extends('layout.headerAndFooter')

@section('headLinks')
    <link rel="stylesheet" href="{{asset('siteStyle/sectionStyle/topSection.css')}}">
    <link rel="stylesheet" href="{{asset('siteStyle/sectionStyle/introCards.css')}}">
    <link rel="stylesheet" href="{{asset('siteStyle/sectionStyle/ourteamCards.css')}}">
    <link rel="stylesheet" href="{{asset('siteStyle/sectionStyle/readytodo.css')}}">

    <link rel="stylesheet" href="{{asset('siteStyle/agence.css')}}">

    <meta name="description" content="content description">
@stop

@section('title')
    Automation
@stop

@section('content')
    <section class="containerB">
        <div class="topSection">
            <div class="titleAndBtn">
                <div>
                    @include('sections.breadcrumbs', [
                        'parentPageLink' => route("home"),
                        'parentPage' => 'Home',
                        'childPageLink' => route("agence"),
                        'childPage' => "L'agence",
                        'childPageLink2' => "",
                        'childPage2' => '',
                        "fontColor" => "lightFont"
                    ])
                    <h1 class="titleTopSection"><span>Automatisation Marketing

                    </span> Multicanal </h1>
                    <h2 class="underTitle">Transformez chaque message en profit avec une stratégie multicanal intelligente et des résultats explosifs !</h2>
                </div>

                <a class="atirao-button atirao-button--primary atirao-button--large" href="{{route("contact")}}">
                    <span class="txt">Prendre un Rv</span>
                    <span class="bdrl"></span>
                    <span class="bdrr"></span>
                </a>
            </div>
            <div class="image">
                <img src="{{ asset('images/agence/atthetop.webp') }}" alt="">
            </div>
        </div>
    </section>












      <section class="containerB about">
        <style>
          /* Variables et styles pour la section journal */
          .containerB.about {
            --primary-color: #1a1a1a;
            --secondary-color: #f5f5f5;
            --accent-color: #e63946;
            --text-color: #333;
            --border-color: #ddd;
            --serif-font: 'PoppinsRegular';
            --sans-font: 'PoppinsRegular';

            font-family: var(--serif-font);
            line-height: 1.6;
            color: var(--text-color);
            background-color: var(--secondary-color);
            max-width: 1200px;
            margin: 0 auto;
            padding: 30px 20px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
          }

          /* En-tête du journal */
          .journal-masthead {
            text-align: center;
            padding: 20px 0;
            border-bottom: 2px solid var(--primary-color);
            margin-bottom: 20px;
          }

          .journal-masthead-inner {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 10px;
          }

          .journal-title {
            font-size: 2rem;
            font-weight: 900;
            letter-spacing: -1px;
            font-family: var(--serif-font);
            margin: 0;
            text-transform: uppercase;
            color: var(--primary-color);
          }

          .journal-subtitle {
            font-size: 1rem;
            font-style: 'PoppinsRegular';
            margin: 5px 0 10px;
          }

          .journal-date-location {
            display: flex;
            justify-content: space-between;
            width: 100%;
            font-family: var(--sans-font);
            font-size: 0.85rem;
            padding: 5px 0;
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
          }

          /* Structure adaptée à la classe about-grid */
          .about-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 30px;
            margin-bottom: 30px;
          }

          .intro-card h2 span,
          .history h2 span.sectionTitle {
            display: inline-block;
            font-size: 1.5rem;
            font-weight: 800;
            /* color: var(--primary-color); */
            margin-bottom: 15px;
            position: relative;
          }

          .intro-card p strong {

            display: block;
            margin-bottom: 15px;
          }

          /* Style des articles */
          .vision-mission {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
          }

          @media (max-width: 768px) {
            .vision-mission {
              grid-template-columns: 1fr;
            }
          }

          .vision h3 span.blue,
          .mission h3 span.red {
            font-size: 1.4rem;
            font-weight: 700;
            margin-bottom: 15px;
            display: block;
          }

          .vision h3 span.blue {
            border-bottom: 2px solid #3b82f6; /* Bleu */
            padding-bottom: 5px;
          }

          .mission h3 span.red {
            border-bottom: 2px solid var(--accent-color);
            padding-bottom: 5px;
          }

          .content {
            font-size: 1.1rem;
            line-height: 1.7;
            margin-bottom: 15px;
          }

          /* Style journal pour les images */
          .featured-image {
            width: 100%;
            height: 300px;
            object-fit: cover;
            margin: 15px 0;
            filter: grayscale(20%);
          }

          /* Style pour les citations */
          blockquote {
            font-size: 1.3rem;
            line-height: 1.5;
            font-style: italic;
            color: #555;
            padding: 20px;
            margin: 20px 0;
            position: relative;
            text-align: center;
            border-left: 4px solid var(--accent-color);
            background-color: rgba(230, 57, 70, 0.05);
          }

          blockquote::before,
          blockquote::after {
            content: '"';

            line-height: 0;
            position: relative;

          }

          /* Style pour la section history */
          .history {
            padding: 20px;
            border-radius: 8px;
          }

          .history h3 {

            margin-bottom: 20px;
          }

          .history p {
            margin-bottom: 10px;
          }

          /* Styles spécifiques pour la mise en page journal */
          .journal-layout .about-grid:first-child {
            border-bottom: 1px solid var(--border-color);
            padding-bottom: 20px;
          }

          .journal-layout .intro-card p {
            font-size: 1.1rem;
            margin-bottom: 15px;
            line-height: 1.7;
          }

          .logo {
            max-width: 120px;
            margin-top: 20px;
          }

          .journal-article-meta {

            margin: 10px 0 15px 0;
          }
        </style>

        <div class="journal-masthead">
            <div class="journal-masthead-inner">
                <h2 class="journal-title">Pourquoi automatiser vos communications : WhatsApp, SMS & Email</h2>
                <p class="journal-subtitle">Engagez mieux, plus vite, et à plus grande échelle grâce à l'automatisation intelligente</p>
            </div>
            <div class="journal-date-location">
                <!-- Date et emplacement, si nécessaire -->
            </div>
        </div>

        <div class="journal-layout">
            <div class="about-grid">
                <div class="intro-card">
                    <h2><span>Pourquoi automatiser vos communications : WhatsApp, SMS & Email</span></h2>
                    <p><strong>À l’heure où chaque interaction client peut faire la différence, automatiser vos communications via WhatsApp, SMS et Email n’est plus un luxe, mais une nécessité stratégique.</strong></p>
                    <div class="journal-article-meta">
                        <span class="journal-author">Par Sophie Martin</span> |
                        <span class="journal-publish-date">7 Mai 2025</span>
                    </div>
                    <img src="/api/placeholder/800/400" alt="Automatisation des communications" class="featured-image">
                    <p>Ces trois canaux, parmi les plus puissants en marketing digital, offrent un taux d’ouverture et un taux de conversion largement supérieurs aux autres formes de communication. Mieux encore, leur automatisation permet de tirer parti de leur puissance sans effort manuel constant.</p>
                    <p><strong>L’enjeu n’est pas seulement d’envoyer un message, mais d’envoyer le bon message, au bon moment, à la bonne personne, de façon personnalisée et cohérente sur tous vos canaux.</strong></p>
                    <blockquote>
                        "Automatiser ses canaux, c’est parler à chaque client comme si on avait tout le temps du monde."
                    </blockquote>
                    <p>Une stratégie d’automatisation multicanal bien pensée transforme la relation client, réduit la charge opérationnelle et booste les résultats business.</p>
                    <img src="images/logoAtirao/1.png" alt="Logo Atirao" class="logo">
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">1. WhatsApp & SMS : des canaux instantanés à fort taux d’engagement</span></h3>
                        <p class="content">Saviez-vous que les SMS affichent un taux d’ouverture supérieur à 95 % dans les 3 minutes suivant leur réception ? WhatsApp, utilisé par plus de 2 milliards d’utilisateurs, est devenu l’un des canaux privilégiés pour interagir avec les marques. Grâce à l'automatisation, vous pouvez envoyer des rappels, relancer les paniers abandonnés, qualifier un lead sans intervention humaine, ou encore envoyer des promotions ciblées.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">2. Email Marketing : un canal toujours aussi puissant, mais plus intelligent</span></h3>
                        <p class="content">Automatiser vos campagnes emails, c’est passer du simple “newsletter blast” à une relation continue, personnalisée et intelligente. Créez des workflows d’onboarding ou de fidélisation, relancez automatiquement les clients inactifs avec des offres ciblées, et adaptez le contenu selon le comportement utilisateur. Le tout, mesurable et optimisé en continu.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">3. Pourquoi automatiser ? Les bénéfices concrets</span></h3>
                        <p class="content">
                            <strong>📈 Gain de temps :</strong> Plus besoin de gérer manuellement chaque envoi.<br>
                            <strong>🚀 Réactivité :</strong> Vos clients reçoivent une réponse instantanée, 24/7.<br>
                            <strong>🎯 Pertinence :</strong> Messages ciblés grâce à la segmentation intelligente.<br>
                            <strong>🔁 Scalabilité :</strong> Gérez 100 ou 100 000 contacts avec la même efficacité.<br>
                            <strong>💼 Alignement CRM :</strong> Connexion avec notre CRM interne pour un suivi client optimal.
                        </p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">4. Le rôle central du CRM dans l’automatisation</span></h3>
                        <p class="content">Notre CRM propriétaire centralise les données clients, déclenche des scénarios dynamiques, offre une vue 360° du client, et fournit des analyses poussées pour optimiser les performances. C’est le cerveau de votre marketing automatisé.</p>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Scénarios d’automatisation concrets</span></h2>
                <h3><em>Des cas d’usage qui transforment vos conversions</em></h3>
                <p><strong>Rappel automatique :</strong> Envoi d’un SMS ou message WhatsApp avant un rendez-vous.</p>
                <p><strong>Relance de panier :</strong> Message instantané après inactivité sur un site e-commerce.</p>
                <p><strong>Fidélisation intelligente :</strong> Emails personnalisés envoyés après une période d’inactivité.</p>
                <p><strong>Support automatisé :</strong> Réponses instantanées 24/7 via chatbot WhatsApp ou email automatique.</p>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Passez à l’échelle : chaque interaction compte</span></h2>
                <p><strong>L’automatisation, c’est bien plus que des outils. C’est une stratégie orientée performance. </strong> Engagez vos prospects, fidélisez vos clients et gagnez en efficacité tout en respectant les normes RGPD. Préparez votre croissance avec des communications intelligentes et scalables.</p>
                <p><strong>Prêt à automatiser vos canaux ?</strong> Parlons-en dès maintenant.</p>
            </div>
        </div>


        {{-- section 2 Les avantages stratégiques de l’automatisation marketing multicanal--}}

        <div class="journal-masthead">
            <div class="journal-masthead-inner">
                <h2 class="journal-title">Les avantages stratégiques de l’automatisation marketing multicanal</h2>
                <p class="journal-subtitle">Unifiez vos canaux pour maximiser l’impact de chaque interaction client.</p>
            </div>
            <div class="journal-date-location">
                <!-- Date et emplacement, si nécessaire -->
            </div>
        </div>

        <div class="journal-layout">
            <div class="about-grid">
                <div class="intro-card">
                    <h2><span>Les avantages stratégiques de l’automatisation marketing multicanal</span></h2>
                    <p><strong>Dans un écosystème numérique où vos prospects naviguent entre email, SMS, WhatsApp, réseaux sociaux et sites web, une stratégie marketing efficace ne peut plus se permettre de fonctionner en silos.</strong> L’automatisation marketing multicanal s’impose comme la réponse stratégique pour capter, engager, convertir et fidéliser à chaque point de contact.</p>
                    <div class="journal-article-meta">
                        <span class="journal-author">Par Sophie Martin</span> |
                        <span class="journal-publish-date">8 Mai 2025</span>
                    </div>
                    <img src="/api/placeholder/800/400" alt="Marketing multicanal" class="featured-image">
                    <p>Grâce à une orchestration intelligente des canaux, soutenue par des scénarios automatisés et des intégrations CRM puissantes, vous construisez des parcours clients fluides, cohérents et ultra-efficaces. Vous ne vous contentez plus de parler à vos clients. Vous conversez avec eux, là où ils sont, quand ils en ont besoin, sans friction.</p>
                    <blockquote>
                        "L’automatisation multicanal transforme chaque interaction client en opportunité de croissance mesurable."
                    </blockquote>
                    <p>Chez <strong>Atirao</strong>, nous concevons des stratégies d’automatisation avancées intégrant CRM, IA et dashboards intelligents pour un marketing conversationnel à haute valeur ajoutée.</p>
                    <img src="images/logoAtirao/1.png" alt="Logo Atirao" class="logo">
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">1. Une expérience utilisateur cohérente et fluide</span></h3>
                        <p class="content">L’automatisation multicanal permet de réunir tous les canaux dans une logique d’expérience utilisateur unifiée. Chaque canal (email, SMS, WhatsApp, chatbot IA) joue un rôle stratégique dans le parcours de conversion, pour une communication fluide, pertinente et personnalisée.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">2. Meilleure segmentation = meilleure performance</span></h3>
                        <p class="content">Grâce à la segmentation intelligente basée sur les comportements, préférences et historiques, vous créez des parcours ultra-personnalisés. Le bon message, au bon moment, via le bon canal, tout simplement.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">3. Pilotage des performances en temps réel</span></h3>
                        <p class="content">Suivez vos taux d’ouverture, taux de clics, conversions, et plus encore grâce à notre CRM interne qui centralise toutes les données. Identifiez les canaux les plus performants, testez, optimisez et mesurez précisément votre ROI.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">4. Gain de temps, réduction des coûts, performance accrue</span></h3>
                        <p class="content">Automatiser permet de réduire les tâches manuelles, d’optimiser vos ressources et d’augmenter la rentabilité de vos campagnes. Moins de temps, moins de dépenses, plus de résultats.</p>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Des cas d’usages concrets pour chaque canal</span></h2>
                <h3><em>Chaque canal trouve sa place dans un scénario automatisé</em></h3>
                <p><strong>Email :</strong> Informer, nourrir, relancer à froid.</p>
                <p><strong>SMS :</strong> Idéal pour les rappels et offres urgentes.</p>
                <p><strong>WhatsApp :</strong> Relation client, ventes directes, support réactif.</p>
                <p><strong>Chatbot IA :</strong> Interactions automatiques, disponibles 24/7.</p>
                <p>Un exemple ? Un client inactif reçoit un email, puis un SMS, avant d’échanger avec un chatbot WhatsApp pour finaliser l’achat. Tout est fluide, mesurable, efficace.</p>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Automatisation multicanal : votre levier de croissance</span></h2>
                <p><strong>Les résultats parlent d’eux-mêmes :</strong></p>
                <ul>
                    <li>+35 % de leads qualifiés</li>
                    <li>+50 % de conversions sur campagnes segmentées</li>
                    <li>-40 % de temps passé sur des tâches répétitives</li>
                    <li>+60 % de satisfaction client</li>
                </ul>
                <p>Notre CRM interne permet une automatisation ultra-ciblée, enrichie par l’IA. Les scénarios deviennent intelligents, auto-apprenants et évolutifs. C’est l’assurance d’une croissance durable et scalable.</p>
                <p><strong>Besoin de rendre votre marketing plus intelligent, fluide et rentable ?</strong> Discutons de votre stratégie dès aujourd’hui.</p>
            </div>
        </div>



        {{-- section 3 Notre approche technique : scénarios, IA, CRM interne --}}

        <div class="journal-masthead">
            <div class="journal-masthead-inner">
                <h2 class="journal-title">Notre approche technique : scénarios, IA, CRM interne et intégrations sur-mesure</h2>
                <p class="journal-subtitle">Une base technique solide pour une automatisation marketing vraiment efficace.</p>
            </div>
            <div class="journal-date-location">
                <!-- Date et emplacement, si nécessaire -->
            </div>
        </div>

        <div class="journal-layout">
            <div class="about-grid">
                <div class="intro-card">
                    <h2><span>Notre approche technique : scénarios, IA, CRM interne et intégrations sur-mesure</span></h2>
                    <p><strong>L’automatisation marketing multicanal ne repose pas uniquement sur de bons messages ou une belle interface.</strong> Ce qui fait réellement la différence, c’est l’architecture technique invisible mais puissante qui soutient votre stratégie. Chez nous, chaque projet repose sur une approche rigoureuse, modulaire et intelligente : des scénarios bien conçus, une intégration fluide avec vos outils existants, une intelligence artificielle proactive, et surtout, un CRM développé en interne qui pilote toute l’automatisation.</p>
                    <blockquote>
                        "L’automatisation marketing multicanal transforme chaque interaction client en opportunité de croissance mesurable."
                    </blockquote>
                    <p><strong>Notre approche technique repose sur quatre piliers clés :</strong></p>
                    <ul>
                        <li>Scénarios automatisés personnalisés pour chaque objectif</li>
                        <li>Intelligence artificielle au service de l’adaptation continue</li>
                        <li>Des intégrations puissantes avec vos outils existants</li>
                        <li>Un CRM interne développé sur-mesure pour piloter l’automatisation</li>
                    </ul>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">🔁 Des scénarios automatisés personnalisés pour chaque objectif</span></h3>
                        <p class="content">Nous ne proposons pas de "recettes toutes faites". Chaque entreprise a ses particularités, ses cycles de vente, ses cibles, ses messages. C’est pourquoi nous co-construisons avec vous des scénarios d’automatisation personnalisés, alignés avec vos objectifs business.</p>
                        <p><strong>Exemples de scénarios :</strong></p>
                        <ul>
                            <li><strong>Onboarding automatisé</strong>: Lorsqu’un utilisateur s’inscrit, il reçoit une séquence d’emails ou de messages WhatsApp avec du contenu éducatif progressif.</li>
                            <li><strong>Relance panier abandonné</strong>: Un SMS est envoyé 30 minutes après l’abandon, suivi d’un email avec une offre personnalisée.</li>
                            <li><strong>Réengagement inactifs</strong>: Après 15 jours sans interaction, un chatbot WhatsApp envoie un message personnalisé.</li>
                            <li><strong>Prise de RDV intelligente</strong>: Si un client manifeste de l’intérêt mais ne convertit pas, une séquence email + chatbot l’aide à prendre un rendez-vous automatiquement.</li>
                        </ul>
                        <p>Tous ces scénarios sont définis avec des déclencheurs (triggers) précis : clics, non-interaction, passage sur une page, soumission d’un formulaire, etc.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">🤖 L’intelligence artificielle au service de l’adaptation continue</span></h3>
                        <p class="content">L’IA n’est pas un gadget. Dans notre approche, elle joue un rôle central :</p>
                        <ul>
                            <li>Personnalisation dynamique du contenu en fonction du comportement utilisateur</li>
                            <li>Optimisation des envois : l’IA choisit le meilleur moment et le bon canal</li>
                            <li>Analyse sémantique des réponses (surtout via chatbot)</li>
                            <li>Prédiction de conversion selon l’historique client</li>
                        </ul>
                        <p>Concrètement, un email ne sera pas envoyé à tous au même moment. Il partira à l’heure optimale pour chaque individu, avec un objet personnalisé selon ses préférences, et un contenu modifié par l’IA pour correspondre à son stade dans le cycle de vente.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">🔗 Des intégrations puissantes avec vos outils existants</span></h3>
                        <p class="content">L’automatisation ne peut fonctionner de manière efficace que si elle est connectée à votre écosystème digital. C’est pourquoi nous assurons une intégration fluide et sécurisée avec tous vos outils métiers :</p>
                        <ul>
                            <li>CRM (HubSpot, Pipedrive, Salesforce…)</li>
                            <li>Outils d’emailing (Mailchimp, ActiveCampaign…)</li>
                            <li>Plateformes e-commerce (Shopify, WooCommerce, Prestashop…)</li>
                            <li>Outils de messagerie (WhatsApp Business API, Twilio SMS, Messenger…)</li>
                            <li>Formulaires et bases de données (Typeform, Google Sheets, Notion…)</li>
                        </ul>
                        <p>Chaque outil est connecté via API ou connecteurs personnalisés, ce qui permet une synchronisation en temps réel des données. Résultat : vous avez des automatisations toujours à jour, qui se déclenchent au bon moment.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red"> Un CRM interne développé sur-mesure pour piloter toute l’automatisation</span></h3>
                        <p class="content">Notre CRM propriétaire, conçu spécifiquement pour piloter et centraliser toutes vos automatisations marketing, devient le cerveau de votre stratégie. Il vous permet de visualiser, ajuster et relancer vos campagnes en quelques clics, tout en maintenant une vision claire sur les performances globales.</p>
                        <p><strong>Le CRM intègre :</strong></p>
                        <ul>
                            <li>Un système de gestion de leads en temps réel</li>
                            <li>Des tableaux de bord personnalisés (KPI, taux de conversion, clics…)</li>
                            <li>Un moteur de scénarios automatisés connecté aux actions utilisateurs</li>
                            <li>Un historique détaillé de chaque interaction (email, SMS, WhatsApp, chatbot…)</li>
                            <li>Une segmentation dynamique qui évolue automatiquement</li>
                            <li>Des alertes et déclencheurs intelligents basés sur l’IA</li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle"> Une méthodologie en 5 étapes : de l’audit au pilotage</span></h2>
                <p><strong>Notre approche technique repose sur un processus éprouvé en 5 étapes :</strong></p>
                <ol>
                    <li><strong>Audit & Objectifs :</strong> On commence par analyser vos canaux, vos données et vos objectifs marketing. On identifie les points de contact clés et les scénarios utiles.</li>
                    <li><strong>Conception des scénarios automatisés :</strong> Déclencheurs, messages, canaux, délais, conditions… Chaque scénario est pensé pour répondre à un objectif clair.</li>
                    <li><strong>Intégration CRM & technique multicanal :</strong> Nous connectons vos outils existants à notre CRM et configurons les automatismes nécessaires via API, connecteurs ou développement sur-mesure.</li>
                    <li><strong>Test & validation des parcours utilisateurs :</strong> Nous testons les flux, les messages, les temps de réponse et la logique de chaque séquence.</li>
                    <li><strong>Suivi des performances & optimisation continue :</strong> Grâce au CRM, nous analysons les résultats en temps réel et ajustons les campagnes pour améliorer leur efficacité.</li>
                </ol>
            </div>

            <div class="history">
                <h2><span class="sectionTitle"> Une base technique évolutive, pensée pour la scalabilité</span></h2>
                <p><strong>Nos solutions techniques ne sont pas figées.</strong> Elles sont conçues pour évoluer avec vous :</p>
                <ul>
                    <li>Ajout de nouveaux canaux (Instagram, Telegram, Email Transactionnel…)</li>
                    <li>Déploiement international multilingue</li>
                    <li>Ajout de scénarios IA plus complexes (prédiction, scoring, NLP)</li>
                    <li>Scalabilité en fonction du volume de leads et du trafic</li>
                </ul>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Conclusion : la technique au service de la performance</span></h2>
                <p>Avec nos scénarios intelligents, notre IA intégrée, nos connecteurs API, et notre CRM interne sur-mesure, vous avez enfin une solution d’automatisation robuste, fluide et pilotable en temps réel. Plus besoin de jongler entre 10 outils. Vous pilotez tout depuis une seule interface, avec une précision chirurgicale et des résultats concrets.</p>
            </div>
        </div>




        {{-- section 4 Méthodologie, accompagnement et résultats mesurables--}}
        <div class="journal-masthead">
            <div class="journal-masthead-inner">
                <h2 class="journal-title">Méthodologie, accompagnement et résultats mesurables</h2>
                <p class="journal-subtitle">Une méthodologie claire, un accompagnement expert, des résultats concrets</p>
            </div>
            <div class="journal-date-location">
                <!-- Date et emplacement, si nécessaire -->
            </div>
        </div>

        <div class="journal-layout">
            <div class="about-grid">
                <div class="intro-card">
                    <h2><span>Chez nous, l’automatisation marketing n’est jamais un simple envoi de messages ou une configuration technique isolée.</span></h2>
                    <p><strong>C’est une stratégie globale qui repose sur une méthodologie éprouvée, un accompagnement proactif, et des indicateurs de performance clairs.</strong> Vous n’avancez jamais seul : nous sommes à vos côtés du premier audit jusqu’aux optimisations post-lancement, avec une seule obsession : vous apporter un retour sur investissement rapide et durable.</p>
                    <div class="journal-article-meta">
                        <span class="journal-author">Par Sophie Martin</span> |
                        <span class="journal-publish-date">8 Mai 2025</span>
                    </div>
                    <img src="/api/placeholder/800/400" alt="Accompagnement marketing" class="featured-image">
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue"> Étape 1 : Audit stratégique & analyse des parcours</span></h3>
                        <p class="content">Tout commence par une phase d’audit approfondi. Nous analysons :</p>
                        <ul>
                            <li>Vos canaux de communication actuels (email, WhatsApp, SMS, chatbot…)</li>
                            <li>Votre CRM et vos outils marketing</li>
                            <li>Votre tunnel de conversion</li>
                            <li>Vos segments clients et leurs comportements</li>
                        </ul>
                        <p>Nous identifions les points de friction, les opportunités d’automatisation, et les leviers à activer pour booster vos conversions. Ce diagnostic nous permet de poser des bases solides, avec des scénarios adaptés à votre business.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red"> Étape 2 : Conception sur-mesure des scénarios</span></h3>
                        <p class="content">Nous concevons ensuite vos scénarios conversationnels et transactionnels. Chaque séquence automatisée est pensée pour atteindre un objectif précis : convertir, engager, relancer ou fidéliser.</p>
                        <p>Cela inclut :</p>
                        <ul>
                            <li>La définition des déclencheurs (visite, clic, inactivité, abandon…)</li>
                            <li>Le choix des canaux et des timings</li>
                            <li>La rédaction de messages personnalisés</li>
                            <li>L’intégration avec votre CRM ou e-commerce</li>
                        </ul>
                        <p>Nos équipes marketing, UX et techniques travaillent main dans la main pour créer des parcours fluides et cohérents, sans jamais casser l’expérience utilisateur.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue"> Étape 3 : Intégration technique multicanal</span></h3>
                        <p class="content">Nous assurons l’intégration complète de vos scénarios dans votre écosystème digital :</p>
                        <ul>
                            <li>Connexion avec vos outils CRM, ERP, CMS, e-commerce</li>
                            <li>Intégration de l’IA pour personnaliser et adapter les messages</li>
                            <li>Paramétrage des webhooks, API et synchronisations</li>
                            <li>Mise en place des déclencheurs, délais et conditions</li>
                        </ul>
                        <p>Cette étape est pilotée par nos développeurs automation et nos experts CRM internes. Notre CRM développé sur-mesure permet de centraliser toutes les données clients et les automatisations, pour une gestion unifiée et pilotable en temps réel.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red"> Étape 4 : Tests, validation UX et lancement</span></h3>
                        <p class="content">Avant le lancement, nous testons chaque scénario dans les moindres détails :</p>
                        <ul>
                            <li>Tests A/B des messages et des parcours</li>
                            <li>Vérification des déclencheurs et des logiques conditionnelles</li>
                            <li>Validation de l’expérience utilisateur sur mobile et desktop</li>
                            <li>Contrôle RGPD et consentement explicite</li>
                        </ul>
                        <p>Une fois les tests validés, nous lançons progressivement les séquences. L’objectif est de minimiser les risques et de s’assurer d’une expérience fluide dès les premières interactions.</p>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle"> Étape 5 : Suivi des performances & optimisation continue</span></h2>
                <p class="content">L’automatisation n’est pas figée. Une fois les campagnes actives, nous mettons en place un pilotage précis des performances :</p>
                <ul>
                    <li>Taux d’ouverture, de clic, de réponse</li>
                    <li>Temps moyen de conversion</li>
                    <li>Comportements post-message</li>
                    <li>Analyse des points de sortie ou de friction</li>
                </ul>
                <p>Grâce à notre CRM interne, chaque interaction est tracée. Cela nous permet de générer des dashboards en temps réel et de prendre les bonnes décisions d’optimisation :</p>
                <ul>
                    <li>Modifier le ton ou le timing</li>
                    <li>Ajouter un canal complémentaire (WhatsApp + email)</li>
                    <li>Ajuster la segmentation</li>
                    <li>A/B tester de nouveaux contenus</li>
                </ul>
                <p>Nous vous proposons des rapports clairs et actionnables, et nous adaptons vos scénarios en continu pour maximiser vos résultats.</p>
            </div>

            <div class="history">
                <h2><span class="sectionTitle"> Un accompagnement complet et humain</span></h2>
                <p class="content">Au-delà de la technique, notre valeur ajoutée réside dans l’accompagnement humain. Nos équipes vous accompagnent :</p>
                <ul>
                    <li>Dans la stratégie d’automatisation multicanale</li>
                    <li>Dans la conception de vos contenus marketing</li>
                    <li>Dans la mise en œuvre technique (avec ou sans vos équipes internes)</li>
                    <li>Dans l’analyse des performances et la prise de décision</li>
                </ul>
                <p>Nous travaillons comme un partenaire, pas comme un simple prestataire. Chaque projet est suivi par un chef de projet dédié, accompagné de spécialistes IA, CRM, automation et marketing digital.</p>
            </div>

            <div class="history">
                <h2><span class="sectionTitle"> Des résultats mesurables et rapides</span></h2>
                <p class="content">Nos clients constatent généralement des résultats dès les premières semaines :</p>
                <ul>
                    <li>+40% de conversion sur les leads entrants</li>
                    <li>-70% de temps passé à relancer manuellement</li>
                    <li>+60% de taux d’engagement sur WhatsApp & SMS</li>
                    <li>ROI mesuré sur chaque campagne via notre dashboard</li>
                    <li>Une vision unifiée des performances multi-canal</li>
                </ul>
                <p>En automatisant intelligemment les moments-clés du parcours client, vous ne perdez plus de leads, vous relancez automatiquement les opportunités, et vous gagnez du temps sans sacrifier la personnalisation.</p>
            </div>

            <div class="history">
                <h2><span class="sectionTitle"> La garantie d’une méthode solide et d’une performance durable</span></h2>
                <p class="content">Notre méthodologie est pensée pour durer. Grâce à l’automatisation intelligente, à l’IA, à nos intégrations robustes et à notre CRM propriétaire, vous disposez d’un dispositif marketing automatisé, évolutif et performant.</p>
                <p>Vous voulez aller plus loin ? On est prêts.</p>
            </div>
        </div>




        <script>
          // Script pour ajouter des effets dynamiques à la section journal
          (function() {
            // Animation subtile pour les titres
            const journalHeadlines = document.querySelectorAll('.intro-card h2 span, .vision h3 span.blue, .mission h3 span.red');
            journalHeadlines.forEach((headline, index) => {
              setTimeout(() => {
                headline.style.opacity = '0';
                headline.style.transition = 'opacity 0.8s ease';
                setTimeout(() => {
                  headline.style.opacity = '1';
                }, 100);
              }, index * 200);
            });

            // Fonction pour afficher la date actuelle
            function updateJournalDate() {
              const dateDisplay = document.querySelector('.journal-date');
              if (dateDisplay) {
                const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
                const today = new Date();
                dateDisplay.textContent = today.toLocaleDateString('fr-FR', options);
              }
            }

            // Mettre à jour la date
            updateJournalDate();
          })();
        </script>
      </section>













   @stop

@section('footerScripts')
    <script src="{{asset('siteScripts/home.js')}}"></script>


    <script>
        document.addEventListener('DOMContentLoaded',() => {
            // Function to disable scrolling
            const disableScroll = () => {
                document.body.style.overflow = 'hidden';
            };

            // Function to enable scrolling
            const enableScroll = () => {
                document.body.style.overflow = 'auto';
            };

            const memberCards = document.querySelectorAll('.memberCard');
            const popUp = document.getElementById('popUp');
            const overlay = document.getElementById('overlay');

            memberCards.forEach(memberCard => {
                memberCard.addEventListener('click', function(){
                    popUp.classList.add('show');
                    overlay.classList.add('show');
                    disableScroll();
                })
            });


            document.addEventListener('click', function(event){
                const close = document.getElementById('close');

                const target = event.target;
                const isClickedOutsidePopup = !popUp.contains(event.target) && !Array.from(memberCards).some(card => card.contains(event.target));
                const isClickedinclose = close.id === event.target.id;

                if(isClickedOutsidePopup || isClickedinclose){
                    popUp.classList.remove('show');
                    overlay.classList.remove('show');
                    enableScroll();
                }
            })

        })

    </script>

<script>
    document.addEventListener('DOMContentLoaded', () => {
        const overlay = document.getElementById('overlay');
        const fullBioButtons = document.querySelectorAll('.arrow-circle-inhover');
        const closeButtons = document.querySelectorAll('.closeBtn');
        const allPopups = document.querySelectorAll('.popUp');

        const disableScroll = () => document.body.style.overflow = 'hidden';
        const enableScroll = () => document.body.style.overflow = 'auto';

        // Ouvrir la popup liée au bouton
        fullBioButtons.forEach(btn => {
            btn.addEventListener('click', (e) => {
                e.stopPropagation();
                const targetId = btn.getAttribute('data-target');
                const popup = document.getElementById(targetId);

                popup.classList.add('show');
                overlay.classList.add('show');
                disableScroll();
            });
        });

        // Fermer toutes les popups
        function closeAllPopups() {
            allPopups.forEach(popup => popup.classList.remove('show'));
            overlay.classList.remove('show');
            enableScroll();
        }

        // Boutons X
        closeButtons.forEach(closeBtn => {
            closeBtn.addEventListener('click', closeAllPopups);
        });

        // Clic sur overlay
        overlay.addEventListener('click', closeAllPopups);
    });
</script>

@stop