<?php
/**
 * Title: Banner
 * Slug: evento-corp/banner
 * Categories: evento-corp
 *
 * @package Evento Corp
 * @since 1.0.0
 */

?>

<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/image-banner.jpg","id":1848,"dimRatio":70,"overlayColor":"black","isUserOverlayColor":true,"minHeight":80,"minHeightUnit":"vh","contentPosition":"center center","tagName":"main","metadata":{"name":"Banner"},"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"className":"banner-wrap","layout":{"type":"constrained","contentSize":"1300px"}} -->
<main class="wp-block-cover banner-wrap" style="margin-top:0;margin-bottom:0;min-height:80vh"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-70 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-1848" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/image-banner.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"720px","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:heading {"textAlign":"left","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"typography":{"fontSize":"58px","fontStyle":"normal","fontWeight":"700"}},"textColor":"base-2","className":"animated bounceInDown","fontFamily":"outfit"} -->
<h2 class="wp-block-heading has-text-align-left animated bounceInDown has-base-2-color has-text-color has-link-color has-outfit-font-family" style="font-size:58px;font-style:normal;font-weight:700"><?php echo esc_html__( 'Get Your Precious Moment More','evento-corp' ); ?> <span class="orange-color"><?php echo esc_html__( 'Memorable','evento-corp' ); ?></span></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px","lineHeight":1.6},"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2","className":"animated fadeInUp slow","fontFamily":"roboto"} -->
<p class="animated fadeInUp slow has-base-2-color has-text-color has-link-color has-roboto-font-family" style="font-size:18px;line-height:1.6"><?php echo esc_html__( 'It is a long established fact that a reader will be distracted by the readable','evento-corp' ); ?><br><?php echo esc_html__( 'conte looking at its layout..','evento-corp' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"button-icon","layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
<div class="wp-block-buttons button-icon" style="margin-top:var(--wp--preset--spacing--30)"><!-- wp:button {"backgroundColor":"base-2","textColor":"contrast","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"600"},"spacing":{"padding":{"left":"var:preset|spacing|20","right":"var:preset|spacing|20","top":"12px","bottom":"12px"}},"border":{"radius":"10px","width":"1px"}},"borderColor":"custom-color-1","className":"is-style-outline","fontFamily":"outfit"} -->
<div class="wp-block-button has-custom-font-size is-style-outline has-outfit-font-family" style="font-size:16px;font-style:normal;font-weight:600"><a class="wp-block-button__link has-contrast-color has-base-2-background-color has-text-color has-background has-link-color has-border-color has-custom-color-1-border-color wp-element-button" style="border-width:1px;border-radius:10px;padding-top:12px;padding-right:var(--wp--preset--spacing--20);padding-bottom:12px;padding-left:var(--wp--preset--spacing--20)"><?php echo esc_html__( 'Get Started','evento-corp' ); ?> <span class="dashicons dashicons-arrow-right-alt2"></span></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></main>
<!-- /wp:cover -->