<?php
/*
 * title: Product Categories
 * slug: storefront_blocks/product-categories
 * categories: storefront_blocks
 */
?>
<!-- wp:columns {"backgroundColor":"luminous-vivid-orange"} -->
<div class="wp-block-columns has-luminous-vivid-orange-background-color has-background"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","id":582,"width":"297px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url(get_theme_file_uri().'/assests/greenbag.jpeg'); ?>" alt="" class="wp-image-582" style="width:297px;height:auto"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color"><?php esc_html_e("Bag (150)","blossom-woocommerce"); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","id":581,"width":"297px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url(get_theme_file_uri().'/assests/girl.jpeg'); ?>" alt="" class="wp-image-581" style="width:297px;height:auto"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color"><?php esc_html_e("Women's (150)","blossom-woocommerce"); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","id":579,"width":"296px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url(get_theme_file_uri().'/assests/model.jpeg'); ?>" alt="" class="wp-image-579" style="width:296px;height:auto"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color"><?php esc_html_e("Model (100)","blossom-woocommerce"); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->