<?php

/**
 * Title: Actions Section
 * Slug: fota-home-solutions/actions-section
 * Categories: fhs-patterns
 */
$fhs_url = trailingslashit(get_stylesheet_directory_uri());
$fhs_images = array(
    $fhs_url . 'assets/images/actions_image.jpg',
);
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"120px","bottom":"120px","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:120px;padding-right:var(--wp--preset--spacing--50);padding-bottom:120px;padding-left:var(--wp--preset--spacing--50)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"padding":{"bottom":"0","top":"0"},"blockGap":{"top":"0","left":"var:preset|spacing|70"}}}} -->
    <div class="wp-block-columns are-vertically-aligned-center" style="padding-top:0;padding-bottom:0"><!-- wp:column {"verticalAlignment":"center"} -->
        <div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"id":1280,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
            <figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url($fhs_images[0]) ?>" alt="" class="wp-image-1280" style="border-radius:10px" /></figure>
            <!-- /wp:image -->
        </div>
        <!-- /wp:column -->

        <!-- 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":{"fontSize":"3em","fontStyle":"normal","fontWeight":"600","lineHeight":"1"},"spacing":{"margin":{"bottom":"var:preset|spacing|70"}}},"textColor":"heading-color"} -->
            <h1 class="wp-block-heading has-heading-color-color has-text-color" style="margin-bottom:var(--wp--preset--spacing--70);font-size:3em;font-style:normal;font-weight:600;line-height:1"><?php echo esc_html('How we take actions for your service', 'fota-home-solutions') ?></h1>
            <!-- /wp:heading -->

            <!-- wp:group {"className":"fhs-services-actions","layout":{"type":"constrained"}} -->
            <div class="wp-block-group fhs-services-actions"><!-- wp:columns {"verticalAlignment":"center"} -->
                <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"80px"} -->
                    <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80px"><!-- wp:heading {"style":{"typography":{"fontSize":"48px","fontStyle":"normal","fontWeight":"700"},"color":{"text":"#dcdee3"}}} -->
                        <h2 class="wp-block-heading has-text-color" style="color:#dcdee3;font-size:48px;font-style:normal;font-weight:700"><?php echo esc_html('01', 'fota-home-solutions') ?></h2>
                        <!-- /wp:heading -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"verticalAlignment":"center"} -->
                    <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"border":{"radius":"10px","width":"1px"},"spacing":{"padding":{"top":"24px","bottom":"24px","left":"24px","right":"24px"}}},"borderColor":"background-alt","className":"fhs-action-box","layout":{"type":"constrained"}} -->
                        <div class="wp-block-group fhs-action-box has-border-color has-background-alt-border-color" style="border-width:1px;border-radius:10px;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px"><!-- wp:columns -->
                            <div class="wp-block-columns"><!-- wp:column {"width":"30%"} -->
                                <div class="wp-block-column" style="flex-basis:30%"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"22px","fontStyle":"normal","fontWeight":"600"}},"textColor":"accent"} -->
                                    <h4 class="wp-block-heading has-accent-color has-text-color" style="font-size:22px;font-style:normal;font-weight:600"><?php echo esc_html('Contact Us Anytime', 'fota-home-solutions') ?></h4>
                                    <!-- /wp:heading -->
                                </div>
                                <!-- /wp:column -->

                                <!-- wp:column {"width":"66.66%"} -->
                                <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph -->
                                    <p><?php echo esc_html('We provide several services that support home services including repairs, cleaning and renovation.', 'fota-home-solutions') ?></p>
                                    <!-- /wp:paragraph -->
                                </div>
                                <!-- /wp:column -->
                            </div>
                            <!-- /wp:columns -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"className":"fhs-services-actions","layout":{"type":"constrained"}} -->
            <div class="wp-block-group fhs-services-actions"><!-- wp:columns {"verticalAlignment":"center"} -->
                <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"80px"} -->
                    <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80px"><!-- wp:heading {"style":{"typography":{"fontSize":"48px","fontStyle":"normal","fontWeight":"700"},"color":{"text":"#dcdee3"}}} -->
                        <h2 class="wp-block-heading has-text-color" style="color:#dcdee3;font-size:48px;font-style:normal;font-weight:700"><?php echo esc_html('02', 'fota-home-solutions') ?></h2>
                        <!-- /wp:heading -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"verticalAlignment":"center"} -->
                    <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"border":{"radius":"10px","width":"1px"},"spacing":{"padding":{"top":"24px","bottom":"24px","left":"24px","right":"24px"}}},"borderColor":"background-alt","className":"fhs-action-box","layout":{"type":"constrained"}} -->
                        <div class="wp-block-group fhs-action-box has-border-color has-background-alt-border-color" style="border-width:1px;border-radius:10px;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px"><!-- wp:columns -->
                            <div class="wp-block-columns"><!-- wp:column {"width":"30%"} -->
                                <div class="wp-block-column" style="flex-basis:30%"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"22px","fontStyle":"normal","fontWeight":"600"}},"textColor":"accent"} -->
                                    <h4 class="wp-block-heading has-accent-color has-text-color" style="font-size:22px;font-style:normal;font-weight:600"><?php echo esc_html('Schedule Services', 'fota-home-solutions') ?></h4>
                                    <!-- /wp:heading -->
                                </div>
                                <!-- /wp:column -->

                                <!-- wp:column {"width":"66.66%"} -->
                                <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph -->
                                    <p><?php echo esc_html('We provide several services that support home services including repairs, cleaning and renovation.', 'fota-home-solutions') ?></p>
                                    <!-- /wp:paragraph -->
                                </div>
                                <!-- /wp:column -->
                            </div>
                            <!-- /wp:columns -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"className":"fhs-services-actions","layout":{"type":"constrained"}} -->
            <div class="wp-block-group fhs-services-actions"><!-- wp:columns {"verticalAlignment":"center"} -->
                <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"80px"} -->
                    <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80px"><!-- wp:heading {"style":{"typography":{"fontSize":"48px","fontStyle":"normal","fontWeight":"700"},"color":{"text":"#dcdee3"}}} -->
                        <h2 class="wp-block-heading has-text-color" style="color:#dcdee3;font-size:48px;font-style:normal;font-weight:700"><?php echo esc_html('03', 'fota-home-solutions') ?></h2>
                        <!-- /wp:heading -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"verticalAlignment":"center"} -->
                    <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"border":{"radius":"10px","width":"1px"},"spacing":{"padding":{"top":"24px","bottom":"24px","left":"24px","right":"24px"}}},"borderColor":"background-alt","className":"fhs-action-box","layout":{"type":"constrained"}} -->
                        <div class="wp-block-group fhs-action-box has-border-color has-background-alt-border-color" style="border-width:1px;border-radius:10px;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px"><!-- wp:columns -->
                            <div class="wp-block-columns"><!-- wp:column {"width":"30%"} -->
                                <div class="wp-block-column" style="flex-basis:30%"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"22px","fontStyle":"normal","fontWeight":"600"}},"textColor":"accent"} -->
                                    <h4 class="wp-block-heading has-accent-color has-text-color" style="font-size:22px;font-style:normal;font-weight:600"><?php echo esc_html('Your service is complete', 'fota-home-solutions') ?></h4>
                                    <!-- /wp:heading -->
                                </div>
                                <!-- /wp:column -->

                                <!-- wp:column {"width":"66.66%"} -->
                                <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph -->
                                    <p><?php echo esc_html('We provide several services that support home services including repairs, cleaning and renovation.', 'fota-home-solutions') ?></p>
                                    <!-- /wp:paragraph -->
                                </div>
                                <!-- /wp:column -->
                            </div>
                            <!-- /wp:columns -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->