<?php
/**
 * Title: Banner
 * Slug: horse-saddle/banner
 * Categories: horse-saddle, banner
 */
?>
<!-- wp:group {"className":"banner-section","style":{"dimensions":{"minHeight":"800px"},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-section" style="min-height:800px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() . '/images/banner-bg.png'); ?>","id":41,"dimRatio":80,"overlayColor":"primary-light","isUserOverlayColor":true,"minHeight":800,"isDark":false,"sizeSlug":"large","className":"banner-bg","style":{"spacing":{"padding":{"top":"0px","bottom":"20px","left":"0px","right":"0px"}}},"layout":{"type":"constrained","contentSize":"90%"}} -->
<div class="wp-block-cover is-light banner-bg" style="padding-top:0px;padding-right:0px;padding-bottom:20px;padding-left:0px;min-height:800px"><img class="wp-block-cover__image-background wp-image-41 size-large" alt="" src="<?php echo esc_url( get_template_directory_uri() . '/images/banner-bg.png'); ?>" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-primary-light-background-color has-background-dim-80 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"bottom","className":"banner-outer"} -->
<div class="wp-block-columns are-vertically-aligned-bottom banner-outer"><!-- wp:column {"verticalAlignment":"bottom","width":"65%","className":"banner-left-box","style":{"spacing":{"blockGap":"70px"}},"layout":{"type":"constrained","contentSize":"60%"}} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-left-box" style="flex-basis:65%"><!-- wp:group {"className":"banner-content-box wow flipInX","layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-content-box wow flipInX"><!-- wp:paragraph {"className":"banner-sub-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"700","textTransform":"capitalize"},"spacing":{"margin":{"bottom":"5px"}}},"textColor":"primary","fontFamily":"philosopher"} -->
<p class="banner-sub-title has-primary-color has-text-color has-link-color has-philosopher-font-family" style="margin-bottom:5px;font-size:18px;font-style:normal;font-weight:700;text-transform:capitalize"><?php esc_html_e('saddle and tack','horse-saddle'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"className":"banner-title","style":{"typography":{"textTransform":"capitalize"},"elements":{"link":{"color":{"text":"var:preset|color|heading-color-1"}}},"spacing":{"margin":{"top":"0px"}}},"textColor":"heading-color-1"} -->
<h2 class="wp-block-heading banner-title has-heading-color-1-color has-text-color has-link-color" style="margin-top:0px;text-transform:capitalize"><?php esc_html_e('high quality horse saddles at affordable prices','horse-saddle'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color-2"}}},"typography":{"fontSize":"14px"},"spacing":{"margin":{"top":"15px"}}},"textColor":"heading-color-2"} -->
<p class="banner-para has-heading-color-2-color has-text-color has-link-color" style="margin-top:15px;font-size:14px"><?php esc_html_e('It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters','horse-saddle'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn"} -->
<div class="wp-block-buttons banner-btn"><!-- wp:button {"backgroundColor":"secondary","textColor":"base","style":{"border":{"radius":"0px"},"typography":{"textTransform":"capitalize","fontSize":"15px"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"spacing":{"padding":{"left":"30px","right":"30px","top":"10px","bottom":"10px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-secondary-background-color has-text-color has-background has-link-color has-custom-font-size wp-element-button" style="border-radius:0px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px;font-size:15px;text-transform:capitalize"><?php esc_html_e('shop now','horse-saddle'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"banner-phone-box wow zoomIn","style":{"spacing":{"padding":{"top":"15px","bottom":"15px","left":"15px","right":"15px"}}},"backgroundColor":"base","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group banner-phone-box wow zoomIn has-base-background-color has-background" style="padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px"><!-- wp:html -->
<i class="fa-solid fa-phone"></i>
<!-- /wp:html -->

<!-- wp:group {"className":"bnr-phone-info-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group bnr-phone-info-box"><!-- wp:paragraph {"className":"bnr-phone-text","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textTransform":"capitalize","fontSize":"14px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0px","bottom":"10px"}}},"textColor":"primary"} -->
<p class="bnr-phone-text has-primary-color has-text-color has-link-color" style="margin-top:0px;margin-bottom:10px;font-size:14px;font-style:normal;font-weight:500;text-transform:capitalize"><?php esc_html_e('need help? call us','horse-saddle'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"bnr-phone-num","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|heading-color-1"}}},"typography":{"fontSize":"30px","fontStyle":"normal","fontWeight":"700"}},"textColor":"heading-color-1","fontFamily":"philosopher"} -->
<p class="bnr-phone-num has-heading-color-1-color has-text-color has-link-color has-philosopher-font-family" style="margin-top:0px;margin-bottom:0px;font-size:30px;font-style:normal;font-weight:700"><a href="tel:8887070234"><?php esc_html_e('888-7070-234','horse-saddle'); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"40%","className":"banner-right-box wow zoomIn"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-right-box wow zoomIn" style="flex-basis:40%"><!-- wp:columns {"className":"banner-left-inner","style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns banner-left-inner"><!-- wp:column {"verticalAlignment":"bottom","width":"40%","className":"banner-img-left-box","style":{"border":{"radius":{"topLeft":"30%","topRight":"30%","bottomLeft":"30%","bottomRight":"30%"}},"spacing":{"padding":{"top":"60px","bottom":"60px"}}},"backgroundColor":"secondary"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-img-left-box has-secondary-background-color has-background" style="border-top-left-radius:30%;border-top-right-radius:30%;border-bottom-left-radius:30%;border-bottom-right-radius:30%;padding-top:60px;padding-bottom:60px;flex-basis:40%"><!-- wp:image {"id":21,"width":"auto","height":"220px","sizeSlug":"full","linkDestination":"none","align":"center","style":{"spacing":{"margin":{"right":"0px","left":"0px"}}}} -->
<figure class="wp-block-image aligncenter size-full is-resized" style="margin-right:0px;margin-left:0px"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/banner-img1.png'); ?>" alt="" class="wp-image-21" style="width:auto;height:220px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"stretch","width":"20%","className":"banner-left-mid-box"} -->
<div class="wp-block-column is-vertically-aligned-stretch banner-left-mid-box" style="flex-basis:20%"><!-- wp:group {"className":"banner-info-top","style":{"spacing":{"padding":{"top":"20px","bottom":"20px","left":"12px","right":"12px"},"blockGap":"12px"}},"backgroundColor":"base","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-group banner-info-top has-base-background-color has-background" style="padding-top:20px;padding-right:12px;padding-bottom:20px;padding-left:12px"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color-1"}}},"typography":{"fontSize":"40px","fontStyle":"normal","fontWeight":"700"}},"textColor":"heading-color-1","fontFamily":"philosopher"} -->
<p class="has-heading-color-1-color has-text-color has-link-color has-philosopher-font-family" style="font-size:40px;font-style:normal;font-weight:700"><?php esc_html_e('9+','horse-saddle'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color-1"}}},"typography":{"fontSize":"13px","lineHeight":"1.3"}},"textColor":"heading-color-1"} -->
<p class="has-heading-color-1-color has-text-color has-link-color" style="font-size:13px;line-height:1.3"><?php esc_html_e('Year of Dedicated','horse-saddle'); ?><br><?php esc_html_e('Service','horse-saddle'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"banner-info-btm","style":{"spacing":{"padding":{"top":"12px","bottom":"12px","left":"12px","right":"12px"},"blockGap":"8px"}},"backgroundColor":"base","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","orientation":"vertical"}} -->
<div class="wp-block-group banner-info-btm has-base-background-color has-background" style="padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color-1"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"600"}},"textColor":"heading-color-1"} -->
<p class="has-heading-color-1-color has-text-color has-link-color" style="font-size:18px;font-style:normal;font-weight:600"><?php esc_html_e('1.5k','horse-saddle'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color-1"}}},"typography":{"fontSize":"13px","lineHeight":"1.3","textTransform":"capitalize"}},"textColor":"heading-color-1"} -->
<p class="has-text-align-center has-heading-color-1-color has-text-color has-link-color" style="font-size:13px;line-height:1.3;text-transform:capitalize"><?php esc_html_e('satisfied customers','horse-saddle'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":71,"width":"auto","height":"35px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/banner-review.png'); ?>" alt="" class="wp-image-71" style="width:auto;height:35px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"40%","className":"banner-img-right-box","style":{"spacing":{"padding":{"top":"100px","bottom":"100px"}}},"backgroundColor":"secondary"} -->
<div class="wp-block-column is-vertically-aligned-top banner-img-right-box has-secondary-background-color has-background" style="padding-top:100px;padding-bottom:100px;flex-basis:40%"><!-- wp:image {"id":49,"width":"auto","height":"300px","sizeSlug":"full","linkDestination":"none","align":"center","style":{"spacing":{"margin":{"right":"0px","left":"0px"}}}} -->
<figure class="wp-block-image aligncenter size-full is-resized" style="margin-right:0px;margin-left:0px"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/banner-img2.png'); ?>" alt="" class="wp-image-49" style="width:auto;height:300px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->