<?php
/**
 * Title: Hero Section 2
 * Slug: marenda/hero-section-2
 * Categories: featured
 */
?>
<!-- wp:cover {"url":"<?php echo esc_url( MARENDA_URI . '/assets/img/hero-2.jpg' ); ?>","id":2892,"dimRatio":50,"className":"alignwide is-light"} -->
<div class="wp-block-cover alignwide is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span>
    <img class="wp-block-cover__image-background wp-image-2892" alt="" src="<?php echo esc_url( MARENDA_URI . '/assets/img/hero-2.jpg' ); ?>" data-object-fit="cover"/><div class="wp-block-cover__inner-container">
        <!-- wp:group {"layout":{"type":"constrained"}} -->
        <div class="wp-block-group">
            <!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"margin":{"bottom":"0"}}}} -->
            <div class="wp-block-columns alignwide are-vertically-aligned-center" style="margin-bottom:0">
                <!-- wp:column {"verticalAlignment":"center","width":""} -->
                <div class="wp-block-column is-vertically-aligned-center">
                    <!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                    <div class="wp-block-group"><!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"5rem"}},"textColor":"lightbg","fontFamily":"roboto"} -->
                        <h1 class="wp-block-heading has-lightbg-color has-text-color has-roboto-font-family" style="font-size:5rem">Discover the freedom </h1>
                        <!-- /wp:heading -->

                        <!-- wp:heading {"level":1,"textColor":"lightbg","fontFamily":"roboto"} -->
                        <h1 class="wp-block-heading has-lightbg-color has-text-color has-roboto-font-family">with FSE</h1>
                        <!-- /wp:heading -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->
        </div>
        <!-- /wp:group -->
    </div>
</div>
<!-- /wp:cover -->