<?php
/**
 * Title: Featured Image Banner Top
 * Slug: optimize/featuredtopimg
 * Categories: theme

 * @package optimize
 * @since 1.3.0
 */
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/laptop-notebook-computer-smartphone-mobile-writing.jpg","dimRatio":80,"overlayColor":"contrast","isUserOverlayColor":true,"minHeight":66,"minHeightUnit":"vh","metadata":{"categories":["banner"],"patternName":"core/cover-image-with-bold-heading-and-button-left","name":"Cover Image with Bold Heading and Button, Left"},"align":"full","style":{"spacing":{"padding":{"top":"48px","right":"48px","bottom":"48px","left":"48px"},"margin":{"top":"0"}},"color":[]}} -->
<div class="wp-block-cover alignfull" style="margin-top:0;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px;min-height:66vh"><span aria-hidden="true" class="wp-block-cover__background has-contrast-background-color has-background-dim-80 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/laptop-notebook-computer-smartphone-mobile-writing.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"className":"anime-delay","style":{"spacing":{"blockGap":"48px"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","layout":{"type":"constrained","contentSize":"50%","justifyContent":"center","wideSize":"50%"}} -->
<div class="wp-block-group anime-delay has-white-color has-text-color has-link-color"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"54px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400","letterSpacing":"0px","lineHeight":"1"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:54px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1;text-transform:capitalize">Take a hike wander through the woods</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size" style="font-style:normal;font-weight:300">Quisque blandit dolor risus, sed dapibus dui facilisis sed. Donec eu porta elit. Aliquam porta sollicitudin ante, ac fermentum orci mattis et.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","justifyContent":"center","flexWrap":"nowrap"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","backgroundColor":"vivid-green-cyan","className":"is-style-outline is-style-fill","style":{"spacing":{"padding":{"left":"48px","right":"48px","top":"18px","bottom":"18px"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"600","textTransform":"capitalize","letterSpacing":"0px"},"border":{"width":"0px","style":"none"}}} -->
<div class="wp-block-button has-custom-font-size is-style-outline is-style-fill" style="font-size:16px;font-style:normal;font-weight:600;letter-spacing:0px;text-transform:capitalize"><a class="wp-block-button__link has-vivid-green-cyan-background-color has-background has-text-align-center wp-element-button" href="#" style="border-style:none;border-width:0px;padding-top:18px;padding-right:48px;padding-bottom:18px;padding-left:48px">Getting Started</a></div>
<!-- /wp:button -->

<!-- wp:button {"textAlign":"center","backgroundColor":"primary","className":"is-style-outline is-style-fill","style":{"spacing":{"padding":{"left":"48px","right":"48px","top":"18px","bottom":"18px"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"600","textTransform":"capitalize","letterSpacing":"0px"},"border":{"width":"0px","style":"none"},"shadow":"var:preset|shadow|deep"}} -->
<div class="wp-block-button has-custom-font-size is-style-outline is-style-fill" style="font-size:16px;font-style:normal;font-weight:600;letter-spacing:0px;text-transform:capitalize"><a class="wp-block-button__link has-primary-background-color has-background has-text-align-center wp-element-button" href="#" style="border-style:none;border-width:0px;padding-top:18px;padding-right:48px;padding-bottom:18px;padding-left:48px;box-shadow:var(--wp--preset--shadow--deep)">Explore now</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->