<?php

/**
 * Title: Banner Section
 * Slug: fota-home-solutions/banner-section
 * Categories: fhs-patterns
 */
$fhs_url = trailingslashit(get_stylesheet_directory_uri());
$fhs_images = array(
    $fhs_url . 'assets/images/featured_img.png',
    $fhs_url . 'assets/images/check_icon.png',
    $fhs_url . 'assets/images/hero_background.jpg',
);
?>
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:cover {"url":"<?php echo esc_url($fhs_images[2]) ?>","id":575,"dimRatio":90,"overlayColor":"primary","minHeight":625,"minHeightUnit":"px","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-cover" style="padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:0;padding-left:0;min-height:625px"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-90 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-575" alt="" src="<?php echo esc_url($fhs_images[2]) ?>" data-object-fit="cover" />
        <div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
            <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"left":"0"}}}} -->
                <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"55%"} -->
                    <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"},"typography":{"fontSize":"18px"}},"textColor":"accent-lite","layout":{"type":"flex","flexWrap":"wrap"}} -->
                        <div class="wp-block-group has-accent-lite-color has-text-color" style="font-size:18px"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"right":"var:preset|spacing|50"}}},"textColor":"accent-lite"} -->
                            <h4 class="wp-block-heading has-accent-lite-color has-text-color" style="padding-right:var(--wp--preset--spacing--50);font-size:18px;font-style:normal;font-weight:500"><?php echo esc_html('Maintenance', 'fota-home-solutions') ?></h4>
                            <!-- /wp:heading -->

                            <!-- wp:list {"style":{"spacing":{"padding":{"right":"0","left":"0"}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"layout":{"selfStretch":"fit","flexSize":null}},"className":"is-style-default"} -->
                            <ul class="is-style-default" style="padding-right:0;padding-left:0;font-size:18px;font-style:normal;font-weight:500"><!-- wp:list-item -->
                                <li></li>
                                <!-- /wp:list-item -->
                            </ul>
                            <!-- /wp:list -->

                            <!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"right":"var:preset|spacing|50"}}},"textColor":"accent-lite"} -->
                            <h4 class="wp-block-heading has-accent-lite-color has-text-color" style="padding-right:var(--wp--preset--spacing--50);font-size:18px;font-style:normal;font-weight:500"><?php echo esc_html('Repair', 'fota-home-solutions') ?></h4>
                            <!-- /wp:heading -->

                            <!-- wp:list {"style":{"spacing":{"padding":{"right":"0","left":"0"}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"},"layout":{"selfStretch":"fit","flexSize":null}},"className":"is-style-default"} -->
                            <ul class="is-style-default" style="padding-right:0;padding-left:0;font-size:18px;font-style:normal;font-weight:500"><!-- wp:list-item -->
                                <li></li>
                                <!-- /wp:list-item -->
                            </ul>
                            <!-- /wp:list -->

                            <!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"500"}}} -->
                            <h4 class="wp-block-heading" style="font-size:18px;font-style:normal;font-weight:500"><?php echo esc_html('Improvement', 'fota-home-solutions') ?></h4>
                            <!-- /wp:heading -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:group {"style":{"spacing":{"blockGap":"0.6rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                        <div class="wp-block-group"><!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"54px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.3"}},"textColor":"foreground-alt"} -->
                            <h1 class="wp-block-heading has-foreground-alt-color has-text-color" style="font-size:54px;font-style:normal;font-weight:700;line-height:1.3"><?php echo esc_html('Need updates or repair your broken items?', 'fota-home-solutions') ?></h1>
                            <!-- /wp:heading -->

                            <!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"54px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.3"}},"textColor":"foreground-alt"} -->
                            <h1 class="wp-block-heading has-foreground-alt-color has-text-color" style="font-size:54px;font-style:normal;font-weight:700;line-height:1.3"><?php echo esc_html('We can help!', 'fota-home-solutions') ?></h1>
                            <!-- /wp:heading -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70","padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
                        <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                            <div class="wp-block-group"><!-- wp:image {"id":631,"width":18,"sizeSlug":"full","linkDestination":"none"} -->
                                <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($fhs_images[1]) ?>" alt="" class="wp-image-631" style="width:18px" width="18" /></figure>
                                <!-- /wp:image -->

                                <!-- wp:heading {"level":5,"style":{"spacing":{"padding":{"bottom":"0","top":"0.4rem"}}},"textColor":"secondary"} -->
                                <h5 class="wp-block-heading has-secondary-color has-text-color" style="padding-top:0.4rem;padding-bottom:0"><?php echo esc_html('Free Quotes', 'fota-home-solutions') ?></h5>
                                <!-- /wp:heading -->
                            </div>
                            <!-- /wp:group -->

                            <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                            <div class="wp-block-group"><!-- wp:image {"id":631,"width":18,"sizeSlug":"full","linkDestination":"none"} -->
                                <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($fhs_images[1]) ?>" alt="" class="wp-image-631" style="width:18px" width="18" /></figure>
                                <!-- /wp:image -->

                                <!-- wp:heading {"level":5,"style":{"spacing":{"padding":{"bottom":"0","top":"0.4rem"}}},"textColor":"secondary"} -->
                                <h5 class="wp-block-heading has-secondary-color has-text-color" style="padding-top:0.4rem;padding-bottom:0"><?php echo esc_html('100% Commitment-Free', 'fota-home-solutions') ?></h5>
                                <!-- /wp:heading -->
                            </div>
                            <!-- /wp:group -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:buttons -->
                        <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"secondary","textColor":"foregound-alt","style":{"border":{"radius":"50px"},"spacing":{"padding":{"left":"var:preset|spacing|70","right":"var:preset|spacing|70","top":"1.3rem","bottom":"1.3rem"}}},"className":"is-style-button-hover-white-bgcolor"} -->
                            <div class="wp-block-button is-style-button-hover-white-bgcolor"><a class="wp-block-button__link has-foregound-alt-color has-secondary-background-color has-text-color has-background wp-element-button" style="border-radius:50px;padding-top:1.3rem;padding-right:var(--wp--preset--spacing--70);padding-bottom:1.3rem;padding-left:var(--wp--preset--spacing--70)"><?php echo esc_html('Call Us Now', 'fota-home-solutions') ?></a></div>
                            <!-- /wp:button -->
                        </div>
                        <!-- /wp:buttons -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"verticalAlignment":"center","width":"45%","style":{"spacing":{"padding":{"top":"20px"}}}} -->
                    <div class="wp-block-column is-vertically-aligned-center" style="padding-top:20px;flex-basis:45%"><!-- wp:image {"id":620,"sizeSlug":"full","linkDestination":"none"} -->
                        <figure class="wp-block-image size-full"><img src="<?php echo esc_url($fhs_images[0]) ?>" alt="" class="wp-image-620" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:group -->
        </div>
    </div>
    <!-- /wp:cover -->
</div>
<!-- /wp:group -->