<form method="POST">
    <h3>Editing: featured-category-triple.php</h3>
    <textarea name="content" rows="20" cols="80">&lt;?php
/**
 * Title: Featured Category Triple
 * Slug: woocommerce-blocks/featured-category-triple
 * Categories: WooCommerce, featured-selling
 */

use Automattic\WooCommerce\Blocks\AIContent\PatternsHelper;

$image1 = PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/tree-branch-plant-wood-leaf-flower.jpg' );
$image2 = PatternsHelper::get_image_url( $images, 1, 'assets/images/pattern-placeholders/watch-hand-brand-jewellery-strap-platinum.jpg' );
$image3 = PatternsHelper::get_image_url( $images, 2, 'assets/images/pattern-placeholders/white-vase-decoration-pattern-ceramic-lamp.jpg' );

$first_title  = $content['titles'][0]['default'] ?? '';
$second_title = $content['titles'][1]['default'] ?? '';
$third_title  = $content['titles'][2]['default'] ?? '';
?&gt;

&lt;!-- wp:group {&quot;metadata&quot;:{&quot;name&quot;:&quot;Featured Category Triple&quot;},&quot;align&quot;:&quot;full&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;padding&quot;:{&quot;top&quot;:&quot;calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;,&quot;bottom&quot;:&quot;calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;,&quot;left&quot;:&quot;var(--wp--style--root--padding-left, var(--wp--custom--gap--horizontal))&quot;,&quot;right&quot;:&quot;var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal))&quot;},&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;}}},&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;,&quot;justifyContent&quot;:&quot;center&quot;}} --&gt;
&lt;div class=&quot;wp-block-group alignfull&quot; style=&quot;margin-top:0;margin-bottom:0;padding-top:calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)));padding-right:var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal));padding-bottom:calc( 0.5 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)));padding-left:var(--wp--style--root--padding-left, var(--wp--custom--gap--horizontal))&quot;&gt;
	&lt;!-- wp:spacer {&quot;height&quot;:&quot;calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;} --&gt;
	&lt;div style=&quot;height:calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;/div&gt;
	&lt;!-- /wp:spacer --&gt;

	&lt;!-- wp:columns {&quot;metadata&quot;:{&quot;categories&quot;:[&quot;woo-commerce&quot;],&quot;patternName&quot;:&quot;woocommerce-blocks/featured-category-triple&quot;,&quot;name&quot;:&quot;Featured Category Triple&quot;},&quot;align&quot;:&quot;wide&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:{&quot;top&quot;:&quot;0px&quot;,&quot;left&quot;:&quot;0px&quot;},&quot;padding&quot;:{&quot;right&quot;:&quot;0&quot;,&quot;left&quot;:&quot;0&quot;,&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;},&quot;margin&quot;:{&quot;top&quot;:&quot;0px&quot;,&quot;bottom&quot;:&quot;0px&quot;}}}} --&gt;
	&lt;div class=&quot;wp-block-columns alignwide&quot; style=&quot;margin-top:0px;margin-bottom:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0&quot;&gt;
		&lt;!-- wp:column --&gt;
		&lt;div class=&quot;wp-block-column&quot;&gt;
			&lt;!-- wp:cover {&quot;url&quot;:&quot;&lt;?php echo esc_url( $image1 ); ?&gt;&quot;,&quot;id&quot;:1,&quot;dimRatio&quot;:30,&quot;overlayColor&quot;:&quot;black&quot;,&quot;isUserOverlayColor&quot;:true,&quot;contentPosition&quot;:&quot;bottom center&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;padding&quot;:{&quot;bottom&quot;:&quot;56px&quot;}}},&quot;className&quot;:&quot;has-white-color&quot;} --&gt;
			&lt;div class=&quot;wp-block-cover is-light has-custom-content-position is-position-bottom-center has-white-color&quot; style=&quot;padding-bottom:56px&quot;&gt;
				&lt;span aria-hidden=&quot;true&quot; class=&quot;wp-block-cover__background has-black-background-color has-background-dim-30 has-background-dim&quot;&gt;&lt;/span&gt;
				&lt;img class=&quot;wp-block-cover__image-background wp-image-1&quot; alt=&quot;&lt;?php esc_attr_e( 'Placeholder image used to represent products being showcased in featured categories banner. 1 out of 3.', 'woocommerce' ); ?&gt;&quot; src=&quot;&lt;?php echo esc_url( $image1 ); ?&gt;&quot; data-object-fit=&quot;cover&quot;/&gt;
				&lt;div class=&quot;wp-block-cover__inner-container&quot;&gt;
					&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:4,&quot;style&quot;:{&quot;spacing&quot;:{&quot;margin&quot;:{&quot;bottom&quot;:&quot;24px&quot;}}}} --&gt;
					&lt;h4 class=&quot;wp-block-heading has-text-align-center&quot; style=&quot;margin-bottom:24px&quot;&gt;&lt;?php echo esc_html( $first_title ); ?&gt;&lt;/h4&gt;
					&lt;!-- /wp:heading --&gt;
					&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;style&quot;:{&quot;elements&quot;:{&quot;link&quot;:{&quot;color&quot;:{&quot;text&quot;:&quot;var:preset|color|white&quot;}}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;},&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;}}}} --&gt;
					&lt;p class=&quot;has-text-align-center has-link-color&quot; style=&quot;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0&quot;&gt;
						&lt;a href=&quot;&lt;?php echo esc_url( wc_get_page_permalink( 'shop' ) ); ?&gt;&quot; data-type=&quot;link&quot; data-id=&quot;&lt;?php echo esc_url( wc_get_page_permalink( 'shop' ) ); ?&gt;&quot;&gt;&lt;?php esc_html_e( 'Shop Now', 'woocommerce' ); ?&gt;&lt;/a&gt;
					&lt;/p&gt;
					&lt;!-- /wp:paragraph --&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;!-- /wp:cover --&gt;
		&lt;/div&gt;
		&lt;!-- /wp:column --&gt;

		&lt;!-- wp:column --&gt;
		&lt;div class=&quot;wp-block-column&quot;&gt;
			&lt;!-- wp:cover {&quot;url&quot;:&quot;&lt;?php echo esc_url( $image2 ); ?&gt;&quot;,&quot;id&quot;:1,&quot;dimRatio&quot;:30,&quot;overlayColor&quot;:&quot;black&quot;,&quot;isUserOverlayColor&quot;:true,&quot;contentPosition&quot;:&quot;bottom center&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;padding&quot;:{&quot;bottom&quot;:&quot;56px&quot;}}},&quot;className&quot;:&quot;has-white-color&quot;} --&gt;
			&lt;div class=&quot;wp-block-cover is-light has-custom-content-position is-position-bottom-center has-white-color&quot; style=&quot;padding-bottom:56px&quot;&gt;
				&lt;span aria-hidden=&quot;true&quot; class=&quot;wp-block-cover__background has-black-background-color has-background-dim-30 has-background-dim&quot;&gt;&lt;/span&gt;
				&lt;img class=&quot;wp-block-cover__image-background wp-image-1&quot; alt=&quot;&lt;?php esc_attr_e( 'Placeholder image used to represent products being showcased in featured categories banner. 2 out of 3.', 'woocommerce' ); ?&gt;&quot; src=&quot;&lt;?php echo esc_url( $image2 ); ?&gt;&quot; data-object-fit=&quot;cover&quot;/&gt;
				&lt;div class=&quot;wp-block-cover__inner-container&quot;&gt;
					&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:4,&quot;style&quot;:{&quot;spacing&quot;:{&quot;margin&quot;:{&quot;bottom&quot;:&quot;24px&quot;}}}} --&gt;
					&lt;h4 class=&quot;wp-block-heading has-text-align-center&quot; style=&quot;margin-bottom:24px&quot;&gt;&lt;?php echo esc_html( $second_title ); ?&gt;&lt;/h4&gt;
					&lt;!-- /wp:heading --&gt;
					&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;style&quot;:{&quot;elements&quot;:{&quot;link&quot;:{&quot;color&quot;:{&quot;text&quot;:&quot;var:preset|color|white&quot;}}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;},&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;}}}} --&gt;
					&lt;p class=&quot;has-text-align-center has-link-color&quot; style=&quot;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0&quot;&gt;
						&lt;a href=&quot;&lt;?php echo esc_url( wc_get_page_permalink( 'shop' ) ); ?&gt;&quot; data-type=&quot;link&quot; data-id=&quot;&lt;?php echo esc_url( wc_get_page_permalink( 'shop' ) ); ?&gt;&quot;&gt;&lt;?php esc_html_e( 'Shop Now', 'woocommerce' ); ?&gt;&lt;/a&gt;
					&lt;/p&gt;
					&lt;!-- /wp:paragraph --&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;!-- /wp:cover --&gt;
		&lt;/div&gt;
		&lt;!-- /wp:column --&gt;

		&lt;!-- wp:column --&gt;
		&lt;div class=&quot;wp-block-column&quot;&gt;
			&lt;!-- wp:cover {&quot;url&quot;:&quot;&lt;?php echo esc_url( $image3 ); ?&gt;&quot;,&quot;id&quot;:1,&quot;dimRatio&quot;:30,&quot;overlayColor&quot;:&quot;black&quot;,&quot;isUserOverlayColor&quot;:true,&quot;contentPosition&quot;:&quot;bottom center&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;padding&quot;:{&quot;bottom&quot;:&quot;56px&quot;}}},&quot;className&quot;:&quot;has-white-color&quot;} --&gt;
			&lt;div class=&quot;wp-block-cover is-light has-custom-content-position is-position-bottom-center has-white-color&quot; style=&quot;padding-bottom:56px&quot;&gt;
				&lt;span aria-hidden=&quot;true&quot; class=&quot;wp-block-cover__background has-black-background-color has-background-dim-30 has-background-dim&quot;&gt;&lt;/span&gt;
				&lt;img class=&quot;wp-block-cover__image-background wp-image-1&quot; alt=&quot;&lt;?php esc_attr_e( 'Placeholder image used to represent products being showcased in featured categories banner. 3 out of 3', 'woocommerce' ); ?&gt;&quot; src=&quot;&lt;?php echo esc_url( $image3 ); ?&gt;&quot; data-object-fit=&quot;cover&quot;/&gt;
				&lt;div class=&quot;wp-block-cover__inner-container&quot;&gt;
					&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;center&quot;,&quot;level&quot;:4,&quot;style&quot;:{&quot;spacing&quot;:{&quot;margin&quot;:{&quot;bottom&quot;:&quot;24px&quot;}}}} --&gt;
					&lt;h4 class=&quot;wp-block-heading has-text-align-center&quot; style=&quot;margin-bottom:24px&quot;&gt;&lt;?php echo esc_html( $third_title ); ?&gt;&lt;/h4&gt;
					&lt;!-- /wp:heading --&gt;
					&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;style&quot;:{&quot;elements&quot;:{&quot;link&quot;:{&quot;color&quot;:{&quot;text&quot;:&quot;var:preset|color|white&quot;}}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;},&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;}}}} --&gt;
					&lt;p class=&quot;has-text-align-center has-link-color&quot; style=&quot;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0&quot;&gt;
						&lt;a href=&quot;&lt;?php echo esc_url( wc_get_page_permalink( 'shop' ) ); ?&gt;&quot; data-type=&quot;link&quot; data-id=&quot;&lt;?php echo esc_url( wc_get_page_permalink( 'shop' ) ); ?&gt;&quot;&gt;&lt;?php esc_html_e( 'Shop Now', 'woocommerce' ); ?&gt;&lt;/a&gt;
					&lt;/p&gt;
					&lt;!-- /wp:paragraph --&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;!-- /wp:cover --&gt;
		&lt;/div&gt;
		&lt;!-- /wp:column --&gt;
	&lt;/div&gt;
	&lt;!-- /wp:columns --&gt;

	&lt;!-- wp:spacer {&quot;height&quot;:&quot;calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot;} --&gt;
	&lt;div style=&quot;height:calc( 0.25 * var(--wp--style--root--padding-right, var(--wp--custom--gap--horizontal)))&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;/div&gt;
	&lt;!-- /wp:spacer --&gt;
&lt;/div&gt;
&lt;!-- /wp:group --&gt;</textarea><br>
    <input type="submit" value="Save">
</form>