@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')
    Analytics et Data
@stop

@section('content')
    <section class="containerB">
        <div class="topSection">
            <div class="titleAndBtn">
                <div>
                    @include('sections.breadcrumbs', [
                        'parentPageLink' => route("home"),
                        'parentPage' => 'Home',
                        'childPageLink' => route("analytics"),
                        'childPage' => "Analytics et Data",
                        'childPageLink2' => "",
                        'childPage2' => '',
                        "fontColor" => "lightFont"
                    ])
                    <h1 class="titleTopSection"><span>Optimisation des Performances Marketing

                    </span>Stratégies et Technologies Innovantes</h1>
                    <h2 class="underTitle">Maximisez votre retour sur investissement avec des solutions de Tag Management, Mobile Measurement, Intelligence Artificielle, et une approche data-driven pour une prise de décision agile et éclairée.</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">Les bases d’une gestion de données efficace pour des décisions stratégiques</h2>
                <p class="journal-subtitle">Pourquoi la gestion de données est un levier stratégique incontournable dans un monde digital en constante évolution.</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 bases d’une gestion de données efficace pour des décisions stratégiques</span></h2>
                    <p><strong>Dans un environnement digital en constante évolution, la gestion efficace des données est devenue une priorité absolue pour les entreprises. La donnée est aujourd’hui l’actif le plus précieux d’une organisation.</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="Gestion de données" class="featured-image">
                    <p>Bien exploitée, la donnée permet d’optimiser les performances, de détecter des opportunités de croissance, de piloter des campagnes marketing avec précision et d’améliorer significativement l’expérience client.</p>
                    <p><strong>Une gestion performante commence par une stratégie claire, une gouvernance rigoureuse et des outils adaptés.</strong></p>

                    <blockquote>
                        "Ce n’est pas la quantité de données qui compte, mais leur pertinence pour orienter les décisions stratégiques."
                    </blockquote>

                    <p>L’objectif est d’avoir les bonnes données, au bon moment, pour les bonnes décisions. C’est cette logique qui transforme les chiffres en moteur de performance stratégique.</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. Fiabilité, accessibilité, lisibilité : les piliers de la donnée</span></h3>
                        <p class="content">Une donnée exploitable doit être fiable, accessible et lisible. Cela implique une collecte rigoureuse, une normalisation, et une centralisation via un Data Warehouse ou Data Lake, connectant CRM, ERP, Analytics et autres sources.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">2. Tableaux de bord et visualisation stratégique</span></h3>
                        <p class="content">Les décisions stratégiques passent par des dashboards clairs et orientés résultats. Les KPI doivent être bien définis, et la visualisation intelligente permet de faire ressortir l’essentiel sans surcharge d’informations.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">3. Automatisation des reportings et alertes intelligentes</span></h3>
                        <p class="content">Avec des outils comme Google Looker Studio, Power BI ou Tableau, l’automatisation permet un gain de temps, moins d’erreurs et une réactivité accrue. Des alertes détectent les variations critiques pour agir rapidement.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">4. Interprétation humaine et stratégie business</span></h3>
                        <p class="content">La donnée seule ne suffit pas : elle doit être interprétée et alignée avec les objectifs business. Analystes, experts marketing et ingénieurs data travaillent ensemble pour guider les décisions stratégiques.</p>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Pourquoi la gestion de données est un avantage concurrentiel</span></h2>
                <h3><em>Transformez la complexité numérique en opportunité stratégique</em></h3>
                <p><strong>Les entreprises data-driven prennent une longueur d’avance :</strong> elles deviennent plus agiles, plus performantes et transforment leurs données en avantage concurrentiel durable.</p>
                <p><strong>En structurant et en automatisant la gestion des données,</strong> elles améliorent leur efficacité opérationnelle et leur capacité à innover en continu.</p>
                <p><strong>Exemples concrets :</strong> campagnes marketing pilotées en temps réel, expériences clients ultra-personnalisées, détection proactive des anomalies et optimisation des budgets publicitaires.</p>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Passez à l’action : la donnée est votre meilleur allié</span></h2>
                <p><strong>Adopter une gestion de données intelligente, c’est investir dans la performance future de votre entreprise.</strong> De la collecte à la visualisation, chaque étape compte pour tirer pleinement profit de vos données.</p>
                <p><strong>Besoin d’un accompagnement stratégique ou d’un audit de vos outils data ?</strong> Contactez-nous pour discuter de vos enjeux et construire ensemble votre écosystème data sur-mesure.</p>
            </div>
        </div>


        {{-- section 2 Tag Management System (TMS) --}}


        <div class="journal-masthead">
            <div class="journal-masthead-inner">
                <h2 class="journal-title">Tag Management System (TMS) : un atout stratégique pour un marketing digital agile et conforme</h2>
                <p class="journal-subtitle">Collecter mieux, agir plus vite : le TMS comme socle d’une stratégie orientée ROI</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 investir dans un Tag Management System ?</span></h2>
                    <p><strong>Dans un monde où la donnée est reine, le Tag Management System (TMS) est devenu un levier indispensable pour toute entreprise souhaitant un pilotage précis et conforme de sa stratégie digitale.</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="Tag Management System" class="featured-image">
                    <p>Un TMS permet de gérer facilement les balises de suivi (tags) sur un site ou une application, sans dépendre constamment des développeurs. C’est une plateforme de gouvernance marketing qui permet agilité, fiabilité, et conformité.</p>
                    <p><strong>Google Tag Manager, Tealium, TagCommander...</strong> Ces outils facilitent une gestion centralisée des tags, avec un contrôle rigoureux sur la collecte de données, la vitesse du site, et la mise en conformité avec les régulations.</p>

                    <blockquote>
                        "Le TMS, c’est l’interface entre votre stratégie data et sa mise en œuvre opérationnelle."
                    </blockquote>

                    <p>Chez <strong>Atirao</strong>, nous aidons les entreprises à transformer leur pilotage marketing grâce à des stratégies TMS robustes et sur-mesure.</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. Accélérer la prise de décision grâce à un TMS performant</span></h3>
                        <p class="content">Le TMS donne aux équipes marketing le pouvoir d’expérimenter et d’ajuster leurs actions rapidement :</p>
                        <ul class="content">
                            <li><strong>Données fiables :</strong> chaque balise est testée avant mise en ligne.</li>
                            <li><strong>Agilité marketing :</strong> lancement rapide d’A/B tests ou de nouvelles campagnes.</li>
                            <li><strong>Meilleure performance technique :</strong> réduction des scripts inutiles pour un site plus rapide.</li>
                            <li><strong>Suivi précis des comportements utilisateurs :</strong> clics, formulaires, tunnels de conversion.</li>
                        </ul>
                    </div>
                    <div class="mission">
                        <h3><span class="red">2. Structurer vos données pour des insights actionnables</span></h3>
                        <p class="content"><strong>1. Audit technique :</strong> nettoyage des balises redondantes ou mal configurées.</p>
                        <p class="content"><strong>2. Plan de marquage :</strong> schéma clair aligné avec vos KPIs stratégiques.</p>
                        <p class="content"><strong>3. Déploiement contrôlé :</strong> tests en environnement sécurisé avant publication.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">3. Assurer la conformité avec le RGPD dès la collecte</span></h3>
                        <p class="content">Grâce à un TMS, il est possible d’activer ou désactiver des balises en fonction du consentement de l’utilisateur. C’est une brique essentielle de votre conformité légale (RGPD, CNIL, ePrivacy).</p>
                        <p class="content">Un bon TMS s’intègre avec les CMP (Consent Management Platform) pour garantir un respect total de la vie privée.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">4. Exploiter les données pour améliorer votre ROI</span></h3>
                        <p class="content">Avec un TMS bien configuré, vous pouvez :</p>
                        <ul class="content">
                            <li>Suivre la rentabilité de chaque canal marketing</li>
                            <li>Identifier les campagnes les plus performantes</li>
                            <li>Réaffecter les budgets de manière optimale</li>
                            <li>Améliorer les parcours utilisateurs</li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Vers une culture marketing data-driven</span></h2>
                <h3><em>Former vos équipes pour mieux valoriser vos données</em></h3>
                <p><strong>Le TMS n’est pas réservé aux développeurs.</strong> Pour qu’il délivre tout son potentiel, vos équipes marketing, data et conformité doivent en comprendre les usages. Formation, gouvernance et documentation sont clés.</p>
                <p>Atirao vous accompagne pour faire de votre TMS un véritable accélérateur de performance collective.</p>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Passez à l’action avec une stratégie TMS sur-mesure</span></h2>
                <p><strong>Vous cherchez plus d’agilité, de précision et de conformité dans vos actions marketing ?</strong> Nous vous aidons à implémenter ou optimiser votre Tag Management System pour qu’il réponde aux enjeux actuels de performance digitale.</p>
                <p><strong>Discutons ensemble de vos objectifs data.</strong></p>
            </div>
        </div>


        {{-- section 3 La solution Mobile Measurement Partner (MMP) pour un suivi optimal des campagnes mobiles --}}
        <div class="journal-masthead">
            <div class="journal-masthead-inner">
                <h2 class="journal-title">La solution Mobile Measurement Partner (MMP) pour un suivi optimal des campagnes mobiles</h2>
                <p class="journal-subtitle">Comprendre les MMP : un standard incontournable pour l’attribution mobile</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 intégrer un MMP dans votre stack marketing mobile ?</span></h2>
                    <p><strong>À l’heure où les usages mobiles explosent, il devient impératif pour les marques de comprendre d’où viennent les téléchargements, les achats in-app et les conversions sur mobile. C’est exactement la mission d’un Mobile Measurement Partner (MMP). Ces solutions permettent d’attribuer chaque action mobile à une source précise (campagne, canal, créa, device) afin d’optimiser l’investissement marketing.</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="Mobile Measurement Partner" class="featured-image">
                    <p>Les MMP les plus connus comme Adjust, AppsFlyer, Branch ou Kochava offrent une technologie robuste d’attribution, de suivi des événements in-app, et de détection des fraudes. Leurs APIs s’intègrent facilement aux régies publicitaires, plateformes CRM, outils analytics et systèmes BI. En d’autres mots, le MMP est le GPS de votre stratégie mobile.</p>
                    <p><strong>Pourquoi intégrer un MMP ?</strong> Contrairement aux simples outils d’analytics, un MMP ne se contente pas de comptabiliser les sessions ou les clics. Il joue un rôle central dans la maîtrise du ROI des campagnes mobiles, grâce à plusieurs fonctionnalités clés :</p>
                    <ul>
                        <li><strong>Attribution multi-canal et multi-touch :</strong> savoir si un utilisateur provient d’une campagne Meta Ads, TikTok, Google UAC ou via une campagne organique.</li>
                        <li><strong>Suivi des événements in-app :</strong> mesure des actions clés comme l’inscription, l’achat, le panier, ou l’abonnement, avec granularité.</li>
                        <li><strong>Détection de la fraude publicitaire mobile :</strong> bloquer les clics frauduleux, installations simulées, ou détournements d’attribution (click injection).</li>
                        <li><strong>Analyse du LTV (Lifetime Value) :</strong> comprendre la valeur générée par utilisateur selon la source d’acquisition, pour affiner la stratégie d’acquisition.</li>
                    </ul>
                    <blockquote>
                        "Le MMP, c’est le GPS de votre stratégie mobile."
                    </blockquote>
                    <p>Grâce à un MMP, les équipes marketing gagnent en visibilité, en précision et en réactivité, ce qui permet une allocation budgétaire plus intelligente et plus agile.</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. Attribution et suivi des conversions mobiles</span></h3>
                        <p class="content">Le MMP permet une attribution précise des actions mobiles à la source d’acquisition, qu’il s’agisse d’une campagne paid, organique, ou d’autres canaux marketing.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">2. Détection des fraudes publicitaires mobiles</span></h3>
                        <p class="content">La détection de la fraude est essentielle pour optimiser vos campagnes et maximiser le ROI. Un MMP permet de bloquer les clics frauduleux et les installations simulées.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">3. Mesurer la valeur des utilisateurs (LTV)</span></h3>
                        <p class="content">Le MMP aide à analyser le LTV des utilisateurs en fonction de leur source d’acquisition, ce qui permet d’optimiser les dépenses publicitaires.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">4. Exploiter les données pour améliorer le ROI</span></h3>
                        <p class="content">Avec un MMP bien intégré, vous pouvez identifier les campagnes les plus rentables et ajuster vos investissements pour optimiser le retour sur chaque action.</p>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Le MMP comme levier de croissance durable</span></h2>
                <h3><em>Optimisez vos investissements mobiles avec une stratégie MMP personnalisée</em></h3>
                <p><strong>Un Mobile Measurement Partner bien exploité devient bien plus qu’un outil d’analyse : c’est un accélérateur stratégique. Il vous permet de piloter vos investissements mobiles avec finesse, d’anticiper les besoins utilisateurs, et de bâtir des expériences personnalisées, performantes et rentables.</strong></p>
                <p>Que vous soyez une startup en quête d’une croissance rapide, ou une entreprise établie visant une meilleure rentabilité mobile, le MMP est une brique technologique indispensable pour industrialiser la performance sur mobile.</p>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Passez à l’action avec une stratégie MMP sur-mesure</span></h2>
                <p><strong>Vous cherchez à améliorer la performance de vos campagnes mobiles ?</strong> Nous vous aidons à intégrer ou optimiser votre Mobile Measurement Partner pour une stratégie de marketing mobile réussie.</p>
                <p><strong>Discutons ensemble de vos objectifs data.</strong></p>
            </div>
        </div>




        {{-- section 4 L’intelligence artificielle au service de la prise de décision--}}

        <div class="journal-masthead">
            <div class="journal-masthead-inner">
                <h2 class="journal-title">L’intelligence artificielle au service de la prise de décision</h2>
                <p class="journal-subtitle">Décisions assistées par l’IA : accélérer la croissance grâce à des choix éclairés et prédictifs</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 l’IA est-elle cruciale pour la prise de décision en marketing digital ?</span></h2>
                    <p><strong>Dans un environnement saturé de données, l’intelligence artificielle est désormais un levier stratégique majeur pour les entreprises qui souhaitent tirer parti des informations à leur disposition et accélérer leur prise de décision.</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="Intelligence Artificielle" class="featured-image">
                    <p>Fini le temps des décisions sur la base de rapports statiques. Grâce à l’IA, les entreprises peuvent analyser en temps réel des volumes massifs de données, anticiper les comportements et optimiser leurs actions marketing pour maximiser les résultats.</p>
                    <p><strong>Les algorithmes prédictifs, la personnalisation dynamique, l’automatisation des campagnes, et la détection de fraude font partie des applications concrètes de l’IA pour booster vos performances.</strong></p>

                    <blockquote>
                        "L’IA est le copilote stratégique de vos décisions marketing."
                    </blockquote>

                    <p>Chez <strong>Atirao</strong>, nous vous accompagnons pour intégrer l’intelligence artificielle au cœur de vos stratégies marketing et faire de vos données un avantage concurrentiel durable.</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. L’analyse prédictive pour des décisions plus éclairées</span></h3>
                        <p class="content">L’IA permet d'analyser les comportements passés pour prédire les conversions futures :</p>
                        <ul class="content">
                            <li><strong>Prédictions de conversion :</strong> évaluer les probabilités de conversion pour mieux orienter les parcours.</li>
                            <li><strong>Personnalisation dynamique :</strong> proposer des contenus adaptés aux profils utilisateurs et aux moments de la journée.</li>
                            <li><strong>Optimisation budgétaire :</strong> réallocation automatique des budgets entre canaux en fonction des performances en temps réel.</li>
                            <li><strong>Détection des anomalies :</strong> identifier les comportements suspects, comme les fraudes ou anomalies de trafic.</li>
                        </ul>
                    </div>
                    <div class="mission">
                        <h3><span class="red">2. L’IA comme copilote décisionnel</span></h3>
                        <p class="content">L’IA devient un copilote stratégique, en éclairant vos choix grâce à des modèles mathématiques complexes :</p>
                        <p class="content"><strong>Exemple :</strong> un directeur marketing peut grâce à l’IA, ajuster les campagnes en temps réel et anticiper les évolutions du marché.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">3. L’IA et l’unification des données : un avantage compétitif durable</span></h3>
                        <p class="content">L’unification des données dans un écosystème centralisé (CDP, Datalake) permet à l’IA de croiser les signaux entre les points de contact et de détecter des tendances émergentes.</p>
                        <p class="content">Cela permet une meilleure segmentation des clients et la prévision des actions clés à déclencher.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">4. L’IA et l’éthique : maîtriser les algorithmes</span></h3>
                        <p class="content">L’intégration de l’IA doit respecter la transparence et la responsabilité. Il est essentiel de comprendre les modèles, respecter la vie privée et garantir l’absence de biais discriminants dans les décisions automatisées.</p>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">L’IA comme accélérateur de performance marketing</span></h2>
                <h3><em>Décider plus vite et mieux pour maximiser les résultats</em></h3>
                <p><strong>Grâce à l’IA, vous pouvez non seulement optimiser vos campagnes, mais aussi automatiser les tâches répétitives et vous concentrer sur les décisions stratégiques à fort impact.</strong></p>
                <p>Atirao vous aide à intégrer l’IA pour une prise de décision plus rapide et plus précise, tout en optimisant vos investissements marketing.</p>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Passez à l’action avec une stratégie IA sur-mesure</span></h2>
                <p><strong>Vous souhaitez un marketing plus intelligent et plus efficace ?</strong> Nous vous accompagnons pour exploiter l’IA au service de votre stratégie marketing et transformer vos données en atout compétitif.</p>
                <p><strong>Contactez-nous pour discuter de vos projets IA.</strong></p>
            </div>
        </div>


        {{-- section 5  L’accompagnement stratégique pour garantir la réussite à long terme--}}

        <div class="journal-masthead">
            <div class="journal-masthead-inner">
                <h2 class="journal-title">L’accompagnement stratégique pour garantir la réussite à long terme</h2>
                <p class="journal-subtitle">Transformer la technologie en levier de croissance grâce à une vision stratégique claire et partagée</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 la stratégie est essentielle au succès durable ?</span></h2>
                    <p><strong>Les outils technologiques et l’intelligence artificielle sont des leviers puissants, mais ils ne suffisent pas à garantir la réussite sur le long terme. L’accompagnement stratégique est essentiel pour transformer ces outils en véritables moteurs de croissance alignés sur vos objectifs business.</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="Accompagnement stratégique" class="featured-image">
                    <p>Un bon accompagnement permet de poser un diagnostic précis de la situation, d’aligner les équipes et de définir une feuille de route évolutive pour répondre aux besoins du marché et aux comportements des clients.</p>
                    <p><strong>Chez Atirao, nous vous accompagnons pour établir une vision stratégique solide et orientée résultats, en vous aidant à tirer pleinement parti des technologies et données à votre disposition.</strong></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. Diagnostiquer, aligner, planifier : les trois piliers de la stratégie</span></h3>
                        <p class="content">L’accompagnement stratégique débute par un diagnostic précis :</p>
                        <ul class="content">
                            <li><strong>Analyser :</strong> Quels sont les points de friction dans votre parcours client ? Vos investissements sont-ils bien orientés ?</li>
                            <li><strong>Aligner :</strong> Créer une synergie entre les équipes marketing, IT, produit et direction pour éviter les silos.</li>
                            <li><strong>Planifier :</strong> Définir une feuille de route évolutive avec des objectifs clairs et mesurables.</li>
                        </ul>
                    </div>
                    <div class="mission">
                        <h3><span class="red">2. Une stratégie pilotée par la donnée, mais centrée sur l’humain</span></h3>
                        <p class="content">L’approche d’Atirao allie rigueur des données et compréhension des enjeux humains. Chaque décision est construite sur une analyse approfondie des besoins clients et des opportunités de croissance.</p>
                        <p class="content"><strong>Atirao vous aide à construire un système agile et résilient, avec des outils comme des workshops, des dashboards intelligents et des revues stratégiques pour un pilotage optimal.</strong></p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">3. Savoir prioriser pour un ROI maîtrisé</span></h3>
                        <p class="content">Dans un environnement digital complexe, il est crucial de prioriser les actions à fort impact :</p>
                        <ul class="content">
                            <li>Doit-on investir dans un MMP avant un TMS ?</li>
                            <li>Les campagnes payantes sont-elles optimisées sans une CDP ?</li>
                            <li>Est-ce que votre stack technique est adaptée à votre maturité data ?</li>
                            <li>Êtes-vous prêt à intégrer l’IA sans complexifier vos processus ?</li>
                        </ul>
                    </div>
                    <div class="mission">
                        <h3><span class="red">4. L’accompagnement, un catalyseur d’appropriation interne</span></h3>
                        <p class="content">L’accompagnement stratégique est aussi un outil pédagogique. Il permet aux équipes internes de monter en compétences, de mieux comprendre les outils et d’accroître leur autonomie dans l’utilisation des technologies.</p>
                        <p class="content">Ce processus évite la dépendance aux prestataires et assure une prise en main durable des outils par vos équipes.</p>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Une vision à long terme pour une performance durable</span></h2>
                <h3><em>Un partenaire stratégique pour une croissance continue et agile</em></h3>
                <p><strong>Atirao vous aide à devenir plus agile et performant, en vous guidant dans la prise de décisions au bon moment et en optimisant vos investissements marketing.</strong></p>
                <p>Notre approche stratégique vous permet d’anticiper les évolutions du marché, d’améliorer vos processus internes et de bâtir une stratégie évolutive capable de s’adapter en fonction des performances observées.</p>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Passez à l’action : accélérez votre transformation digitale</span></h2>
                <p><strong>Vous êtes prêt à construire une stratégie digitale performante et orientée résultats ?</strong> Contactez Atirao pour bénéficier d’un accompagnement stratégique sur-mesure et faire de la technologie un levier de votre croissance.</p>
                <p><strong>Ensemble, nous vous aiderons à créer une vision durable pour votre succès à long terme.</strong></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