<?php

/**
 * Title: Why Choose Us Section
 * Slug: fota-home-solutions/why-choose-section
 * Categories: fhs-patterns
 */
$fhs_url = trailingslashit(get_stylesheet_directory_uri());
$fhs_images = array(
    $fhs_url . 'assets/images/icon_wcu.png',
    $fhs_url . 'assets/images/icon_quote.png',
    $fhs_url . 'assets/images/icon_verified.png',
    $fhs_url . 'assets/images/icon_24.png',
    $fhs_url . 'assets/images/icon_cal.png',
    $fhs_url . 'assets/images/icon_app.png'
);
?>
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"100px","bottom":"120px"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"primary","layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group has-primary-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:100px;padding-right:var(--wp--preset--spacing--50);padding-bottom:120px;padding-left:var(--wp--preset--spacing--50)"><!-- 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 {"textAlign":"left","style":{"typography":{"fontSize":"52px","fontStyle":"normal","fontWeight":"600"}},"textColor":"foreground-alt"} -->
            <h2 class="wp-block-heading has-text-align-left has-foreground-alt-color has-text-color" style="font-size:52px;font-style:normal;font-weight:600"><?php echo esc_html('Why Choose Fota Home Solutions', 'fota-home-solutions') ?></h2>
            <!-- /wp:heading -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"verticalAlignment":"center"} -->
        <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"style":{"typography":{"fontSize":"18px","lineHeight":"1.6"}},"textColor":"accent-lite"} -->
            <p class="has-accent-lite-color has-text-color" style="font-size:18px;line-height:1.6"><?php echo esc_html('No matter how big or small your work is, whether it\'s for the interior or exterior of your home, we are ready to serve and help you solve your home problems.', 'fota-home-solutions') ?></p>
            <!-- /wp:paragraph -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->

    <!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70"},"blockGap":{"left":"var:preset|spacing|80"},"margin":{"top":"var:preset|spacing|50"}},"border":{"top":{"color":"var:preset|color|border-color","width":"1px"}}}} -->
    <div class="wp-block-columns" style="border-top-color:var(--wp--preset--color--border-color);border-top-width:1px;margin-top:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--70)"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}}} -->
        <div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group"><!-- wp:columns -->
                <div class="wp-block-columns"><!-- wp:column {"width":"70px"} -->
                    <div class="wp-block-column" style="flex-basis:70px"><!-- wp:image {"id":827,"height":64,"sizeSlug":"full","linkDestination":"none"} -->
                        <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($fhs_images[0]) ?>" alt="" class="wp-image-827" style="height:64px" height="64" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
                    <div class="wp-block-column"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"foreground-alt","fontSize":"large"} -->
                        <h4 class="wp-block-heading has-foreground-alt-color has-text-color has-large-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html('Satisfaction Guarantee', 'fota-home-solutions') ?></h4>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"accent-lite"} -->
                        <p class="has-accent-lite-color has-text-color" style="line-height:1.6"><?php echo esc_html('You don\'t need to worry about scams or our performance results. our company has been verified and strives for optimal results', 'fota-home-solutions') ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group"><!-- wp:columns -->
                <div class="wp-block-columns"><!-- wp:column {"width":"70px"} -->
                    <div class="wp-block-column" style="flex-basis:70px"><!-- wp:image {"id":936,"height":64,"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-936" style="height:64px" height="64" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
                    <div class="wp-block-column"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"foreground-alt","fontSize":"large"} -->
                        <h4 class="wp-block-heading has-foreground-alt-color has-text-color has-large-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html('Free Quotes', 'fota-home-solutions') ?></h4>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"accent-lite"} -->
                        <p class="has-accent-lite-color has-text-color" style="line-height:1.6"><?php echo esc_html('We offer convenient appointment times that can accommodate your busy schedule, day or night, 7 days a week.', 'fota-home-solutions') ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group"><!-- wp:columns -->
                <div class="wp-block-columns"><!-- wp:column {"width":"70px"} -->
                    <div class="wp-block-column" style="flex-basis:70px"><!-- wp:image {"id":937,"height":64,"sizeSlug":"full","linkDestination":"none"} -->
                        <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($fhs_images[2]) ?>" alt="" class="wp-image-937" style="height:64px" height="64" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
                    <div class="wp-block-column"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"foreground-alt","fontSize":"large"} -->
                        <h4 class="wp-block-heading has-foreground-alt-color has-text-color has-large-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html('Verified Professionals', 'fota-home-solutions') ?></h4>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"accent-lite"} -->
                        <p class="has-accent-lite-color has-text-color" style="line-height:1.6"><?php echo esc_html('You are free to ask us about the problems you are facing. We offer a no-commitment approach to put your mind at ease', 'fota-home-solutions') ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}}} -->
        <div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group"><!-- wp:columns -->
                <div class="wp-block-columns"><!-- wp:column {"width":"70px"} -->
                    <div class="wp-block-column" style="flex-basis:70px"><!-- wp:image {"id":938,"height":64,"sizeSlug":"full","linkDestination":"none"} -->
                        <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($fhs_images[3]) ?>" alt="" class="wp-image-938" style="height:64px" height="64" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
                    <div class="wp-block-column"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"foreground-alt","fontSize":"large"} -->
                        <h4 class="wp-block-heading has-foreground-alt-color has-text-color has-large-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html('24 Hour Service', 'fota-home-solutions') ?></h4>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"accent-lite"} -->
                        <p class="has-accent-lite-color has-text-color" style="line-height:1.6"><?php echo esc_html('Need fast handling for repairs to drains, leaks or something else? Our experts are available anytime to help you solve the problem', 'fota-home-solutions') ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group"><!-- wp:columns -->
                <div class="wp-block-columns"><!-- wp:column {"width":"70px"} -->
                    <div class="wp-block-column" style="flex-basis:70px"><!-- wp:image {"id":939,"height":64,"sizeSlug":"full","linkDestination":"none"} -->
                        <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($fhs_images[4]) ?>" alt="" class="wp-image-939" style="height:64px" height="64" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
                    <div class="wp-block-column"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"foreground-alt","fontSize":"large"} -->
                        <h4 class="wp-block-heading has-foreground-alt-color has-text-color has-large-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html('Flexible Appointments', 'fota-home-solutions') ?></h4>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"accent-lite"} -->
                        <p class="has-accent-lite-color has-text-color" style="line-height:1.6"><?php echo esc_html('We offer convenient appointment times that can accommodate your busy schedule, day or night, 7 days a week.', 'fota-home-solutions') ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group"><!-- wp:columns -->
                <div class="wp-block-columns"><!-- wp:column {"width":"70px"} -->
                    <div class="wp-block-column" style="flex-basis:70px"><!-- wp:image {"id":940,"height":64,"sizeSlug":"full","linkDestination":"none"} -->
                        <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url($fhs_images[5]) ?>" alt="" class="wp-image-940" style="height:64px" height="64" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
                    <div class="wp-block-column"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"foreground-alt","fontSize":"large"} -->
                        <h4 class="wp-block-heading has-foreground-alt-color has-text-color has-large-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html('100% Hassle Free Support', 'fota-home-solutions') ?></h4>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"accent-lite"} -->
                        <p class="has-accent-lite-color has-text-color" style="line-height:1.6"><?php echo esc_html('You are free to ask us about the problems you are facing. We offer a no-commitment approach to put your mind at ease', 'fota-home-solutions') ?></p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->