<?php
/**
 * Title: Cover
 * Slug: monoframe/cover
 * Categories: monoframe
 *
 * @since 1.0.0
 * @return void
 */
?>
<!-- wp:cover {"url":"<?php echo get_theme_file_uri('assets/images/landscape-with-mountain.jpg'); ?>","alt":"A scenic landscape with mountains and natural beauty","dimRatio":50,"overlayColor":"yankees-blue","minHeight":90,"minHeightUnit":"vh","sizeSlug":"large","align":"full","className":"has-yankees-blue-background-color has-background-dim","layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull has-yankees-blue-background-color has-background-dim" style="min-height:90vh">
    <img class="wp-block-cover__image-background size-large"
        src="<?php echo get_theme_file_uri('assets/images/landscape-with-mountain.jpg'); ?>"
        alt="<?php esc_attr_e( 'A scenic landscape with mountains and natural beauty', 'monoframe' ); ?>"
        data-object-fit="cover" />
    <span aria-hidden="true"
        class="wp-block-cover__background has-yankees-blue-background-color has-background-dim"></span>
    <div class="wp-block-cover__inner-container">
        <!-- wp:group {"align":"wide","layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
        <div class="wp-block-group alignwide">
            <!-- wp:heading {"textAlign":"center","level":1,"textColor":"white"} -->
            <h1 class="wp-block-heading has-text-align-center has-white-color has-text-color"><?php esc_html_e( 'Welcome to MonoFrame', 'monoframe' ); ?></h1>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"className":"has-text-align-center","textColor":"white","fontSize":"subheading"} -->
            <p class="has-text-align-center has-white-color has-text-color has-subheading-font-size"><?php esc_html_e( 'Sharing stories, ideas, and updates about adventures and destinations explored.', 'monoframe' ); ?></p>
            <!-- /wp:paragraph -->

            <!-- wp:buttons -->
            <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"secondary","textColor":"jet"} -->
                <div class="wp-block-button"><a
                        class="wp-block-button__link has-jet-color has-secondary-background-color has-text-color has-background wp-element-button"><?php esc_html_e( 'Get Started', 'monoframe' ); ?></a></div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
        </div>
        <!-- /wp:group -->
    </div>
</div>
<!-- /wp:cover -->