<?php
/**
 * Title: Bento - Mes atouts
 * Slug: vitalisite-fse/bento-grid
 * Description: Section bento pour mettre en avant les atouts d'une pratique en solo ou d'une specialite.
 * Categories: vitalisite-text
 * Keywords: grid, bento, grille, modern, features
 */
?>

<!-- wp:group {"tagName":"section","className":"vitalisite-bento-grid vitalisite-section full-section","layout":{"type":"default"}} -->
<section class="wp-block-group vitalisite-bento-grid vitalisite-section full-section">

    <!-- wp:group {"className":"vitalisite-bento-inner","layout":{"type":"default"}} -->
    <div class="wp-block-group vitalisite-bento-inner">
        <!-- wp:group {"backgroundColor":"surface","className":"vitalisite-bento-item vitalisite-bento-item--span-2 reveal-y"} -->
        <div class="wp-block-group has-surface-background-color has-background vitalisite-bento-item vitalisite-bento-item--span-2 reveal-y">

            <!-- wp:columns {"verticalAlignment":"center"} -->
            <div class="wp-block-columns are-vertically-aligned-center">
                <!-- wp:column {"width":"45%"} -->
                <div class="wp-block-column" style="flex-basis:45%">
                    <!-- wp:heading {"level":2,"fontSize":"x-large"} -->
                    <h2 class="wp-block-heading has-x-large-font-size">Une pratique claire et rassurante</h2>
                    <!-- /wp:heading -->
                </div>
                <!-- /wp:column -->

                <!-- wp:column {"width":"5%"} -->
                <div class="wp-block-column hidden-mobile" style="flex-basis:5%"></div>
                <!-- /wp:column -->

                <!-- wp:column {"width":"50%"} -->
                <div class="wp-block-column" style="flex-basis:50%">
                    <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"fontSize":"small"} -->
                    <p class="has-small-font-size" style="line-height:1.6">Je peux mettre en avant ici ce qui structure ma pratique : ecoute, disponibilite, rigueur du suivi et clarte des informations transmises.</p>
                    <!-- /wp:paragraph -->

                    <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"fontSize":"small"} -->
                    <p class="has-small-font-size" style="line-height:1.6">Le format bento me permet de valoriser ma posture professionnelle sans alourdir la lecture ni surcharger une page d'accueil.</p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->

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

        <!-- wp:group {"backgroundColor":"primary","textColor":"on-primary","className":"vitalisite-bento-item vitalisite-bento-item--span-1 reveal-y","style":{"elements":{"heading":{"color":{"text":"var:preset|color|on-primary"}}}}} -->
        <div class="wp-block-group has-primary-background-color has-on-primary-color has-text-color has-background vitalisite-bento-item vitalisite-bento-item--span-1 reveal-y">
            <!-- wp:heading {"level":3,"fontSize":"large","textColor":"on-primary"} -->
            <h3 class="wp-block-heading has-on-primary-color has-text-color has-large-font-size">Pourquoi me consulter</h3>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"fontSize":"small","textColor":"on-primary"} -->
            <p class="has-on-primary-color has-text-color has-small-font-size" style="line-height:1.6">Informations claires, accompagnement personnalise et cadre de consultation professionnel.</p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"fontSize":"small","textColor":"on-primary"} -->
            <p class="has-on-primary-color has-text-color has-small-font-size" style="line-height:1.6">Une variante tres utile pour presenter mes engagements avec un rendu plus editorial.</p>
            <!-- /wp:paragraph -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:group -->

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