<?php
/**
 * Title: Hero
 * Slug: creativ-resort-fse/home-hero
 * Categories: theme, banner
 *
 * @package creativ-resort-fse
 * @since 1.0.0
 */

?>

<!-- wp:cover {"url":"<?php echo esc_url( get_theme_file_uri( 'assets/images/hero-banner.jpg' ) ); ?>","dimRatio":40,"overlayColor":"pure-black","isUserOverlayColor":true,"minHeight":600,"sizeSlug":"full","metadata":{"name":"Hero"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|x-small","left":"var:preset|spacing|x-small","top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull" style="padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--x-small);min-height:600px"><img class="wp-block-cover__image-background  size-full" alt="" src="<?php echo esc_url( get_theme_file_uri( 'assets/images/hero-banner.jpg' ) ); ?>" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-pure-black-background-color has-background-dim-40 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"10%"} -->
<div class="wp-block-column" style="flex-basis:10%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","style":{"typography":{"lineHeight":"1.3","fontStyle":"normal","fontWeight":"400"}},"fontSize":"xxxx-large","fontFamily":"gilda-display"} -->
<h2 class="wp-block-heading has-text-align-center has-gilda-display-font-family has-xxxx-large-font-size" style="font-style:normal;font-weight:400;line-height:1.3"><?php esc_html_e( 'Click To Unlock Exclusive Hotel Deals', 'creativ-resort-fse' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|large"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:button {"style":{"border":{"radius":{"topLeft":"50px","topRight":"50px","bottomLeft":"50px","bottomRight":"50px"}},"spacing":{"padding":{"left":"30px","right":"30px","top":"20px","bottom":"20px"}},"color":{"background":"#c97a4f"}},"fontSize":"small"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background has-small-font-size has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;background-color:#c97a4f;padding-top:20px;padding-right:30px;padding-bottom:20px;padding-left:30px"><?php esc_html_e( 'Explore Rooms', 'creativ-resort-fse' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"10%"} -->
<div class="wp-block-column" style="flex-basis:10%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->