<?php

/**
 * Title: App Download Section
 * Slug: storemate/app-download
 * Categories: storemate
 */
$storemate_url = trailingslashit(get_template_directory_uri());
$storemate_images = array(
    $storemate_url . 'assets/images/ios_app.png',
    $storemate_url . 'assets/images/android_app.png',
    $storemate_url . 'assets/images/mobile_apps.png',
);

?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"120px","bottom":"120px","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"className":"storemate-slide-up","layout":{"type":"constrained","contentSize":"1280px"}} -->
<div class="wp-block-group storemate-slide-up" style="padding-top:120px;padding-right:var(--wp--preset--spacing--40);padding-bottom:120px;padding-left:var(--wp--preset--spacing--40)"><!-- wp:columns {"verticalAlignment":"center","style":{"border":{"radius":"0"},"spacing":{"padding":{"top":"0","bottom":"0","left":"80px","right":"80px"},"blockGap":{"left":"80px"}}},"backgroundColor":"light-shade"} -->
    <div class="wp-block-columns are-vertically-aligned-center has-light-shade-background-color has-background" style="border-radius:0;padding-top:0;padding-right:80px;padding-bottom:0;padding-left:80px"><!-- wp:column {"verticalAlignment":"center"} -->
        <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"20px"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
            <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:20px"><!-- wp:heading {"fontSize":"xx-large"} -->
                <h2 class="wp-block-heading has-xx-large-font-size"><?php esc_html_e('Download Our App', 'storemate') ?></h2>
                <!-- /wp:heading -->

                <!-- wp:paragraph -->
                <p><?php esc_html_e('Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat', 'storemate') ?></p>
                <!-- /wp:paragraph -->

                <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                <div class="wp-block-group"><!-- wp:image {"id":3480,"width":"auto","height":"50px","sizeSlug":"full","linkDestination":"custom"} -->
                    <figure class="wp-block-image size-full is-resized"><a href="#"><img src="<?php echo esc_url($storemate_images[0]) ?>" alt="" class="wp-image-3480" style="width:auto;height:50px" /></a></figure>
                    <!-- /wp:image -->

                    <!-- wp:image {"id":3481,"width":"auto","height":"50px","sizeSlug":"full","linkDestination":"custom"} -->
                    <figure class="wp-block-image size-full is-resized"><a href="#"><img src="<?php echo esc_url($storemate_images[1]) ?>" alt="" class="wp-image-3481" style="width:auto;height:50px" /></a></figure>
                    <!-- /wp:image -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"verticalAlignment":"center","width":"480px"} -->
        <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:480px"><!-- wp:image {"id":3468,"width":"480px","sizeSlug":"full","linkDestination":"none","className":"storemate-app-image storemate-zoom-in"} -->
            <figure class="wp-block-image size-full is-resized storemate-app-image storemate-zoom-in"><img src="<?php echo esc_url($storemate_images[2]) ?>" alt="" class="wp-image-3468" style="width:480px" /></figure>
            <!-- /wp:image -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->