<?php
/**
 * Title: Banner
 * Slug: gateways/banner
 * Categories: gateways, banner
 */
?>

<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() . '/images/slider.jpg'); ?>","id":595,"dimRatio":50,"overlayColor":"secondary","isUserOverlayColor":true,"minHeight":700,"contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"},"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-cover alignfull" style="margin-top:0px;margin-bottom:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-secondary-background-color has-background-dim"></span><img class="wp-block-cover__image-background wp-image-595" alt="" src="<?php echo esc_url( get_template_directory_uri() . '/images/slider.jpg'); ?>" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"70%"} -->
<div class="wp-block-column" style="flex-basis:70%"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"color":{"background":"#ffffffcc"},"spacing":{"padding":{"top":"50px","bottom":"50px","left":"40px","right":"40px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group has-background" style="background-color:#ffffffcc;padding-top:50px;padding-right:40px;padding-bottom:50px;padding-left:40px"><!-- wp:heading {"level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"primary","fontSize":"large","fontFamily":"montserrat"} -->
<h4 class="wp-block-heading has-primary-color has-text-color has-link-color has-montserrat-font-family has-large-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e('Explore The Beauty Of','gateways'); ?></h4>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"900","lineHeight":"1","textTransform":"uppercase"},"spacing":{"margin":{"top":"20px"}}},"textColor":"secondary","fontSize":"banner-title"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-banner-title-font-size" style="margin-top:20px;font-style:normal;font-weight:900;line-height:1;text-transform:uppercase"><?php esc_html_e('Travel with gateways','gateways'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|body-text"}}},"typography":{"lineHeight":"1.8","fontStyle":"normal","fontWeight":"500"}},"textColor":"body-text"} -->
<p class="has-body-text-color has-text-color has-link-color" id="line1" style="font-style:normal;font-weight:500;line-height:1.8"><?php esc_html_e('Maecenas finibus non orci dignissim fringilla. Nunc dignissim consequat dolor, ut eleifend dolor finibus id. Maecenas consectetur finibus purus, eget aliquam libero lobortis ornare. Fusce ut aliquet diam. Aenean vel fringilla nisi, vitae fringilla urna.','gateways'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex"},"style":{"spacing":{"margin":{"top":"50px"}}}} -->
<div class="wp-block-buttons" style="margin-top:50px"><!-- wp:button {"style":{"border":{"radius":"8px"},"spacing":{"padding":{"left":"28px","right":"28px","top":"16px","bottom":"16px"}},"typography":{"textTransform":"uppercase","letterSpacing":"2px","fontStyle":"normal","fontWeight":"700"}},"fontFamily":"cinzel"} -->
<div class="wp-block-button has-cinzel-font-family" style="font-style:normal;font-weight:700;letter-spacing:2px;text-transform:uppercase"><a class="wp-block-button__link wp-element-button" style="border-radius:8px;padding-top:16px;padding-right:28px;padding-bottom:16px;padding-left:28px"><?php esc_html_e('Explore Now','gateways'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->