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

use Automattic\WooCommerce\Blocks\AIContent\PatternsHelper;

$banner_title       = $content['titles'][0]['default'] ?? '';
$banner_button      = $content['buttons'][0]['default'] ?? '';
$first_description  = $content['descriptions'][0]['default'] ?? '';
$second_description = $content['descriptions'][1]['default'] ?? '';
?&gt;

&lt;!-- wp:group {&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;align&quot;:&quot;wide&quot;} --&gt;
	&lt;div class=&quot;wp-block-columns alignwide&quot;&gt;
		&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;
		&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;
			&lt;!-- wp:paragraph {&quot;style&quot;:{&quot;typography&quot;:{&quot;fontSize&quot;:&quot;18px&quot;},&quot;spacing&quot;:{&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;right&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;,&quot;left&quot;:&quot;0&quot;}}}, &quot;textColor&quot;:&quot;base&quot;} --&gt;
			&lt;p class=&quot;has-base-color has-text-color&quot; style=&quot;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:18px&quot;&gt;&lt;strong&gt;&lt;?php echo esc_html( $first_description ); ?&gt;&lt;/strong&gt; &lt;/p&gt;
			&lt;!-- /wp:paragraph --&gt;

			&lt;!-- wp:heading {&quot;level&quot;:3,&quot;style&quot;:{&quot;typography&quot;:{&quot;fontSize&quot;:&quot;48px&quot;}},&quot;textColor&quot;:&quot;base&quot;} --&gt;
			&lt;h3 class=&quot;wp-block-heading has-base-color has-text-color&quot; style=&quot;font-size:48px&quot;&gt;&lt;?php echo esc_html( $banner_title ); ?&gt;&lt;/h3&gt;
			&lt;!-- /wp:heading --&gt;

			&lt;!-- wp:paragraph {&quot;style&quot;:{&quot;typography&quot;:{&quot;fontSize&quot;:&quot;24px&quot;},&quot;spacing&quot;:{&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;right&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;,&quot;left&quot;:&quot;0&quot;}}}, &quot;textColor&quot;:&quot;base&quot;} --&gt;
			&lt;p class=&quot;has-base-color has-text-color&quot; style=&quot;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:24px&quot;&gt;&lt;?php echo esc_html( $second_description ); ?&gt;&lt;/p&gt;
			&lt;!-- /wp:paragraph --&gt;

			&lt;!-- wp:buttons {&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:&quot;0&quot;,&quot;margin&quot;:{&quot;top&quot;:&quot;20px&quot;,&quot;bottom&quot;:&quot;0&quot;}}}} --&gt;
			&lt;div class=&quot;wp-block-buttons&quot; style=&quot;margin-top:20px;margin-bottom:0&quot;&gt;
				&lt;!-- wp:button {&quot;style&quot;:{&quot;typography&quot;:{&quot;fontSize&quot;:&quot;16px&quot;},&quot;border&quot;:{&quot;width&quot;:&quot;0px&quot;,&quot;style&quot;:&quot;none&quot;}},&quot;className&quot;:&quot;is-style-fill&quot;} --&gt;
				&lt;div class=&quot;wp-block-button has-custom-font-size is-style-fill&quot; style=&quot;font-size:16px&quot;&gt;
					&lt;a class=&quot;wp-block-button__link wp-element-button&quot; href=&quot;&lt;?php echo esc_url( get_permalink( wc_get_page_id( 'shop' ) ) ); ?&gt;&quot; style=&quot;border-style:none;border-width:0px;&quot;&gt;
						&lt;?php echo esc_html( $banner_button ); ?&gt;
					&lt;/a&gt;
				&lt;/div&gt;
				&lt;!-- /wp:button --&gt;
			&lt;/div&gt;
			&lt;!-- /wp:buttons --&gt;
		&lt;/div&gt;
		&lt;!-- /wp:column --&gt;

		&lt;!-- wp:column {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;
		&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;
			&lt;!-- wp:image {&quot;id&quot;:1,&quot;sizeSlug&quot;:&quot;full&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;
			&lt;figure class=&quot;wp-block-image size-full&quot;&gt;
				&lt;img src=&quot;&lt;?php echo esc_url( PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/music-needle-turntable-black-and-white-white-photography.jpg' ) ); ?&gt;&quot; alt=&quot;&lt;?php esc_attr_e( 'Placeholder image used to represent products being showcased in a banner.', 'woocommerce' ); ?&gt;&quot; class=&quot;wp-image-1&quot; /&gt;
			&lt;/figure&gt;
			&lt;!-- /wp:image --&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>