@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')
    SEO
@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">SEO <span>Intelligent </span> &<span> Performant</span></h1>
                    <h2 class="underTitle">Boostez votre visibilité en ligne grâce à des stratégies avancées de référencement, d'automatisation intelligente et d'optimisation continue orientées résultats.</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">Stratégie de Netlinking Performante & Durable</h2>
                <p class="journal-subtitle">Dans un monde digital en constante évolution, le netlinking demeure l'un des piliers essentiels du référencement naturel (SEO) et un levier puissant pour améliorer la visibilité d’un site web.</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>Stratégie de Netlinking Performante & Durable</span></h2>
                    <p><strong>Le netlinking consiste à obtenir des liens entrants (backlinks) pointant vers votre site à partir d'autres sites web, agissant comme des "votes de confiance" pour améliorer votre SEO.</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="Netlinking" class="featured-image">
                    <p>Le netlinking est un élément clé de toute stratégie SEO réussie. Il permet non seulement d’améliorer votre positionnement dans les résultats de recherche, mais aussi de renforcer l’autorité de votre site aux yeux des moteurs de recherche.</p>
                    <p><strong>Une stratégie de netlinking efficace repose sur la qualité des backlinks et leur pertinence vis-à-vis de votre domaine d’activité.</strong></p>

                    <blockquote>
                        "Un netlinking de qualité peut propulser votre site en tête des résultats de recherche."
                    </blockquote>

                    <p>Chez **Atirao**, nous mettons en place des stratégies de netlinking sur-mesure pour maximiser votre visibilité en ligne et renforcer votre autorité numérique.</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. Pourquoi le Netlinking Est Crucial pour Votre SEO ?</span></h3>
                        <p class="content">Les backlinks sont des indicateurs majeurs pour les moteurs de recherche. Ils servent à valider la pertinence et l'autorité de votre site, contribuant ainsi à son classement dans les résultats de recherche. Une bonne stratégie de netlinking peut considérablement améliorer le trafic et la visibilité de votre site.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">2. Mettre en Place une Stratégie de Netlinking Performante</span></h3>
                        <p class="content">Une stratégie de netlinking efficace commence par un audit de votre profil de liens, suivi de l’identification des opportunités de backlinks et de la création de contenu pertinent pour générer des liens entrants de qualité.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">3. L'Intégration de l'Intelligence Artificielle pour Optimiser le Netlinking</span></h3>
                        <p class="content">L’IA permet de détecter des opportunités de backlinks plus rapidement, en analysant les sites et en identifiant ceux qui sont les plus susceptibles d’être pertinents pour votre SEO. L'IA optimise également l'automatisation de l’outreach et la détection des backlinks toxiques.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">4. Mesurer les Résultats et Ajuster la Stratégie</span></h3>
                        <p class="content">Une stratégie de netlinking performante est mesurable. Grâce à des outils comme Google Analytics, Ahrefs ou SEMrush, vous pouvez suivre l’évolution de vos backlinks et leur impact sur le trafic et le classement.</p>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Exemples d’Opportunités de Backlinks</span></h2>
                <h3><em>Des backlinks issus de sources pertinentes pour renforcer votre autorité en ligne</em></h3>
                <p><strong>Blogs spécialisés :</strong> Collaboration pour la publication d'articles invités.</p>
                <p><strong>Partenaires d’affaires :</strong> Échange de liens dans des articles de qualité.</p>
                <p><strong>Sites d’influenceurs :</strong> Création de contenu sponsorisé pour générer des backlinks de qualité.</p>
                <p><strong>Forums spécialisés :</strong> Participation active pour ajouter des liens contextuels et pertinents.</p>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Passez à l’action : Maximisez votre visibilité en ligne</span></h2>
                <p><strong>Une stratégie de netlinking bien conçue est un levier majeur pour booster votre SEO.</strong> Si vous souhaitez propulser votre site web en tête des résultats de recherche et générer un trafic qualifié, nous vous accompagnons dans l'élaboration et la mise en œuvre de stratégies de netlinking performantes et durables.</p>
                <p><strong>Prêt à renforcer l'autorité de votre site avec une stratégie de netlinking sur-mesure ?</strong> Contactez-nous dès maintenant.</p>
            </div>
        </div>



        {{-- section 2 Monitoring SEO Intelligent pour Maximiser les Performances--}}

        <div class="journal-masthead">
            <div class="journal-masthead-inner">
                <h2 class="journal-title">Monitoring SEO Intelligent pour Maximiser les Performances</h2>
                <p class="journal-subtitle">Découvrez comment l'intelligence artificielle révolutionne le suivi des performances SEO et vous aide à maximiser votre visibilité en ligne.</p>
            </div>
        </div>

        <div class="journal-layout">
            <div class="about-grid">
                <div class="intro-card">
                    <h2><span>Pourquoi le Monitoring SEO est Crucial pour Maximiser les Performances</span></h2>
                    <p><strong>Le SEO est un processus dynamique et en constante évolution. Le monitoring SEO intelligent permet de suivre les positions des mots-clés, les performances des pages, les backlinks, et l'expérience utilisateur de manière continue, vous aidant à ajuster rapidement vos stratégies.</strong></p>
                    <img src="/api/placeholder/800/400" alt="Monitoring SEO" class="featured-image">
                    <p>Le monitoring SEO intelligent permet de suivre en temps réel plusieurs paramètres importants pour la réussite de votre stratégie SEO :</p>
                    <ul>
                        <li>Suivi des positions des mots-clés et évolution dans les résultats de recherche.</li>
                        <li>Analyse des performances des pages et identification des opportunités d’optimisation.</li>
                        <li>Surveillance des backlinks pour garantir leur qualité et éviter les liens toxiques.</li>
                        <li>Évaluation de l’expérience utilisateur, notamment la vitesse de chargement et le taux de rebond.</li>
                    </ul>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">Le Monitoring SEO avec l'IA : Une Approche Proactive et Automatisée</span></h3>
                        <p class="content">L'IA transforme le monitoring SEO traditionnel en une approche automatisée et proactive. Les outils de monitoring alimentés par l'IA offrent une analyse approfondie et des prédictions précises sur les performances futures de votre SEO.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">Optimisation Continue grâce au Suivi des Positions et Mots-Clés</span></h3>
                        <p class="content">Suivez et analysez l'évolution des mots-clés avec l'IA, priorisez les plus rentables, et ajustez votre contenu pour rester compétitif dans les résultats de recherche.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">Surveillance des Backlinks : Gérer l’Autorité et Éviter les Liens Toxiques</span></h3>
                        <p class="content">L’IA surveille la qualité de vos backlinks en temps réel, identifie les liens toxiques, et aide à prendre les mesures nécessaires pour préserver la santé de votre SEO.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">L'Expérience Utilisateur et son Impact sur le SEO</span></h3>
                        <p class="content">La vitesse de chargement, l'adaptabilité mobile, et le taux de rebond sont des éléments essentiels pour le SEO moderne. L'IA aide à optimiser ces facteurs pour garantir une performance optimale de votre site.</p>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Exemples d’Outils de Monitoring SEO Intelligent</span></h2>
                <p>Voici quelques outils qui intègrent l’intelligence artificielle pour améliorer votre stratégie SEO :</p>
                <ul>
                    <li><strong>Ahrefs</strong> : Utilise l’IA pour fournir des insights détaillés sur les backlinks, les positions des mots-clés, et les performances SEO globales.</li>
                    <li><strong>SEMrush</strong> : Propose des rapports SEO personnalisés et une analyse avancée de la concurrence avec des recommandations basées sur l’IA.</li>
                    <li><strong>Moz Pro</strong> : Offre une surveillance complète des domaines, backlinks, et une détection en temps réel des problèmes SEO grâce à l’IA.</li>
                    <li><strong>Google Analytics et Google Search Console</strong> : Ces outils, lorsqu'ils sont combinés avec l’IA, permettent d’obtenir des prévisions de trafic et d’identifier des opportunités SEO.</li>
                </ul>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Conclusion : Un Monitoring SEO qui S’adapte à vos Besoins</span></h2>
                <p><strong>Le monitoring SEO intelligent, alimenté par l’IA, vous offre une vue complète et en temps réel des performances SEO de votre site. Grâce à ces outils, vous pouvez détecter rapidement les problèmes, optimiser les opportunités et ajuster vos stratégies pour maximiser votre visibilité et vos performances sur les moteurs de recherche.</strong></p>
                <p><strong>Optimisez votre stratégie SEO dès maintenant !</strong> Découvrez comment nous pouvons vous aider à mettre en place un monitoring SEO intelligent pour votre entreprise.</p>
            </div>
        </div>



        {{-- section 3 Référencement Local : Conquérir votre Zone Géographique--}}

        <div class="journal-masthead">
            <div class="journal-masthead-inner">
                <h2 class="journal-title">Référencement Local : Conquérir votre Zone Géographique</h2>
                <p class="journal-subtitle">Maximisez votre visibilité locale et captez les clients proches grâce à une stratégie SEO ciblée.</p>
            </div>
        </div>

        <div class="journal-layout">
            <div class="about-grid">
                <div class="intro-card">
                    <h2><span>Pourquoi le Référencement Local Est Crucial pour Votre Entreprise</span></h2>
                    <p><strong>Le référencement local est un élément essentiel pour les entreprises cherchant à attirer des clients dans une zone géographique spécifique. Grâce à des recherches orientées géographiquement, il devient plus facile de capter l'attention des utilisateurs proches de votre emplacement.</strong></p>
                    <img src="/api/placeholder/800/400" alt="Référencement Local" class="featured-image">
                    <p>Voici pourquoi le référencement local est crucial :</p>
                    <ul>
                        <li>46% des recherches sur Google sont locales, et 78% des recherches locales sur mobile aboutissent à une interaction en magasin.</li>
                        <li>Optimiser votre SEO local vous aide à surpasser la concurrence dans votre région et à vous faire connaître des clients recherchant spécifiquement vos services.</li>
                        <li>Google My Business (GMB) vous permet d'être répertorié sur Google Maps et d'afficher des avis clients, ce qui augmente votre visibilité locale.</li>
                    </ul>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">Optimiser votre SEO Local : Stratégies et Astuces</span></h3>
                        <p class="content">Pour dominer votre marché local, il est essentiel de suivre ces pratiques d'optimisation SEO local :</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">Créer et Optimiser votre Fiche Google My Business</span></h3>
                        <p class="content">Une fiche GMB complète est un levier puissant pour le SEO local. Assurez-vous que vos informations sont à jour, publiez des photos de qualité, et encouragez les avis clients.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">Optimiser le Contenu de votre Site pour le SEO Local</span></h3>
                        <p class="content">Mentionnez votre localisation sur les pages principales de votre site et utilisez des mots-clés géographiques pour être mieux positionné dans les résultats locaux.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">Inscrire votre Entreprise dans des Annuaire Locaux</span></h3>
                        <p class="content">Augmentez votre visibilité en inscrivant votre entreprise sur des annuaires locaux comme PagesJaunes, Yelp, Foursquare, et Kompass.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">Optimiser les Backlinks Locaux</span></h3>
                        <p class="content">Cherchez à obtenir des backlinks de sites locaux influents comme les blogs, les chambres de commerce, et les sites d'actualités locales.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">Optimiser pour la Recherche Mobile et les Intentions Locales</span></h3>
                        <p class="content">Assurez-vous que votre site est responsive et optimisé pour les recherches locales sur mobile et les assistants vocaux.</p>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Mesurer le Succès de votre Référencement Local</span></h2>
                <p>Pour suivre l'efficacité de vos efforts de référencement local, utilisez des outils comme :</p>
                <ul>
                    <li><strong>Google Analytics</strong> : Pour analyser le trafic provenant des recherches locales.</li>
                    <li><strong>Google Search Console</strong> : Pour suivre les performances de votre site sur les requêtes locales spécifiques.</li>
                    <li><strong>Outils de SEO comme Ahrefs ou SEMrush</strong> : Pour suivre le positionnement de vos mots-clés locaux.</li>
                </ul>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Conclusion : La Puissance du Référencement Local</span></h2>
                <p><strong>Le référencement local est un levier indispensable pour capter une clientèle proche de votre emplacement. En optimisant votre présence sur Google My Business, en intégrant des mots-clés locaux et en vous inscrivant sur des annuaires locaux, vous augmenterez votre visibilité et attirerez de nouveaux clients dans votre région.</strong></p>
                <p><strong>Ne laissez pas passer l'opportunité de dominer votre marché local !</strong> Découvrez comment nous pouvons vous aider à améliorer votre référencement local dès aujourd'hui.</p>
            </div>
        </div>




        {{-- section 4 L'Intégration de l'Intelligence Artificielle dans le SEO--}}

        <div class="journal-masthead">
            <div class="journal-masthead-inner">
                <h2 class="journal-title">L'Intégration de l'Intelligence Artificielle dans le SEO</h2>
                <p class="journal-subtitle">Maximisez l'efficacité de votre SEO avec l'IA et transformez votre approche du marketing numérique</p>
            </div>
            <div class="journal-date-location">
            </div>
        </div>

        <div class="journal-layout">
            <div class="about-grid">
                <div class="intro-card">
                    <h2><span>L'Intégration de l'Intelligence Artificielle dans le SEO</span></h2>
                    <p><strong>L'intelligence artificielle (IA) transforme rapidement le paysage du SEO, offrant des pratiques plus efficaces pour optimiser les sites web et améliorer les résultats de recherche. L'IA permet de répondre aux comportements des utilisateurs, optimisant ainsi votre SEO de manière plus ciblée et puissante.</strong></p>
                    <div class="journal-article-meta">
                        <span class="journal-author">Par Jean Dupont</span> |
                        <span class="journal-publish-date">8 Mai 2025</span>
                    </div>
                    <img src="/api/placeholder/800/400" alt="L'Intégration de l'Intelligence Artificielle dans le SEO" class="featured-image">
                    <p>L'IA redéfinit l'optimisation des moteurs de recherche. Avec des outils d'IA, vous pouvez anticiper et répondre aux besoins des utilisateurs de manière plus précise, augmentant ainsi la visibilité de votre site.</p>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">Pourquoi l'IA Révolutionne le SEO en 2025</span></h3>
                        <p class="content">L'IA améliore les algorithmes de recherche, personnalise l'expérience utilisateur et permet une analyse prédictive qui aide les entreprises à rester compétitives. Elle permet aussi d'automatiser des tâches SEO, offrant ainsi un gain de temps considérable.</p>
                    </div>
                    <div class="mission">
                        <h3><span class="red">Comment l'Intelligence Artificielle Améliore le SEO</span></h3>
                        <p class="content">L'IA améliore l'optimisation des contenus, la gestion des mots-clés, le SEO technique et l'expérience utilisateur. Grâce à l'automatisation, les entreprises peuvent atteindre un niveau supérieur de performance SEO sans y consacrer un effort humain constant.</p>
                    </div>
                </div>
            </div>

            <div class="about-grid">
                <div class="vision-mission">
                    <div class="vision">
                        <h3><span class="blue">Exemples d'application de l'IA dans le SEO</span></h3>
                        <p class="content">L'IA est utilisée pour optimiser les contenus, identifier des mots-clés pertinents, analyser les SERPs, et même automatiser les tâches techniques SEO. Voici quelques exemples :</p>
                        <ul>
                            <li><strong>Optimisation des contenus :</strong> Création de textes optimisés pour le SEO en utilisant des outils comme GPT-3.</li>
                            <li><strong>Analyse des mots-clés :</strong> Anticipation des tendances de recherche grâce à des outils d'analyse prédictive.</li>
                            <li><strong>Automatisation du SEO technique :</strong> Analyse de la vitesse de chargement, de l'optimisation mobile et correction des erreurs techniques SEO automatiquement.</li>
                            <li><strong>Amélioration de l'expérience utilisateur :</strong> Réduction du taux de rebond et amélioration de l'UX avec des recommandations basées sur l'IA.</li>
                        </ul>
                    </div>
                    <div class="mission">
                        <h3><span class="red">Éthique, légalité et sécurité de l'IA dans le SEO</span></h3>
                        <p class="content">L'utilisation de l'IA dans le SEO doit respecter les règles éthiques et les lois sur la protection des données, comme le RGPD, afin d'assurer la confidentialité et la sécurité des utilisateurs.</p>
                    </div>
                </div>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Les bénéfices de l'Intelligence Artificielle dans le SEO</span></h2>
                <h3><em>Des gains significatifs en performance SEO</em></h3>
                <p><strong>L'IA vous permet de personnaliser l'expérience utilisateur, d'optimiser le contenu de manière ciblée, et de gagner un temps précieux grâce à l'automatisation.</strong></p>
                <ul>
                    <li><strong>Optimisation avancée :</strong> Amélioration de la pertinence des résultats de recherche.</li>
                    <li><strong>Réduction des coûts opérationnels :</strong> Automatisation des tâches répétitives avec des outils d'IA.</li>
                    <li><strong>Performance améliorée :</strong> Suivi des tendances en temps réel et adaptation rapide aux changements d'algorithmes.</li>
                </ul>
            </div>

            <div class="history">
                <h2><span class="sectionTitle">Passez à l'IA pour un SEO performant</span></h2>
                <p><strong>Ne laissez pas vos efforts SEO être limités par des méthodes traditionnelles. Passez à l'automatisation intelligente pour maximiser vos performances et prendre une longueur d'avance sur vos concurrents.</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