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

use Automattic\WooCommerce\Blocks\AIContent\PatternsHelper;

$image1 = PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/table-wood-house-chair-floor-window.jpg' );

$category_title = $content['titles'][0]['default'] ?? '';
$description    = $content['descriptions'][0]['default'] ?? '';
$button         = $content['buttons'][0]['default'] ?? '';
?&gt;

&lt;!-- wp:group {&quot;metadata&quot;:{&quot;name&quot;:&quot;Featured Category Cover Image&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:cover {&quot;url&quot;:&quot;&lt;?php echo esc_url( $image1 ); ?&gt;&quot;,&quot;dimRatio&quot;:50,&quot;focalPoint&quot;:{&quot;x&quot;:0.5,&quot;y&quot;:1},&quot;minHeight&quot;:600,&quot;align&quot;:&quot;full&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;padding&quot;:{&quot;top&quot;:&quot;3%&quot;,&quot;right&quot;:&quot;0%&quot;,&quot;bottom&quot;:&quot;10%&quot;,&quot;left&quot;:&quot;5%&quot;},&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;},&quot;blockGap&quot;:&quot;1%&quot;}},&quot;layout&quot;:{&quot;type&quot;:&quot;default&quot;}} --&gt;
	&lt;div class=&quot;wp-block-cover alignfull&quot; style=&quot;margin-top:0;margin-bottom:0;padding-top:3%;padding-right:0%;padding-bottom:10%;padding-left:5%;min-height:600px&quot;&gt;
		&lt;span aria-hidden=&quot;true&quot; class=&quot;wp-block-cover__background has-background-dim&quot;&gt;&lt;/span&gt;
		&lt;img class=&quot;wp-block-cover__image-background&quot; alt=&quot;&quot; src=&quot;&lt;?php echo esc_url( $image1 ); ?&gt;&quot; style=&quot;object-position:50% 100%&quot; data-object-fit=&quot;cover&quot; data-object-position=&quot;50% 100%&quot;/&gt;
		&lt;div class=&quot;wp-block-cover__inner-container&quot;&gt;
			&lt;!-- wp:heading {&quot;level&quot;:3} --&gt;
			&lt;h3 class=&quot;wp-block-heading&quot;&gt;&lt;?php echo esc_html( $category_title ); ?&gt;&lt;/h3&gt;
			&lt;!-- /wp:heading --&gt;

			&lt;!-- wp:paragraph --&gt;
			&lt;p&gt;&lt;?php echo esc_html( $description ); ?&gt;&lt;/p&gt;
			&lt;!-- /wp:paragraph --&gt;

			&lt;!-- wp:buttons {&quot;style&quot;:{&quot;spacing&quot;:{&quot;margin&quot;:{&quot;top&quot;:&quot;var:preset|spacing|30&quot;,&quot;bottom&quot;:&quot;var:preset|spacing|30&quot;}}}} --&gt;
			&lt;div class=&quot;wp-block-buttons&quot; style=&quot;margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)&quot;&gt;
				&lt;!-- wp:button --&gt;
				&lt;div class=&quot;wp-block-button&quot;&gt;
					&lt;a href=&quot;&lt;?php echo esc_url( wc_get_page_permalink( 'shop' ) ); ?&gt;&quot; class=&quot;wp-block-button__link wp-element-button&quot;&gt;
						&lt;?php echo esc_html( $button ); ?&gt;
					&lt;/a&gt;
				&lt;/div&gt;
				&lt;!-- /wp:button --&gt;
			&lt;/div&gt;
			&lt;!-- /wp:buttons --&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;!-- /wp:cover --&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>