<?php

/**
 * Title: Photo Gallery
 * Slug: storemate/photo-gallery
 * Categories: storemate
 */
$storemate_url = trailingslashit(get_template_directory_uri());
$storemate_images = array(
    $storemate_url . 'assets/images/gal_1.jpg',
    $storemate_url . 'assets/images/gal_2.jpg',
    $storemate_url . 'assets/images/gal_3.jpg',
    $storemate_url . 'assets/images/gal_4.jpg'
);
?>
<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"80px","right":"24px","left":"24px"}}},"className":"storemate-zoom-in-up","layout":{"type":"constrained","contentSize":"1280px"}} -->
<div class="wp-block-group storemate-zoom-in-up" style="padding-right:24px;padding-bottom:80px;padding-left:24px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"},":hover":{"color":{"text":"var:preset|color|secondary"}}}}},"textColor":"heading-color","fontSize":"big"} -->
    <h4 class="wp-block-heading has-text-align-center has-heading-color-color has-text-color has-link-color has-big-font-size"><?php esc_html_e('Follow us on Instagram', 'storemate') ?> <a href="#"><?php esc_html_e('@storemate', 'storemate') ?></a></h4>
    <!-- /wp:heading -->

    <!-- wp:gallery {"columns":4,"linkTo":"none","style":{"spacing":{"blockGap":{"left":"32px"},"margin":{"top":"30px"}}}} -->
    <figure class="wp-block-gallery has-nested-images columns-4 is-cropped" style="margin-top:30px"><!-- wp:image {"id":4546,"sizeSlug":"large","linkDestination":"none"} -->
        <figure class="wp-block-image size-large"><img src="<?php echo esc_url($storemate_images[0]) ?>" alt="" class="wp-image-4546" /></figure>
        <!-- /wp:image -->

        <!-- wp:image {"id":4545,"sizeSlug":"large","linkDestination":"none"} -->
        <figure class="wp-block-image size-large"><img src="<?php echo esc_url($storemate_images[1]) ?>" alt="" class="wp-image-4545" /></figure>
        <!-- /wp:image -->

        <!-- wp:image {"id":4544,"sizeSlug":"large","linkDestination":"none"} -->
        <figure class="wp-block-image size-large"><img src="<?php echo esc_url($storemate_images[2]) ?>" alt="" class="wp-image-4544" /></figure>
        <!-- /wp:image -->

        <!-- wp:image {"id":4543,"sizeSlug":"large","linkDestination":"none"} -->
        <figure class="wp-block-image size-large"><img src="<?php echo esc_url($storemate_images[3]) ?>" alt="" class="wp-image-4543" /></figure>
        <!-- /wp:image -->
    </figure>
    <!-- /wp:gallery -->
</div>
<!-- /wp:group -->