<?php
/**
 * Title: Hero Banner
 * Slug: kortez-beat/hero-banner
 * Categories: banner
 */
$kortez_beat_img = array(
    KORTEZ_BEAT_URL . 'assets/images/hero-banner-img1.jpg',
    KORTEZ_BEAT_URL . 'assets/images/hero-banner-img2.png',
    KORTEZ_BEAT_URL . 'assets/images/hero-banner-img3.png',
    KORTEZ_BEAT_URL . 'assets/images/hero-banner-img4.png',
);
?>

<!-- wp:cover {"url":"<?php echo esc_url($kortez_beat_img[0]); ?>","id":45,"dimRatio":60,"minHeight":700,"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|xx-small"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull" style="min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-45" alt="" src="<?php echo esc_url($kortez_beat_img[0]); ?>" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%"><!-- wp:heading {"textAlign":"center","level":6} -->
<h6 class="wp-block-heading has-text-align-center"><?php echo esc_html__( 'LATEST SONG RELEASED', 'kortez-beat' ); ?></h6>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":1,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|x-small"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
<h1 class="wp-block-heading has-text-align-center" style="margin-bottom:var(--wp--preset--spacing--x-small);font-style:normal;font-weight:700"><?php echo esc_html__( '"Bring Me The Horizon With You !"', 'kortez-beat' ); ?></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|x-large"}}},"fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size" style="margin-bottom:var(--wp--preset--spacing--x-large)"><?php echo esc_html__( 'Checkout our new song with 18 Amazing Tracks', 'kortez-beat' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","fontSize":"x-small"} -->
<p class="has-text-align-center has-x-small-font-size"><?php echo esc_html__( 'DOWNLOAD AVAILABLE ON', 'kortez-beat' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:image {"lightbox":{"enabled":false},"id":46,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url($kortez_beat_img[1]); ?>" alt="" class="wp-image-46"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":47,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url($kortez_beat_img[2]); ?>" alt="" class="wp-image-47"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":48,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url($kortez_beat_img[3]); ?>" alt="" class="wp-image-48"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

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