<?php

/**
 * Title: Who We Serve Section
 * Slug: fota-home-solutions/wws-section
 * Categories: fhs-patterns
 */
$fhs_url = trailingslashit(get_stylesheet_directory_uri());
$fhs_images = array(
    $fhs_url . 'assets/images/icon_factory.png',
    $fhs_url . 'assets/images/icon_home.png',
    $fhs_url . 'assets/images/icon_commercial.png',
    $fhs_url . 'assets/images/icon_gov.png',
);
?>
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"90px","bottom":"120px"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group" style="padding-top:90px;padding-right:var(--wp--preset--spacing--40);padding-bottom:120px;padding-left:var(--wp--preset--spacing--40)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|60"},"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
    <div class="wp-block-columns are-vertically-aligned-center" style="padding-top:var(--wp--preset--spacing--60)"><!-- wp:column {"verticalAlignment":"center","width":"55%"} -->
        <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%"><!-- wp:heading {"level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"56px","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}},"textColor":"heading-color"} -->
            <h1 class="wp-block-heading has-heading-color-color has-text-color" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30);font-size:56px;font-style:normal;font-weight:700;line-height:1"><?php echo esc_html('Who We Serve', 'fota-home-solutions') ?></h1>
            <!-- /wp:heading -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"verticalAlignment":"center","width":"45%"} -->
        <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"16px","lineHeight":"1.6"}}} -->
            <p style="font-size:16px;font-style:normal;font-weight:400;line-height:1.6"><?php echo esc_html('We understand that your home is more than just a place it\'s where memories are made, where families gather, and where you deserve to feel comfortable and secure.', 'fota-home-solutions') ?></p>
            <!-- /wp:paragraph -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->

    <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50"},"margin":{"top":"60px"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
    <div class="wp-block-group" style="margin-top:60px;padding-top:var(--wp--preset--spacing--50)"><!-- wp:columns -->
        <div class="wp-block-columns"><!-- wp:column -->
            <div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"12px"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"background-alt","className":"fhs-wws-box","layout":{"type":"constrained"}} -->
                <div class="wp-block-group fhs-wws-box has-background-alt-background-color has-background" style="border-radius:12px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
                    <div class="wp-block-group"><!-- wp:image {"id":725,"width":72,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|primary-white"}},"className":"fhs-wws-icons"} -->
                        <figure class="wp-block-image size-full is-resized fhs-wws-icons"><img src="<?php echo esc_url($fhs_images[0]) ?>" alt="" class="wp-image-725" style="width:72px" width="72" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"28px"},"spacing":{"padding":{"top":"64px"}}}} -->
                    <h4 class="wp-block-heading" style="padding-top:64px;font-size:28px;font-style:normal;font-weight:600"><?php echo esc_html('Industrial Areas', 'fota-home-solutions') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph -->
                    <p><?php echo esc_html('Our Technicians have in-depth knowledge and expertise in Industrial market.', 'fota-home-solutions') ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column -->
            <div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"12px"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"background-alt","className":"fhs-wws-box","layout":{"type":"constrained"}} -->
                <div class="wp-block-group fhs-wws-box has-background-alt-background-color has-background" style="border-radius:12px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
                    <div class="wp-block-group"><!-- wp:image {"id":923,"width":72,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|primary-white"}},"className":"fhs-wws-icons"} -->
                        <figure class="wp-block-image size-full is-resized fhs-wws-icons"><img src="<?php echo esc_url($fhs_images[1]) ?>" alt="" class="wp-image-923" style="width:72px" width="72" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"28px"},"spacing":{"padding":{"top":"64px"}}}} -->
                    <h4 class="wp-block-heading" style="padding-top:64px;font-size:28px;font-style:normal;font-weight:600"><?php echo esc_html('Residential Homes', 'fota-home-solutions') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph -->
                    <p><?php echo esc_html('Our Technicians have in-depth knowledge and expertise in Industrial market.', 'fota-home-solutions') ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column -->
            <div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"12px"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"background-alt","className":"fhs-wws-box","layout":{"type":"constrained"}} -->
                <div class="wp-block-group fhs-wws-box has-background-alt-background-color has-background" style="border-radius:12px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
                    <div class="wp-block-group"><!-- wp:image {"id":924,"width":72,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|primary-white"}},"className":"fhs-wws-icons"} -->
                        <figure class="wp-block-image size-full is-resized fhs-wws-icons"><img src="<?php echo esc_url($fhs_images[2]) ?>" alt="" class="wp-image-924" style="width:72px" width="72" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"28px"},"spacing":{"padding":{"top":"64px"}}}} -->
                    <h4 class="wp-block-heading" style="padding-top:64px;font-size:28px;font-style:normal;font-weight:600"><?php echo esc_html('Commercial Building', 'fota-home-solutions') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph -->
                    <p><?php echo esc_html('Our Technicians have in-depth knowledge and expertise in Industrial market.', 'fota-home-solutions') ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column -->
            <div class="wp-block-column"><!-- wp:group {"style":{"border":{"radius":"12px"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"backgroundColor":"background-alt","className":"fhs-wws-box","layout":{"type":"constrained"}} -->
                <div class="wp-block-group fhs-wws-box has-background-alt-background-color has-background" style="border-radius:12px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
                    <div class="wp-block-group"><!-- wp:image {"id":925,"width":72,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|primary-white"}},"className":"fhs-wws-icons"} -->
                        <figure class="wp-block-image size-full is-resized fhs-wws-icons"><img src="<?php echo esc_url($fhs_images[3]) ?>" alt="" class="wp-image-925" style="width:72px" width="72" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"28px"},"spacing":{"padding":{"top":"64px"}}}} -->
                    <h4 class="wp-block-heading" style="padding-top:64px;font-size:28px;font-style:normal;font-weight:600"><?php echo esc_html('Governmental Projects', 'fota-home-solutions') ?></h4>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph -->
                    <p><?php echo esc_html('Our Technicians have in-depth knowledge and expertise in Industrial market.', 'fota-home-solutions') ?></p>
                    <!-- /wp:paragraph -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->