<?php
$datas = $args['data'];
$titre = isset($datas['titre']) ? $datas['titre'] : '';
$intro = isset($datas['intro']) ? $datas['intro'] : '';
$texte = isset($datas['texte']) ? $datas['texte'] : '';
$align = isset($datas['align']) ? $datas['align'] : 'center';
$lien = isset($datas['lien']) ? $datas['lien'] : '';
$couleur_de_fond = isset($datas['couleur_de_fond']) ? $datas['couleur_de_fond'] : '#ffffff';
$couleur_de_texte = isset($datas['couleur_de_texte']) ? $datas['couleur_de_texte'] : '#000000';
$fullwidth = isset($datas['fullwidth']) ? $datas['fullwidth'] : 'max-w-[800px]';


?>
<div class="py-11 lg:pt-28 lg:pb-20"
  style="background-color: <?php echo $couleur_de_fond ?>; color: <?php echo $couleur_de_texte ?>;">
  <div class="container mx-auto text-<?php echo $align ?> <?php echo $fullwidth ?>">
    <?php if ($titre != ''): ?>
      <h2
        class="text-balance text-[18px] lg:text-2xl xl:text-4xl heading-text text-center  relative mb-10 lg:mb-16 mx-auto md:max-w-lg lg:max-w-2xl xl:max-w-4xl ">
        <?php echo $titre; ?>
      </h2>
    <?php endif; ?>
    <?php if ($intro != ''): ?>
      <div class="mx-auto">
        <strong class="block heading-text text-base lg:text-lg mb-8 uppercase"><?php echo $intro; ?></strong>
      </div>
    <?php endif; ?>
    <?php if ($texte != ''): ?>
      <div class="mx-auto"><?php echo $texte; ?></div>
    <?php endif; ?>
    <?php if ($lien != ''): ?>
      <div class=" mx-auto mt-10">
        <a href="<?php echo $lien['url']; ?>" class="btn btn-primary w-full md:w-auto"><?php echo $lien['title']; ?></a>
      </div>
    <?php endif; ?>
  </div>
</div>