<?php
$prato_store_options = prato_store_theme_options();

$banner_title = $prato_store_options['banner_title'];
$banner_button_url = $prato_store_options['banner_button_url'];
$banner_button_txt = $prato_store_options['banner_button_txt'];
$title_size = $prato_store_options['title_size'];
$banner_height = $prato_store_options['banner_height'];
$banner_bg_image = $prato_store_options['banner_bg_image'];
if(!empty($banner_bg_image)){
    $background_style = "style='background-image:url(".esc_url($banner_bg_image).")'";
}
else{
    $background_style = '';
}
$height="100vh";
if($banner_height){
    $height= $banner_height."px";
}



?>


<div class="hero-section" style="height: <?php echo esc_html($height); ?>; ">
     <div class="image" data-type="background" data-speed="2"  <?php echo wp_kses_post($background_style); ?>></div>
    <div class="stuff" data-type="content">
        <h1 style="font-size: <?php echo esc_html($title_size); ?>px; "><?php echo esc_html($banner_title); ?></h1>
        <?php  if( $banner_button_txt && $banner_button_url):?>
        <a href="<?php echo esc_url($banner_button_url); ?>" class="banner-button"><?php echo esc_html($banner_button_txt); ?></a>
        <?php endif; ?>
       
    </div>
</div>





