<section class="section-pages py-20 lg:py-[170px]">
  <?php get_template_part('template-parts/sections/section', 'title', array('data' => $data['titre'])); ?>
  <div class="pages-list reverse  flex flex-col  gap-20  lg:gap-[170px]">
    <div class="container">
      <!-- Card post -->
      <div class="card-page scroll-appear ">
        <div class="card-img"><img src="<?php echo get_stylesheet_directory_uri() ?>/datas/img1.jpg" alt=""></div>
        <div class="card-body relative ">
          <div class="card-title-container liseret">
            <h3 class="card-uptitle">L'ATELIER</h3>
            <h2 class="card-title">Nous façonnons des lieux inédits et vivants.</h2>
          </div>
          <p class="card-text">L’Atelier LJN recherche systématiquement à faire naître une interactivité singulière entre un public et un lieu.</p>
          <a href="#" class="btn-primary stretched-link">
            <span><?php echo lnj_load_inline_svg('circle-left.svg'); ?></span>
            <span>Réalisations</span>
            <span><?php echo lnj_load_inline_svg('plus.svg'); ?></span>
          </a>
        </div>
      </div>


      <div class="card-page ">
        <div class="card-img"><img src="<?php echo get_stylesheet_directory_uri() ?>/datas/img4.jpg" alt=""></div>
        <div class="card-body relative ">
          <div class="card-title-container liseret">
            <h3 class="card-uptitle">L'OBJECTIF</h3>
            <h2 class="card-title">Nos interventions sont pensées pour faciliter les interactions et accueillir l'inattendu.</h2>
          </div>
          <p class="card-text">L’Atelier LJN aime exprimer sa créativité pétillante au travers d’aménagements qui rendent les usagers actifs.</p>
          <a href="#" class="btn-primary stretched-link">
            <span><?php echo lnj_load_inline_svg('circle-left.svg'); ?></span>
            <span>Démarche</span>
            <span><?php echo lnj_load_inline_svg('plus.svg'); ?></span>
          </a>
        </div>
      </div>



      <div class="card-page">
        <div class="card-img"><img src="<?php echo get_stylesheet_directory_uri() ?>/datas/img3.jpg" alt=""></div>
        <div class="card-body relative ">
          <div class="card-title-container liseret">
            <h3 class="card-uptitle">LE PROJET</h3>
            <h2 class="card-title">Un projet paysager représente une première étape vers le début d’une histoire collective.</h2>
          </div>
          <p class="card-text">Le végétal joue pleinement son rôle : celui d’un vecteur de lien social et de bien-être.</p>
        </div>
      </div>



      <div class="card-page">
        <div class="card-img"><img src="<?php echo get_stylesheet_directory_uri() ?>/datas/img4.jpg" alt=""></div>
        <div class="card-body relative ">
          <div class="card-title-container liseret">
            <h3 class="card-uptitle">L'APPROCHE</h3>
            <h2 class="card-title">Nous ne revendiquons jamais un droit d’exclusivité sur les projets.</h2>
          </div>
          <p class="card-text">À la différence des œuvres labellisées «Copyright», nous abordons les réalisations dans un esprit «Copyleft ».</p>
        </div>
      </div>



      <div class="card-page card-has-bg">
        <div class="card-img"><img src="<?php echo get_stylesheet_directory_uri() ?>/datas/img4.jpg" alt=""></div>
        <div class="card-body relative ">
          <div class="card-title-container liseret">
            <h3 class="card-uptitle">L'ÉQUIPE</h3>
            <h2 class="card-title">Notre équipe se place à la croisée du vivant, de la poésie et de l'ingéniosité.</h2>
          </div>
          <p class="card-text">De l'idée jusqu'à la réception du chantier, nous co-construisons un projet unique, surprenant et en accord avec le site.</p>
          <a href="#" class="btn-primary stretched-link">
            <span><?php echo lnj_load_inline_svg('circle-left.svg'); ?></span>
            <span>Qui sommes nous ?</span>
            <span><?php echo lnj_load_inline_svg('plus.svg'); ?></span>
          </a>
        </div>
      </div>
      <div class="card-page card-has-bg">
        <div class="card-img"><img src="<?php echo get_stylesheet_directory_uri() ?>/datas/img4.jpg" alt=""></div>
        <div class="card-body relative ">
          <div class="card-title-container liseret">
            <h3 class="card-uptitle">L'ÉQUIPE</h3>
            <h2 class="card-title">Notre équipe se place à la croisée du vivant, de la poésie et de l'ingéniosité.</h2>
          </div>
          <p class="card-text">De l'idée jusqu'à la réception du chantier, nous co-construisons un projet unique, surprenant et en accord avec le site.</p>
          <a href="#" class="btn-primary stretched-link">
            <span><?php echo lnj_load_inline_svg('circle-left.svg'); ?></span>
            <span>Qui sommes nous ?</span>
            <span><?php echo lnj_load_inline_svg('plus.svg'); ?></span>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>
