<?php
/**
 * Title: Avant / Après
 * Slug: vitalisite-fse/before-after
 * Description: Comparaison avant/après avec titre, description et CTA.
 * Categories: vitalisite-media
 * Keywords: avant, apres, before, after, comparaison
 */

?>

<!-- wp:group {"tagName":"section","className":"vitalisite-before-after-section vitalisite-section","layout":{"type":"constrained"}} -->
<section class="wp-block-group vitalisite-before-after-section vitalisite-section">

    <!-- wp:group {"className":"mb-60","layout":{"type":"constrained"}} -->
    <div class="wp-block-group mb-60">
        <!-- wp:heading {"textAlign":"center","level":2,"className":"reveal-y"} -->
        <h2 class="wp-block-heading has-text-align-center reveal-y">Avant / Après</h2>
        <!-- /wp:heading -->

        <!-- wp:paragraph {"align":"center","className":"reveal-y"} -->
        <p class="has-text-align-center reveal-y">Ce format convient aux pratiques ou les resultats visuels ont une vraie valeur de demonstration, avec toutes les precautions necessaires.</p>
        <!-- /wp:paragraph -->
    </div>
    <!-- /wp:group -->

    <!-- wp:vitalisite-fse/before-after {"className":"reveal-before-after"} /-->

    <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"className":"mt-40 reveal-y"} -->
    <div class="wp-block-buttons mt-40 reveal-y">
        <!-- wp:button {"className":"btn-primary"} -->
        <div class="wp-block-button btn-primary"><a class="wp-block-button__link">Nous contacter</a></div>
        <!-- /wp:button -->
    </div>
    <!-- /wp:buttons -->

</section>
<!-- /wp:group -->
