<?php
/**
 * Title: Banner
 * Slug: fse-handyman/banner
 * Categories: all, banner
 * Keywords: banner
 */
$fse_handyman_images = array(
    FSE_HANDYMAN_URL . 'assets/images/banner.png',
    FSE_HANDYMAN_URL . 'assets/images/team.png',
    FSE_HANDYMAN_URL . 'assets/images/star.png',
);

?>

<!-- wp:group {"tagName":"main","className":"banner-main","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"96%"}} -->
<main class="wp-block-group banner-main" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":{"bottomLeft":"20px","bottomRight":"20px"}}},"backgroundColor":"accent","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group has-accent-background-color has-background" style="border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns {"className":"banner-column","style":{"spacing":{"blockGap":{"top":"0","left":"20px"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns banner-column" style="margin-top:0;margin-bottom:0"><!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:group {"className":"banner-left-main","style":{"dimensions":{"minHeight":""},"spacing":{"margin":{"bottom":"150px"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group banner-left-main" style="margin-bottom:150px"><!-- wp:group {"className":"slider-content-box","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"5%","right":"0px"}}},"layout":{"type":"constrained","contentSize":"100%","justifyContent":"left"}} -->
<div class="wp-block-group slider-content-box" style="padding-top:0;padding-right:0px;padding-bottom:0;padding-left:5%"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"35px","fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|secaccent"}}}},"textColor":"secaccent","fontFamily":"outfit"} -->
<h2 class="wp-block-heading has-text-align-left has-secaccent-color has-text-color has-link-color has-outfit-font-family" style="font-size:35px;font-style:normal;font-weight:700"><?php esc_html_e( 'Get Expert Help For Your', 'fse-handyman' ); ?> <br><?php esc_html_e( 'Home Repairs', 'fse-handyman' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"elements":{"link":{"color":{"text":"var:preset|color|secaccent"}}},"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"bottom":"20px"}}},"textColor":"secaccent","fontFamily":"roboto"} -->
<p class="has-text-align-left has-secaccent-color has-text-color has-link-color has-roboto-font-family" style="margin-bottom:20px;font-size:14px;font-style:normal;font-weight:400"><?php esc_html_e( 'Lorem Ipsum & is simply dummy text of the printing and', 'fse-handyman' ); ?><br><?php esc_html_e( 'typesetting industry.', 'fse-handyman' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons banner-btn"><!-- wp:button {"backgroundColor":"secaccent","textColor":"accent-text","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-text"}}},"spacing":{"padding":{"left":"10px","right":"10px","top":"12px","bottom":"12px"}},"border":{"radius":"8px"},"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"14px"}},"fontFamily":"montserrat"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-accent-text-color has-secaccent-background-color has-text-color has-background has-link-color has-montserrat-font-family has-custom-font-size wp-element-button" href="#" style="border-radius:8px;padding-top:12px;padding-right:10px;padding-bottom:12px;padding-left:10px;font-size:14px;font-style:normal;font-weight:600"><?php esc_html_e( 'Read More', 'fse-handyman' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"33.33%","className":"banner-right-box"} -->
<div class="wp-block-column is-vertically-aligned-center banner-right-box" style="flex-basis:33.33%"><!-- wp:image {"id":34,"width":"auto","height":"600px","sizeSlug":"full","linkDestination":"none","align":"center","className":"banner-img"} -->
<figure class="wp-block-image aligncenter size-full is-resized banner-img"><img src="<?php echo esc_url($fse_handyman_images[0]); ?>" alt="" class="wp-image-34" style="width:auto;height:600px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"30.33%","className":"banner-right-box"} -->
<div class="wp-block-column is-vertically-aligned-center banner-right-box" style="flex-basis:30.33%"><!-- wp:group {"layout":{"type":"constrained","contentSize":"70%"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"banner-form","style":{"spacing":{"padding":{"top":"20px","bottom":"15px","left":"25px","right":"25px"}},"border":{"radius":"15px"}},"backgroundColor":"accent-text","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group banner-form has-accent-text-background-color has-background" style="border-radius:15px;padding-top:20px;padding-right:25px;padding-bottom:15px;padding-left:25px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|secaccent"}}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"600"}},"textColor":"secaccent","fontFamily":"outfit"} -->
<h4 class="wp-block-heading has-text-align-center has-secaccent-color has-text-color has-link-color has-outfit-font-family" style="font-size:16px;font-style:normal;font-weight:600"><?php esc_html_e( 'Book Emergency Fixing', 'fse-handyman' ); ?></h4>
<!-- /wp:heading -->
<?php if ( is_plugin_active( 'contact-form-7/wp-contact-form-7.php' ) && shortcode_exists( 'contact-form-7' ) ) { ?>
    <!-- wp:shortcode -->
<!-- /wp:shortcode -->
<?php } else { ?>
    <!-- wp:html -->
		<form method="post" action="">
		      <input type="text" name="first_name" placeholder="First Name" required>
		      <input type="email" name="email" placeholder="Your Mail" required>
		      <input type="tel" name="phone" placeholder="Phone No." required>
		      <select name="service" required>
		        <option value=""><?php esc_html_e( 'Select Service', 'fse-handyman' ); ?></option>
		        <option value="Consultation"><?php esc_html_e( 'Consultation', 'fse-handyman' ); ?></option>
		        <option value="Repair"><?php esc_html_e( 'Repair', 'fse-handyman' ); ?></option>
		        <option value="Installation"><?php esc_html_e( 'Installation', 'fse-handyman' ); ?></option>
		      </select>
		      <textarea name="message" placeholder="Message" rows="4"></textarea>
		      <button type="submit" name="submit_form"><?php esc_html_e( 'Read More', 'fse-handyman' ); ?></button>
		    </form>
		<!-- /wp:html -->
<?php } ?>
</div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"5%","className":"banner-empty-box"} -->
<div class="wp-block-column is-vertically-aligned-center banner-empty-box" style="flex-basis:5%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"contact-box-banner","style":{"border":{"radius":"20px"},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"0px","right":"0px"}}},"backgroundColor":"primary","layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group contact-box-banner has-primary-background-color has-background" style="border-radius:20px;padding-top:10px;padding-right:0px;padding-bottom:10px;padding-left:0px"><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-text"}}},"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"10px","left":"0px","right":"0"},"padding":{"left":"30px","bottom":"8px"}},"border":{"bottom":{"color":"#ffffff6e","width":"1px"}}},"textColor":"accent-text","fontFamily":"roboto"} -->
<h6 class="wp-block-heading has-accent-text-color has-text-color has-link-color has-roboto-font-family" style="border-bottom-color:#ffffff6e;border-bottom-width:1px;margin-top:0;margin-right:0;margin-bottom:10px;margin-left:0px;padding-bottom:8px;padding-left:30px;font-size:14px;font-style:normal;font-weight:500"><i class="fas fa-envelope-open-text"></i><?php esc_html_e( 'handymanservice@example.com', 'fse-handyman' ); ?></h6>
<!-- /wp:heading -->

<!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-text"}}},"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"10px","left":"0px","right":"0"},"padding":{"left":"30px","bottom":"8px"}},"border":{"bottom":{"color":"#ffffff6e","width":"1px"}}},"textColor":"accent-text","fontFamily":"roboto"} -->
<h6 class="wp-block-heading has-accent-text-color has-text-color has-link-color has-roboto-font-family" style="border-bottom-color:#ffffff6e;border-bottom-width:1px;margin-top:0;margin-right:0;margin-bottom:10px;margin-left:0px;padding-bottom:8px;padding-left:30px;font-size:14px;font-style:normal;font-weight:500"><i class="fas fa-map-marker-alt"></i><?php esc_html_e( '123 Fairway Lane Golftown, Golfshire 89 US.', 'fse-handyman' ); ?></h6>
<!-- /wp:heading -->

<!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-text"}}},"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"},"padding":{"left":"30px"}}},"textColor":"accent-text","fontFamily":"roboto"} -->
<h6 class="wp-block-heading has-accent-text-color has-text-color has-link-color has-roboto-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-left:30px;font-size:14px;font-style:normal;font-weight:500"><i class="fas fa-phone-volume"></i><?php esc_html_e( '00 123 456789', 'fse-handyman' ); ?></h6>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"20%","className":"contact-empty"} -->
<div class="wp-block-column is-vertically-aligned-center contact-empty" style="flex-basis:20%"></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%","className":"contact-main-review"} -->
<div class="wp-block-column is-vertically-aligned-center contact-main-review" style="flex-basis:25%"><!-- wp:group {"className":"review-box","style":{"spacing":{"margin":{"top":"50px"}}},"layout":{"type":"constrained","contentSize":"62%"}} -->
<div class="wp-block-group review-box" style="margin-top:50px"><!-- wp:group {"className":"banner-team","style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"5px","bottom":"5px","left":"5px","right":"5px"}}},"backgroundColor":"accent-text","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group banner-team has-accent-text-background-color has-background" style="border-radius:10px;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><!-- wp:image {"id":136,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url($fse_handyman_images[1]); ?>" alt="" class="wp-image-136"/></figure>
<!-- /wp:image -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"review-text","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group review-text"><!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary-accent-text"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"600"}},"textColor":"secondary-accent-text","fontFamily":"outfit"} -->
<h6 class="wp-block-heading has-secondary-accent-text-color has-text-color has-link-color has-outfit-font-family" style="font-size:18px;font-style:normal;font-weight:600">4.5</h6>
<!-- /wp:heading -->

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

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary-accent-text"}}},"typography":{"fontSize":"13px","fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"textColor":"secondary-accent-text","fontFamily":"roboto"} -->
<p class="has-secondary-accent-text-color has-text-color has-link-color has-roboto-font-family" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:13px;font-style:normal;font-weight:400"><?php esc_html_e( '89k+ Total Review', 'fse-handyman' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"5%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:5%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></main>
<!-- /wp:group -->