<form method="POST">
    <h3>Editing: three-columns-with-images-and-content.php</h3>
    <textarea name="content" rows="20" cols="80">&lt;?php
/**
 * Title: Three columns with images and content
 * Slug: woocommerce-blocks/three-columns-with-images-and-content
 * Categories: WooCommerce, Services
 */

declare(strict_types=1);
use Automattic\WooCommerce\Blocks\AIContent\PatternsHelper;

$header        = __( 'Our services', 'woocommerce' );
$product_title = __( 'Create anything', 'woocommerce' );
$description   = __( 'Navigating life\'s intricate fabric, choices unfold paths to the extraordinary, demanding creativity, curiosity, and courage for a truly fulfilling journey.', 'woocommerce' );
$image_0       = PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/table-wood-house-chair-floor-window.jpg' );
$image_1       = PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/hand-light-architecture-wood-white-house.jpg' );
$image_2       = PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/Image-table-wood-chair-stool-interior-restaurant.jpg' );

?&gt;

&lt;!-- wp:group {&quot;metadata&quot;:{&quot;name&quot;:&quot;Services&quot;},&quot;align&quot;:&quot;full&quot;,&quot;className&quot;:&quot;alignfull&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:group {&quot;align&quot;:&quot;wide&quot;,&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;
&lt;div class=&quot;wp-block-group alignwide&quot;&gt;&lt;!-- wp:heading {&quot;textAlign&quot;:&quot;left&quot;,&quot;align&quot;:&quot;full&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;fontStyle&quot;:&quot;normal&quot;}}} --&gt;
&lt;h2 class=&quot;wp-block-heading alignfull has-text-align-left&quot; style=&quot;font-style:normal;&quot;&gt;&lt;?php echo esc_html( $header ); ?&gt;&lt;/h2&gt;
&lt;!-- /wp:heading --&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;

&lt;!-- wp:spacer {&quot;height&quot;:&quot;var:preset|spacing|20&quot;} --&gt;
&lt;div style=&quot;height:var(--wp--preset--spacing--20)&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;top&quot;:&quot;var:preset|spacing|50&quot;,&quot;left&quot;:&quot;var:preset|spacing|30&quot;}}}} --&gt;
&lt;div class=&quot;wp-block-columns alignwide&quot;&gt;&lt;!-- wp:column --&gt;
&lt;div class=&quot;wp-block-column&quot;&gt;&lt;!-- wp:image {&quot;id&quot;:13699,&quot;aspectRatio&quot;:&quot;4/3&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;large&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;style&quot;:{&quot;color&quot;:[]}} --&gt;
&lt;figure class=&quot;wp-block-image size-large&quot;&gt;&lt;img src=&quot;&lt;?php echo esc_html( $image_0 ); ?&gt;&quot; alt=&quot;&quot; class=&quot;wp-image-13699&quot; style=&quot;aspect-ratio:4/3;object-fit:cover&quot; /&gt;&lt;/figure&gt;
&lt;!-- /wp:image --&gt;

&lt;!-- wp:spacer {&quot;height&quot;:&quot;4px&quot;} --&gt;
&lt;div style=&quot;height:4px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;/div&gt;
&lt;!-- /wp:spacer --&gt;

&lt;!-- wp:group {&quot;layout&quot;:{&quot;type&quot;:&quot;default&quot;}} --&gt;
&lt;div class=&quot;wp-block-group&quot;&gt;&lt;!-- wp:heading {&quot;level&quot;:3,&quot;className&quot;:&quot;is-service-name&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;fontStyle&quot;:&quot;normal&quot;,&quot;fontWeight&quot;:&quot;700&quot;}},&quot;fontSize&quot;:&quot;medium&quot;} --&gt;
&lt;h3 class=&quot;wp-block-heading is-service-name has-medium-font-size&quot; style=&quot;font-style:normal;font-weight:700&quot;&gt;&lt;?php echo esc_html( $product_title ); ?&gt;&lt;/h3&gt;
&lt;!-- /wp:heading --&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;

&lt;!-- wp:paragraph {&quot;className&quot;:&quot;is-service-description&quot;} --&gt;
&lt;p class=&quot;is-service-description&quot;&gt;&lt;?php echo esc_html( $description ); ?&gt;&lt;/p&gt;
&lt;!-- /wp:paragraph --&gt;&lt;/div&gt;
&lt;!-- /wp:column --&gt;

&lt;!-- wp:column --&gt;
&lt;div class=&quot;wp-block-column&quot;&gt;&lt;!-- wp:image {&quot;id&quot;:13707,&quot;aspectRatio&quot;:&quot;4/3&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;large&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;style&quot;:{&quot;color&quot;:[]}} --&gt;
&lt;figure class=&quot;wp-block-image size-large&quot;&gt;&lt;img src=&quot;&lt;?php echo esc_html( $image_1 ); ?&gt;&quot; alt=&quot;&quot; class=&quot;wp-image-13707&quot; style=&quot;aspect-ratio:4/3;object-fit:cover&quot; /&gt;&lt;/figure&gt;
&lt;!-- /wp:image --&gt;

&lt;!-- wp:spacer {&quot;height&quot;:&quot;4px&quot;} --&gt;
&lt;div style=&quot;height:4px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;/div&gt;
&lt;!-- /wp:spacer --&gt;

&lt;!-- wp:group {&quot;layout&quot;:{&quot;type&quot;:&quot;default&quot;}} --&gt;
&lt;div class=&quot;wp-block-group&quot;&gt;&lt;!-- wp:heading {&quot;level&quot;:3,&quot;className&quot;:&quot;is-service-name&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;fontStyle&quot;:&quot;normal&quot;,&quot;fontWeight&quot;:&quot;700&quot;}},&quot;fontSize&quot;:&quot;medium&quot;} --&gt;
&lt;h3 class=&quot;wp-block-heading is-service-name has-medium-font-size&quot; style=&quot;font-style:normal;font-weight:700&quot;&gt;&lt;?php echo esc_html( $product_title ); ?&gt;&lt;/h3&gt;
&lt;!-- /wp:heading --&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;

&lt;!-- wp:paragraph {&quot;className&quot;:&quot;is-service-description&quot;} --&gt;
&lt;p class=&quot;is-service-description&quot;&gt;&lt;?php echo esc_html( $description ); ?&gt;&lt;/p&gt;
&lt;!-- /wp:paragraph --&gt;&lt;/div&gt;
&lt;!-- /wp:column --&gt;

&lt;!-- wp:column --&gt;
&lt;div class=&quot;wp-block-column&quot;&gt;&lt;!-- wp:image {&quot;id&quot;:13699,&quot;aspectRatio&quot;:&quot;4/3&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;large&quot;,&quot;linkDestination&quot;:&quot;none&quot;,&quot;style&quot;:{&quot;color&quot;:[]}} --&gt;
&lt;figure class=&quot;wp-block-image size-large&quot;&gt;&lt;img src=&quot;&lt;?php echo esc_html( $image_2 ); ?&gt;&quot; alt=&quot;&quot; class=&quot;wp-image-13699&quot; style=&quot;aspect-ratio:4/3;object-fit:cover&quot; /&gt;&lt;/figure&gt;
&lt;!-- /wp:image --&gt;

&lt;!-- wp:spacer {&quot;height&quot;:&quot;4px&quot;} --&gt;
&lt;div style=&quot;height:4px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;&lt;/div&gt;
&lt;!-- /wp:spacer --&gt;

&lt;!-- wp:group {&quot;layout&quot;:{&quot;type&quot;:&quot;default&quot;}} --&gt;
&lt;div class=&quot;wp-block-group&quot;&gt;&lt;!-- wp:heading {&quot;level&quot;:3,&quot;className&quot;:&quot;is-service-name&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;fontStyle&quot;:&quot;normal&quot;,&quot;fontWeight&quot;:&quot;700&quot;}},&quot;fontSize&quot;:&quot;medium&quot;} --&gt;
&lt;h3 class=&quot;wp-block-heading is-service-name has-medium-font-size&quot; style=&quot;font-style:normal;font-weight:700&quot;&gt;&lt;?php echo esc_html( $product_title ); ?&gt;&lt;/h3&gt;
&lt;!-- /wp:heading --&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;

&lt;!-- wp:paragraph {&quot;className&quot;:&quot;is-service-description&quot;} --&gt;
&lt;p class=&quot;is-service-description&quot;&gt;&lt;?php echo esc_html( $description ); ?&gt;&lt;/p&gt;
&lt;!-- /wp:paragraph --&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>