@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')
    Marketing de contenu & engagement
@stop

@section('content')
    <section class="containerB">
        <div class="topSection">
            <div class="titleAndBtn">
                <div>
                    @include('sections.breadcrumbs', [
                        'parentPageLink' => route("home"),
                        'parentPage' => 'Home',
                        'childPageLink' => route("Marketing_de_contenu_&_engagement"),
                        'childPage' => "Marketing_de_contenu_&_engagement",
                        'childPageLink2' => "",
                        'childPage2' => '',
                        "fontColor" => "lightFont"
                    ])
                    <h1 class="titleTopSection"><span>Nos Services Digitaux </span>pour Booster Votre Visibilité </h1>
                    <h2 class="underTitle">Stratégie sur-mesure, branding impactant, contenus engageants, performance média : Atirao vous accompagne à chaque étape pour faire de votre présence digitale un levier de réussite durable.</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">Construire une Identité de Marque Forte</h2>
            <p class="journal-subtitle">La Clé de la Réussite Digitale</p>
          </div>
          <div class="journal-date-location">

          </div>
        </div>

        <div class="journal-layout">
            <div class="about-grid">
              <div class="intro-card">
                <h2><span>Construire une Identité de Marque Forte : La Clé de la Réussite Digitale</span></h2>
                <p><strong>Dans un environnement digital où chaque détail compte, se distinguer n’est pas une simple option, mais un impératif.</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="Création d'une identité de marque" class="featured-image">
                <p>Chez Atirao, nous vous aidons à créer une **identité de marque forte et mémorable**, un pilier essentiel pour un **succès à long terme** dans le domaine du marketing digital. Une identité **cohérente et percutante** ne se contente pas de capter l'attention, elle crée une connexion authentique avec vos audiences et renforce la fidélité.</p>
                <p><strong>Une marque forte se construit à travers une stratégie créative, une vision claire et des éléments visuels soignés.</strong></p>

                <blockquote>
                  "Le succès d'une marque ne réside pas dans la quantité d'attention qu'elle génère, mais dans la **connexion émotionnelle** qu'elle établit avec ses consommateurs."
                </blockquote>

                <p>Dans cette ère numérique, **le marketing digital** nécessite une **identité de marque omnicanal**, cohérente et adaptée à chaque point de contact avec le consommateur, qu'il s'agisse de **site web**, **réseaux sociaux** ou **campagnes publicitaires**. Découvrez comment **Atirao** met en œuvre ces stratégies pour garantir une **expérience utilisateur fluide** et une **croissance 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. Auditer avant de créer : Comprendre votre ADN</span></h3>
                  <p class="content">Chez **Atirao**, la première étape est l'audit. Nous analysons votre **présence en ligne** : site web, réseaux sociaux, publicités, etc., afin de comprendre votre **histoire**, vos **valeurs** et votre positionnement sur le marché.</p>
                  <p class="content">Cette phase d'audit, combinée à une analyse des tendances et à des outils de veille, nous permet de transformer des données brutes en **insights stratégiques** pour affiner votre stratégie et définir les **éléments différenciateurs** qui feront briller votre marque.</p>
                </div>
                <div class="mission">
                  <h3><span class="red">2. Une identité visuelle qui parle : Créer une connexion émotionnelle</span></h3>
                  <p class="content">L'identité visuelle est l’un des piliers d'une **marque forte**. Chez **Atirao**, nous créons une **identité graphique** qui va au-delà du logo. Chaque élément (couleurs, typographie, iconographie) est conçu pour être **mémorable** et en cohérence avec vos **objectifs commerciaux**.</p>
                  <p class="content">Mais l'identité de marque ne se limite pas à des éléments visuels. Elle inclut aussi le **ton de voix** et la manière de communiquer avec votre audience. Nous nous assurons que chaque interaction avec votre marque soit cohérente et engageante.</p>
                </div>
              </div>
            </div>

            <div class="about-grid">
              <div class="vision-mission">
                <div class="vision">
                  <h3><span class="blue">3. Cohérence omnicanal : Assurer une expérience homogène</span></h3>
                  <p class="content">Dans un environnement digital où les consommateurs interagissent avec votre marque à travers de multiples canaux, **l’unité et la cohérence** de votre identité de marque sont cruciales. De votre **site web** à vos **réseaux sociaux** en passant par vos campagnes de **publicité**, chaque point de contact doit refléter une même **identité forte**.</p>
                  <p class="content">Chez **Atirao**, nous vous aidons à décliner votre marque sur tous les supports, en garantissant une **expérience utilisateur fluide** et une **cohérence omnicanal** à chaque interaction.</p>
                </div>
                <div class="mission">
                  <h3><span class="red">4. Créer une expérience authentique et mémorable</span></h3>
                  <p class="content">Chez **Atirao**, nous croyons que chaque interaction doit offrir une **expérience mémorable**. Il ne s'agit pas seulement d'**esthétique**, mais de créer une connexion émotionnelle avec vos consommateurs. Nous intégrons **votre identité de marque** dans chaque aspect de l’expérience client pour renforcer la **fidélité** et l'engagement.</p>
                  <p class="content">Que ce soit à travers l'interface, la navigation ou le service client, chaque interaction doit incarner les valeurs et la mission de votre marque.</p>
                </div>
              </div>
            </div>

            <div class="history">
              <h2><span class="sectionTitle">Pourquoi choisir Atirao pour construire votre identité de marque ?</span></h2>
              <h3><em>Une expertise stratégique et créative au service de votre succès à long terme</em></h3>
              <p><strong>Approche data-driven :</strong> Grâce à l’analyse continue des retours clients et des performances, nous ajustons votre stratégie pour répondre aux besoins changeants de votre marché.</p>
              <p><strong>Un accompagnement sur le long terme :</strong> Nous ne créons pas simplement une identité, nous la pérennisons et l’adaptons aux évolutions de votre entreprise.</p>
              <p><strong>Transparence et collaboration :</strong> Nous vous impliquons à chaque étape, garantissant que chaque action soit claire et alignée avec vos **objectifs commerciaux**.</p>
            </div>
          </div>
        {{-- section 2 --}}
        <div class="journal-masthead">
            <div class="journal-masthead-inner">
              <h2 class="journal-title">Une Identité Visuelle Impactante </h2>
              <p class="journal-subtitle">Votre Signature Graphique</p>
            </div>

          </div>
        <div class="journal-layout">
            <div class="about-grid">
              <div class="intro-card">
                <h2><span>Une Identité Visuelle Impactante : Votre Signature Graphique</span></h2>
                <p><strong>Dans un univers numérique où l'image est tout, une identité visuelle forte est la clé de la perception de votre marque.</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="Création d'une identité visuelle" class="featured-image">
                <p>Chez **Atirao**, nous comprenons que votre **identité visuelle** est bien plus qu'un logo. Elle incarne vos **valeurs**, vos **engagements**, et votre **mission**, tout en établissant une **relation émotionnelle** avec votre audience.</p>
                <p><strong>Une identité visuelle forte doit capter l'attention, transmettre un message clair et cohérent, et se distinguer dans un environnement saturé.</strong> Nous vous accompagnons pour créer une identité visuelle qui laisse une **empreinte durable** dans l'esprit de vos clients et qui soutient vos **objectifs commerciaux**.</p>

                <blockquote>
                  "L'identité visuelle d'une marque est la première impression qu'elle laisse. Elle doit être **unique**, **cohérente** et **mémorable**."
                </blockquote>

                <p>Que vous soyez une startup ou une entreprise établie, notre approche de **design graphique personnalisé** vous garantit une **signature graphique** qui vous différencie de vos concurrents et vous aide à bâtir une **identité forte** dans l’esprit de vos clients.</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. Un design personnalisé et réfléchi</span></h3>
                  <p class="content">Avant de créer, nous prenons le temps de comprendre votre **vision** et votre **positionnement** sur le marché. Nous étudions vos **cibles**, vos **concurrents**, et l'univers dans lequel vous évoluez. Ce diagnostic nous permet de créer une **identité graphique unique** qui est en parfaite **harmonie** avec votre **stratégie**, vos **valeurs** et votre **message**.</p>
                  <p class="content">Nous appliquons des principes de design intemporels et modernes pour concevoir des éléments visuels qui attirent l'œil tout en restant fidèles à l’essence de votre marque.</p>
                </div>
                <div class="mission">
                  <h3><span class="red">2. Une palette de couleurs qui parle</span></h3>
                  <p class="content">Les couleurs ne sont pas seulement un choix esthétique, elles véhiculent des émotions puissantes. Nous sélectionnons une **palette de couleurs** qui correspond à votre personnalité et à l'image que vous souhaitez véhiculer. Chaque couleur a un pouvoir psychologique, capable d’inspirer la **confiance**, l'**énergie**, ou la **sérénité**.</p>
                  <p class="content">Une palette bien choisie garantit une **reconnaissance immédiate** de votre marque et assure une **cohérence visuelle** sur tous vos supports.</p>
                </div>
              </div>
            </div>

            <div class="about-grid">
              <div class="vision-mission">
                <div class="vision">
                  <h3><span class="blue">3. Des typographies au service de votre message</span></h3>
                  <p class="content">Les typographies sont un pilier fondamental de l'identité visuelle. Elles véhiculent l’âme de votre marque. Que vous soyez à la recherche d’un **design moderne**, **traditionnel**, **sérieux**, ou **décontracté**, nous choisissons des polices de caractères qui **renforcent le ton** et le caractère de votre marque.</p>
                  <p class="content">Nos créations typographiques sont conçues pour fonctionner à travers divers supports, de l'**impression** au **digital**, des **brochures** aux **sites web**, en passant par les **applications mobiles**.</p>
                </div>
                <div class="mission">
                  <h3><span class="red">4. Cohérence à travers les supports</span></h3>
                  <p class="content">Votre identité visuelle doit être déclinée de manière cohérente sur tous les **points de contact** avec vos clients. Du design de votre **site web** à vos **profils sociaux**, en passant par vos **documents imprimés**, chaque élément graphique doit être parfaitement aligné.</p>
                  <p class="content">Nous créons une **charte graphique détaillée** qui définit chaque aspect de votre identité visuelle, garantissant une **uniformité** sur tous vos supports, qu'ils soient **digitaux** ou **imprimés**. Cette cohérence renforce la **reconnaissance** et la **fidélité** à votre marque.</p>
                </div>
              </div>
            </div>

            <div class="about-grid">
              <div class="vision-mission">
                <div class="vision">
                  <h3><span class="blue">5. Impact sur l'expérience utilisateur (UX)</span></h3>
                  <p class="content">L’identité visuelle joue un rôle clé dans l’**expérience utilisateur (UX)**. Un bon design facilite la **navigation**, rend l’interaction **intuitive**, et améliore l’engagement des utilisateurs.</p>
                  <p class="content">Chez **Atirao**, nous intégrons votre identité visuelle dans la **conception de vos interfaces**, en veillant à ce que chaque élément graphique serve l’**expérience utilisateur**. Une interface soignée et intuitive favorise la **conversion** et renforce l’image de votre marque.</p>
                </div>
                <div class="mission">
                  <h3><span class="red">6. Evolution et adaptation constante</span></h3>
                  <p class="content">Une **identité visuelle** ne doit pas être figée. Nous vous accompagnons dans l’**évolution** de votre signature graphique en fonction des tendances, des **retours clients** et des changements dans votre stratégie. Une marque forte est une marque capable de **se réinventer** tout en préservant ses valeurs essentielles.</p>
                  <p class="content">Nous mettons en place des mécanismes de **suivi** et d'**analyse** pour évaluer l'impact visuel et l'efficacité de votre identité au fil du temps, vous permettant de rester à la pointe tout en maintenant une continuité dans la perception de votre marque.</p>
                </div>
              </div>
            </div>

            <div class="history">
              <h2><span class="sectionTitle">Pourquoi choisir Atirao pour votre identité visuelle ?</span></h2>
              <h3><em>Une expertise créative et stratégique pour faire briller votre marque</em></h3>
              <p><strong>Créativité et expertise :</strong> Nos designers et stratèges travaillent de concert pour créer une **identité visuelle originale** et **impactante**.</p>
              <p><strong>Une approche globale :</strong> Nous pensons votre identité visuelle dans son ensemble, de la création du **logo** à l’application sur tous vos supports.</p>
              <p><strong>Personnalisation totale :</strong> Chaque élément graphique est pensé pour refléter votre **personnalité** et répondre à vos **objectifs spécifiques**.</p>
              <p><strong>Suivi et évolution :</strong> Nous assurons la pérennité de votre identité en l’adaptant aux **évolutions du marché** et aux **besoins de vos clients**.</p>
            </div>
          </div>

          {{-- section 3 Vidéo Marketing : Le Format Roi pour Captiver et Converti--}}
          <div class="journal-masthead">
            <div class="journal-masthead-inner">
              <h2 class="journal-title">Vidéo Marketing</h2>
              <p class="journal-subtitle">Le Format Roi pour Captiver et Convertir</p>
            </div>

          </div>
          <div class="journal-layout">
            <div class="about-grid">
              <div class="intro-card">
                <h2><span>Vidéo Marketing : Le Format Roi pour Captiver et Convertir</span></h2>
                <p><strong>Dans un monde où l’attention des consommateurs est de plus en plus fragmentée, la vidéo se distingue comme le format incontournable pour capter l’attention, engager et convertir.</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="Vidéo Marketing" class="featured-image">
                <p>Chez **Atirao**, nous exploitons tout le potentiel du **vidéo marketing** pour créer des contenus dynamiques, percutants et stratégiques qui font véritablement la différence. Que ce soit pour susciter des **émotions**, expliquer un produit ou renforcer votre **image de marque**, la vidéo offre une puissance unique pour capturer et maintenir l'attention de votre audience.</p>
                <p><strong>Nous vous accompagnons pour produire des vidéos qui génèrent un impact immédiat et durable.</strong></p>

                <blockquote>
                  "Le **vidéo marketing** n’est pas seulement un moyen de divertissement, c’est un outil puissant pour capter l’attention et convertir."
                </blockquote>

                <p>Que vous ayez besoin d’une vidéo pour **susciter l’intérêt**, **informer** ou **renforcer la fidélité**, nos stratégies sont conçues pour optimiser l’impact de chaque vidéo à travers des **formats adaptés** et un **contenu engageant**.</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 stratégie de contenu vidéo sur-mesure</span></h3>
                  <p class="content">Avant de produire une seule image, nous établissons avec vous une **stratégie de contenu vidéo** adaptée à vos **objectifs** et à vos **cibles**. Nous déterminons ensemble les types de vidéos les plus efficaces : vidéos **institutionnelles**, **tutoriels**, **témoignages clients**, **publicités**, ou encore **contenus viraux**.</p>
                  <p class="content">Notre objectif est de créer des vidéos qui non seulement captent l’attention, mais qui la transforment en **engagement**, en **interaction** et en **conversions**.</p>
                </div>
                <div class="mission">
                  <h3><span class="red">2. Création de vidéos engageantes et authentiques</span></h3>
                  <p class="content">La clé d’une vidéo efficace réside dans sa capacité à engager l’audience. Chez **Atirao**, nous nous concentrons sur la **narration visuelle**, la **créativité** et l’**authenticité** pour que chaque vidéo ait un impact fort. Nous veillons à ce que vos vidéos racontent une histoire captivante, qu’elles soient humaines et alignées avec les **valeurs de votre marque**.</p>
                  <p class="content">Nous créons des vidéos avec des **éléments visuels percutants**, des **messages clairs** et des **appels à l’action** convaincants pour capter l’attention et inciter à l’action.</p>
                </div>
              </div>
            </div>

            <div class="about-grid">
              <div class="vision-mission">
                <div class="vision">
                  <h3><span class="blue">3. Optimisation pour chaque plateforme</span></h3>
                  <p class="content">La vidéo marketing doit être adaptée à chaque plateforme pour maximiser son efficacité. Que ce soit pour **YouTube**, **Facebook**, **Instagram**, **LinkedIn**, ou **TikTok**, chaque réseau a ses codes et exigences spécifiques. Nous optimisons vos vidéos en fonction des **formats**, des **durées**, et des **objectifs** spécifiques de chaque plateforme, assurant ainsi une performance optimale sur chaque canal.</p>
                  <p class="content">Nous veillons également à ce que vos vidéos soient compatibles avec tous les appareils : **mobile**, **tablette** et **desktop**, garantissant une expérience utilisateur fluide et agréable.</p>
                </div>
                <div class="mission">
                  <h3><span class="red">4. Optimisation pour la conversion</span></h3>
                  <p class="content">La vidéo n’est pas seulement un moyen de divertissement ou de présentation, c’est aussi un puissant outil de **conversion**. Nous intégrons des **appels à l’action stratégiques**, des **liens cliquables** et des éléments visuels pour diriger vos spectateurs vers des actions concrètes : **inscription**, **achat**, **partage**, etc.</p>
                  <p class="content">Nous analysons les performances de chaque vidéo pour ajuster et affiner en continu les éléments qui génèrent le plus de conversions. Grâce à des **tests A/B** et à l’analyse des **KPIs**, nous maximisons le retour sur investissement de chaque campagne vidéo.</p>
                </div>
              </div>
            </div>

            <div class="about-grid">
              <div class="vision-mission">
                <div class="vision">
                  <h3><span class="blue">5. Mesure de l'impact et ajustement</span></h3>
                  <p class="content">Comme pour toute stratégie marketing, le suivi et l’analyse des performances sont cruciaux. Nous vous aidons à mesurer l’efficacité de vos vidéos grâce à des outils avancés comme **Google Analytics**, **YouTube Analytics**, et d’autres plateformes d'analyse vidéo. Nous suivons des métriques telles que le **taux de vue**, le **taux d'engagement**, la **durée de visionnage**, et bien sûr, le **taux de conversion**.</p>
                  <p class="content">À partir de ces données, nous ajustons les stratégies pour garantir une **amélioration continue** et maximiser l’impact de vos vidéos.</p>
                </div>
                <div class="mission">
                  <h3><span class="red">6. Vidéo pour le SEO : Booster votre visibilité</span></h3>
                  <p class="content">La vidéo joue un rôle de plus en plus important dans le **référencement naturel (SEO)**. Une vidéo bien optimisée peut améliorer considérablement la **visibilité** de votre site et augmenter le **trafic organique**. Nous mettons en place des stratégies pour optimiser vos vidéos pour les moteurs de recherche, en utilisant des **titres**, des **descriptions** et des **tags pertinents**, tout en optimisant le contenu pour capter l’attention des algorithmes de recherche.</p>
                  <p class="content">Cela permet de booster non seulement votre visibilité, mais aussi de renforcer la **crédibilité** de votre marque en ligne.</p>
                </div>
              </div>
            </div>

            <div class="history">
              <h2><span class="sectionTitle">Pourquoi choisir Atirao pour votre vidéo marketing ?</span></h2>
              <h3><em>Une expertise pour créer des vidéos qui captivent et génèrent des conversions</em></h3>
              <p><strong>Expertise en production vidéo :</strong> Nous combinons **créativité**, **stratégie** et **technologie** pour créer des vidéos qui captivent et convertissent.</p>
              <p><strong>Approche omnicanal :</strong> Nous créons des vidéos adaptées aux spécificités de chaque plateforme, maximisant ainsi leur efficacité.</p>
              <p><strong>Mesure et optimisation continue :</strong> Grâce à une **analyse précise** des performances, nous ajustons en temps réel pour garantir des **résultats tangibles**.</p>
              <p><strong>Stratégie de contenu personnalisée :</strong> Chaque vidéo est pensée pour répondre spécifiquement à vos **objectifs** et à ceux de votre **audience**.</p>
            </div>
          </div>


          {{-- section 4 Contenu SEO & Rédaction Web --}}
          <div class="journal-masthead">
            <div class="journal-masthead-inner">
              <h2 class="journal-title">Contenu SEO & Rédaction Web</h2>
              <p class="journal-subtitle">La Voix de Votre Marque sur Google</p>
            </div>

          </div>
          <div class="journal-layout">
            <div class="about-grid">
              <div class="intro-card">
                <h2><span>Contenu SEO & Rédaction Web : La Voix de Votre Marque sur Google</span></h2>
                <p><strong>Dans un monde digital où la visibilité est primordiale, le contenu est roi. Mais ce contenu ne se contente pas d’être bien rédigé, il doit aussi être optimisé pour les moteurs de recherche.</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="Contenu SEO" class="featured-image">
                <p>Chez **Atirao**, nous vous accompagnons pour créer du contenu SEO de haute qualité qui non seulement reflète votre identité de marque, mais qui permet aussi à votre site d’être trouvé et compris par Google.</p>
                <p><strong>La rédaction SEO n’est pas une simple question d’insertion de mots-clés, c’est un art de savoir plaire à la fois à l’utilisateur et aux moteurs de recherche, tout en répondant à des intentions précises.</strong></p>
                <p>Nous vous aidons à faire de votre contenu un levier puissant pour améliorer votre positionnement sur **Google**, attirer plus de trafic et convertir vos visiteurs en clients.</p>

                <blockquote>
                  "Le **contenu SEO** n'est pas seulement un ajout de mots-clés, c’est un travail stratégique qui répond aux besoins des utilisateurs tout en satisfaisant les exigences de Google."
                </blockquote>

                <p><strong>Découvrez nos approches stratégiques pour créer un contenu optimisé qui transforme votre site en un outil puissant pour votre visibilité et vos conversions.</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. Analyse de l’audience et des intentions de recherche</span></h3>
                  <p class="content">Avant de rédiger quoi que ce soit, nous commençons par comprendre vos **utilisateurs**. Nous analysons leurs besoins, leurs attentes et les questions qu’ils se posent. Cela nous permet de définir les **intentions de recherche** à cibler pour créer un contenu qui répond exactement à ces attentes.</p>
                  <p class="content">Nous réalisons également une étude des **mots-clés pertinents** pour votre secteur afin de cibler les termes qui génèrent du **trafic qualifié** et qui sont en adéquation avec votre stratégie de marque.</p>
                </div>
                <div class="mission">
                  <h3><span class="red">2. Rédaction de contenu optimisé pour les moteurs de recherche</span></h3>
                  <p class="content">Le contenu SEO ne doit pas seulement être pertinent pour votre audience, mais aussi pour les moteurs de recherche. Nos **rédacteurs SEO** optimisent chaque texte en intégrant judicieusement les mots-clés, tout en maintenant une rédaction fluide et naturelle. Nous structurons le contenu pour maximiser sa lisibilité et son indexation sur **Google**.</p>
                  <p class="content">Que ce soit pour des **articles de blog**, des **pages produits**, des **descriptions** ou des **pages de service**, chaque contenu est conçu pour plaire aux moteurs de recherche sans sacrifier la qualité pour les utilisateurs.</p>
                </div>
              </div>
            </div>

            <div class="about-grid">
              <div class="vision-mission">
                <div class="vision">
                  <h3><span class="blue">3. Création de contenu de valeur</span></h3>
                  <p class="content">Chez **Atirao**, nous croyons en l’importance de créer du **contenu qui a du sens**. Nos rédacteurs s’assurent que chaque texte soit informatif, engageant et utile, afin d’encourager les utilisateurs à passer plus de temps sur votre site et à revenir régulièrement.</p>
                  <p class="content">Nous intégrons également des **éléments visuels** (images, vidéos, infographies) pour enrichir l’expérience utilisateur et améliorer le **SEO**, tout en rendant vos contenus encore plus attrayants.</p>
                </div>
                <div class="mission">
                  <h3><span class="red">4. Optimisation technique et structurelle</span></h3>
                  <p class="content">La rédaction SEO ne se limite pas au contenu textuel. Elle inclut également les aspects **techniques** et **structurels** de vos pages. Nous nous assurons que votre contenu soit bien structuré avec des balises titres (H1, H2), des **descriptions meta** et des **liens internes** pour faciliter la navigation et l’indexation par les moteurs de recherche.</p>
                  <p class="content">Nous optimisons aussi la **vitesse de chargement**, la **compatibilité mobile** et la **lisibilité**, pour garantir une expérience utilisateur fluide et améliorer vos chances d’apparaître 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">5. Stratégie de contenu longue traîne</span></h3>
                  <p class="content">La stratégie de contenu longue traîne consiste à cibler des **mots-clés spécifiques** et moins compétitifs, mais qui génèrent un trafic extrêmement qualifié. Nous mettons en place une stratégie de création de contenu autour de ces mots-clés pour capter une audience très ciblée et générer des **conversions plus élevées**.</p>
                  <p class="content">Ces contenus renforcent également l’**autorité de votre site** sur des thématiques précises, contribuant ainsi à un meilleur classement dans les résultats de recherche.</p>
                </div>
                <div class="mission">
                  <h3><span class="red">6. Suivi, analyse et ajustement</span></h3>
                  <p class="content">Le travail ne s’arrête pas à la rédaction et à la publication du contenu. Nous suivons en permanence les performances de vos pages grâce à des outils comme **Google Analytics**, **SEMrush** ou **Ahrefs**, et ajustons la stratégie en fonction des résultats obtenus.</p>
                  <p class="content">Cela nous permet d’améliorer constamment le **SEO** de votre site, de maintenir une position de leader sur vos mots-clés et de maximiser votre retour sur investissement.</p>
                </div>
              </div>
            </div>

            <div class="about-grid">
              <div class="vision-mission">
                <div class="vision">
                  <h3><span class="blue">7. Contenu SEO local</span></h3>
                  <p class="content">Si votre entreprise a une **présence locale**, nous vous aidons à mettre en place une stratégie SEO local. Cela inclut la création de contenu spécifique à votre **localisation**, l’optimisation de votre profil **Google My Business**, et l’intégration de **mots-clés géographiques** pour capter un trafic local qualifié.</p>
                  <p class="content">Cela renforce non seulement votre visibilité auprès des utilisateurs locaux, mais vous positionne également comme un acteur incontournable dans votre secteur régional.</p>
                </div>
              </div>
            </div>

            <div class="history">
              <h2><span class="sectionTitle">Pourquoi choisir Atirao pour votre contenu SEO ?</span></h2>
              <h3><em>Une expertise pour créer du contenu qui captive et optimise votre visibilité</em></h3>
              <p><strong>Expertise SEO avancée :</strong> Nous maîtrisons toutes les facettes du SEO, de la rédaction de contenu à l’**optimisation technique**.</p>
              <p><strong>Contenu de qualité et stratégique :</strong> Chaque mot est pensé pour répondre à une **intention de recherche** et ajouter de la valeur à vos visiteurs.</p>
              <p><strong>Approche axée sur les résultats :</strong> Nous mesurons l’efficacité de chaque contenu et ajustons notre stratégie pour garantir les meilleurs résultats.</p>
              <p><strong>Contenu sur mesure :</strong> Nous créons un contenu unique qui reflète votre **marque** tout en répondant aux attentes des moteurs de recherche et des utilisateurs.</p>
            </div>
          </div>
            {{-- section 5 Réseaux Sociaux & E-Réputation Maîtrisez Votre Image et Développez votre Communauté--}}
            <div class="journal-masthead">
                <div class="journal-masthead-inner">
                  <h2 class="journal-title">Réseaux Sociaux & E-Réputation</h2>
                  <p class="journal-subtitle">Maîtrisez Votre Image et Développez votre Communauté</p>
                </div>

              </div>
              <div class="journal-layout">
                <div class="about-grid">
                  <div class="intro-card">
                    <h2><span>Réseaux Sociaux & E-Réputation : Maîtrisez Votre Image et Développez votre Communauté</span></h2>
                    <p><strong>À l’ère du digital, les réseaux sociaux sont devenus l’un des canaux les plus puissants pour construire une relation directe avec vos clients, partager vos valeurs et renforcer votre image de marque. Cependant, pour que vos efforts soient fructueux, il est essentiel de maîtriser votre communication, de bâtir une communauté fidèle et de gérer activement votre e-réputation.</strong></p>
                    <div class="journal-article-meta">
                      <span class="journal-author">Par Atirao</span> |
                      <span class="journal-publish-date">7 Mai 2025</span>
                    </div>
                    <img src="/api/placeholder/800/400" alt="Réseaux Sociaux" class="featured-image">
                    <p>Chez **Atirao**, nous vous accompagnons pour naviguer dans l’univers des réseaux sociaux avec une stratégie bien pensée, pour non seulement accroître votre visibilité, mais aussi pour créer une véritable relation de confiance avec vos audiences.</p>
                    <p><strong>L’objectif est de renforcer votre présence en ligne, d’engager votre communauté et de garantir que votre image reste irréprochable.</strong></p>

                    <blockquote>
                      "Les réseaux sociaux sont un levier puissant pour créer une véritable relation de confiance avec vos audiences et renforcer votre image de marque."
                    </blockquote>

                    <p><strong>Découvrez nos approches stratégiques pour maîtriser votre image et développer votre communauté en ligne.</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. Stratégie de contenu social media : Création et diffusion pertinente</span></h3>
                      <p class="content">La clé du succès sur les réseaux sociaux réside dans la qualité et la pertinence de votre contenu. Nous élaborons une stratégie de contenu alignée avec vos objectifs business, vos valeurs et les attentes de votre audience. Chaque plateforme a ses propres codes et nous nous assurons que chaque message est adapté à son public spécifique.</p>
                    </div>
                    <div class="mission">
                      <h3><span class="red">2. Engagement et gestion de communauté</span></h3>
                      <p class="content">Avoir une communauté active et engagée est essentiel. Nous vous aidons à développer des relations authentiques avec vos abonnés, en répondant rapidement à leurs questions et en animant des discussions pour renforcer l’interaction.</p>
                    </div>
                  </div>
                </div>

                <div class="about-grid">
                  <div class="vision-mission">
                    <div class="vision">
                      <h3><span class="blue">3. Publicité sur les réseaux sociaux : Maximisez votre portée</span></h3>
                      <p class="content">Nous vous accompagnons dans la création et l’optimisation de campagnes publicitaires ciblées sur les différentes plateformes sociales pour accroître votre visibilité et toucher de nouvelles audiences.</p>
                    </div>
                    <div class="mission">
                      <h3><span class="red">4. Gestion de l’e-réputation : Surveillez et protégez votre image</span></h3>
                      <p class="content">Nous mettons en place des stratégies de gestion de l’e-réputation pour surveiller ce qui se dit sur vous sur internet et gérer toute crise éventuelle pour maintenir une image positive.</p>
                    </div>
                  </div>
                </div>

                <div class="about-grid">
                  <div class="vision-mission">
                    <div class="vision">
                      <h3><span class="blue">5. Influenceurs et ambassadeurs de marque : Renforcez votre crédibilité</span></h3>
                      <p class="content">Les influenceurs jouent un rôle crucial dans la perception des marques. Nous vous aidons à collaborer avec des influenceurs qui partagent vos valeurs et élargissent votre portée.</p>
                    </div>
                    <div class="mission">
                      <h3><span class="red">6. Analyse et suivi des performances</span></h3>
                      <p class="content">Nous suivons en temps réel les indicateurs clés de performance pour ajuster la stratégie et maximiser l'impact de vos actions sur les réseaux sociaux et votre réputation en ligne.</p>
                    </div>
                  </div>
                </div>

                <div class="about-grid">
                  <div class="vision-mission">
                    <div class="vision">
                      <h3><span class="blue">7. Stratégie de contenu visuel et vidéo</span></h3>
                      <p class="content">Le contenu visuel est crucial sur les réseaux sociaux. Nous vous aidons à créer des visuels percutants et des vidéos captivantes pour attirer l'attention et maximiser l'engagement.</p>
                    </div>
                  </div>
                </div>

                <div class="history">
                  <h2><span class="sectionTitle">Pourquoi choisir Atirao pour vos réseaux sociaux et e-réputation ?</span></h2>
                  <h3><em>Une expertise pour renforcer votre présence en ligne et gérer votre image avec succès</em></h3>
                  <p><strong>Stratégie sur mesure :</strong> Nous concevons des stratégies adaptées à vos besoins spécifiques et à votre secteur d’activité.</p>
                  <p><strong>Expertise en gestion de communauté :</strong> Nous savons comment dynamiser et fidéliser votre communauté en ligne.</p>
                  <p><strong>Approche proactive :</strong> Nous agissons rapidement pour protéger votre image et réputation.</p>
                  <p><strong>Suivi et optimisation continue :</strong> Nos rapports détaillés vous permettent de suivre les résultats de chaque action et maximiser les performances.</p>
                  <p><strong>Créativité et contenu impactant :</strong> Nous créons du contenu innovant et de qualité pour capter l’attention de vos cibles.</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