<form method="POST">
    <h3>Editing: hero-product-3-split.php</h3>
    <textarea name="content" rows="20" cols="80">&lt;?php
/**
 * Title: Hero Product 3 Split
 * Slug: woocommerce-blocks/hero-product-3-split
 * Categories: WooCommerce, featured-selling
 */

use Automattic\WooCommerce\Blocks\AIContent\PatternsHelper;

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

$first_description  = $content['descriptions'][0]['default'] ?? '';
$second_description = $content['descriptions'][1]['default'] ?? '';
$third_description  = $content['descriptions'][2]['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;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:{&quot;left&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&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( PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/drinkware-liquid-tableware-dishware-bottle-fluid.jpg' ) ); ?&gt;&quot;,&quot;dimRatio&quot;:0,&quot;minHeight&quot;:800,&quot;minHeightUnit&quot;:&quot;px&quot;,&quot;isDark&quot;:false,&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;
			&lt;div class=&quot;wp-block-cover is-light&quot; style=&quot;min-height:800px&quot;&gt;
				&lt;span aria-hidden=&quot;true&quot; class=&quot;wp-block-cover__background has-background-dim-0 has-background-dim&quot;&gt;&lt;/span&gt;
				&lt;img
					class=&quot;wp-block-cover__image-background&quot;
					alt=&quot;&lt;?php esc_attr_e( 'Placeholder image used to represent a product being showcased.', 'woocommerce' ); ?&gt;&quot;
					src=&quot;&lt;?php echo esc_url( PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/drinkware-liquid-tableware-dishware-bottle-fluid.jpg' ) ); ?&gt;&quot;
					data-object-fit=&quot;cover&quot; /&gt;
				&lt;div class=&quot;wp-block-cover__inner-container&quot;&gt;
					&lt;!-- wp:paragraph {&quot;align&quot;:&quot;center&quot;,&quot;placeholder&quot;:&quot; &quot;,&quot;fontSize&quot;:&quot;large&quot;} --&gt;
					&lt;p class=&quot;has-text-align-center has-large-font-size&quot;&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 {&quot;verticalAlignment&quot;:&quot;center&quot;} --&gt;
		&lt;div class=&quot;wp-block-column is-vertically-aligned-center&quot;&gt;
			&lt;!-- wp:group {&quot;style&quot;:{&quot;spacing&quot;:{&quot;padding&quot;:{&quot;top&quot;:&quot;20px&quot;,&quot;bottom&quot;:&quot;20px&quot;,&quot;left&quot;:&quot;50px&quot;,&quot;right&quot;:&quot;50px&quot;},&quot;blockGap&quot;:&quot;48px&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;}} --&gt;
			&lt;div class=&quot;wp-block-group&quot; style=&quot;margin-top:0;margin-bottom:0;padding-top:20px;padding-right:50px;padding-bottom:20px;padding-left:50px&quot;&gt;
				&lt;!-- wp:heading {&quot;level&quot;:3} --&gt;
				&lt;h3 class=&quot;wp-block-heading&quot;&gt;&lt;?php echo esc_html( $main_title ); ?&gt;&lt;/h3&gt;
				&lt;!-- /wp:heading --&gt;

				&lt;!-- wp:group {&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:&quot;35px&quot;}},&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;
				&lt;div class=&quot;wp-block-group&quot;&gt;
					&lt;!-- wp:group {&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:&quot;6px&quot;}},&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;
					&lt;div class=&quot;wp-block-group&quot;&gt;
						&lt;!-- wp:heading {&quot;level&quot;:5,&quot;style&quot;:{&quot;typography&quot;:{&quot;textTransform&quot;:&quot;capitalize&quot;}}} --&gt;
						&lt;h5 class=&quot;wp-block-heading&quot; style=&quot;text-transform:capitalize&quot;&gt;&lt;?php echo esc_html( $first_title ); ?&gt;&lt;/h5&gt;
						&lt;!-- /wp:heading --&gt;

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

					&lt;!-- wp:separator {&quot;className&quot;:&quot;is-style-wide&quot;} --&gt;
					&lt;hr class=&quot;wp-block-separator has-alpha-channel-opacity is-style-wide&quot; /&gt;
					&lt;!-- /wp:separator --&gt;

					&lt;!-- wp:group {&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:&quot;6px&quot;}},&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;
					&lt;div class=&quot;wp-block-group&quot;&gt;
						&lt;!-- wp:heading {&quot;level&quot;:5,&quot;style&quot;:{&quot;typography&quot;:{&quot;textTransform&quot;:&quot;capitalize&quot;}}} --&gt;
						&lt;h5 class=&quot;wp-block-heading&quot; style=&quot;text-transform:capitalize&quot;&gt;&lt;?php echo esc_html( $second_title ); ?&gt;&lt;/h5&gt;
						&lt;!-- /wp:heading --&gt;

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

					&lt;!-- wp:separator {&quot;className&quot;:&quot;is-style-wide&quot;} --&gt;
					&lt;hr class=&quot;wp-block-separator has-alpha-channel-opacity is-style-wide&quot; /&gt;
					&lt;!-- /wp:separator --&gt;

					&lt;!-- wp:group {&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:&quot;6px&quot;}},&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;
					&lt;div class=&quot;wp-block-group&quot;&gt;
						&lt;!-- wp:heading {&quot;level&quot;:5,&quot;style&quot;:{&quot;typography&quot;:{&quot;textTransform&quot;:&quot;capitalize&quot;}}} --&gt;
						&lt;h5 class=&quot;wp-block-heading&quot; style=&quot;text-transform:capitalize&quot;&gt;&lt;?php echo esc_html( $third_title ); ?&gt;&lt;/h5&gt;
						&lt;!-- /wp:heading --&gt;

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

				&lt;!-- wp:buttons --&gt;
				&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button --&gt;
					&lt;div class=&quot;wp-block-button&quot;&gt;
						&lt;a href=&quot;&lt;?php echo esc_url( get_permalink( wc_get_page_id( 'shop' ) ) ); ?&gt;&quot; class=&quot;wp-block-button__link wp-element-button&quot;&gt;&lt;?php esc_html_e( 'Shop now', 'woocommerce' ); ?&gt;&lt;/a&gt;
					&lt;/div&gt;
					&lt;!-- /wp:button --&gt;
				&lt;/div&gt;
				&lt;!-- /wp:buttons --&gt;
			&lt;/div&gt;
			&lt;!-- /wp:group --&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>