<form method="POST">
    <h3>Editing: social-follow-us-in-social-media.php</h3>
    <textarea name="content" rows="20" cols="80">&lt;?php
/**
 * Title: Social: Follow us on social media
 * Slug: woocommerce-blocks/social-follow-us-in-social-media
 * Categories: WooCommerce, social-media
 */

use Automattic\WooCommerce\Blocks\AIContent\PatternsHelper;

$image1 = PatternsHelper::get_image_url( $images, 0, 'assets/images/pattern-placeholders/drinkware-liquid-tableware-dishware-bottle-fluid.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/tree-branch-plant-wood-leaf-flower.jpg' );
$image4 = PatternsHelper::get_image_url( $images, 3, 'assets/images/pattern-placeholders/road-sport-vintage-wheel-retro-old.jpg' );

$social_title = $content['titles'][0]['default'] ?? '';
?&gt;

&lt;!-- wp:group {&quot;metadata&quot;:{&quot;name&quot;:&quot;Social: Follow us on social media&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:group {&quot;align&quot;:&quot;wide&quot;,&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;flexWrap&quot;:&quot;wrap&quot;,&quot;justifyContent&quot;:&quot;space-between&quot;}} --&gt;
	&lt;div class=&quot;wp-block-group alignwide&quot;&gt;
		&lt;!-- wp:heading {&quot;level&quot;:3,&quot;align&quot;:&quot;wide&quot;} --&gt;
		&lt;h3 class=&quot;wp-block-heading alignwide&quot;&gt;&lt;?php echo esc_html( $social_title ); ?&gt;&lt;/h3&gt;
		&lt;!-- /wp:heading --&gt;

		&lt;!-- wp:social-links {&quot;iconColor&quot;:&quot;primary&quot;,&quot;openInNewTab&quot;:true,&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;left&quot;:&quot;16px&quot;}}},&quot;className&quot;:&quot;has-icon-color is-style-logos-only&quot;,&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;space-between&quot;,&quot;orientation&quot;:&quot;horizontal&quot;}} --&gt;
		&lt;ul class=&quot;wp-block-social-links has-icon-color is-style-logos-only&quot;&gt;
			&lt;!-- wp:social-link {&quot;url&quot;:&quot;https://x.com&quot;,&quot;service&quot;:&quot;x&quot;} /--&gt;

			&lt;!-- wp:social-link {&quot;url&quot;:&quot;https://www.instagram.com/&quot;,&quot;service&quot;:&quot;instagram&quot;} /--&gt;

			&lt;!-- wp:social-link {&quot;url&quot;:&quot;https://www.facebook.com/&quot;,&quot;service&quot;:&quot;facebook&quot;} /--&gt;

			&lt;!-- wp:social-link {&quot;url&quot;:&quot;https://www.twitch.tv/&quot;,&quot;service&quot;:&quot;twitch&quot;} /--&gt;
		&lt;/ul&gt;
		&lt;!-- /wp:social-links --&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;} --&gt;
	&lt;div class=&quot;wp-block-columns alignwide&quot;&gt;
		&lt;!-- wp:column {&quot;width&quot;:&quot;25%&quot;} --&gt;
		&lt;div class=&quot;wp-block-column&quot; style=&quot;flex-basis:25%&quot;&gt;
			&lt;!-- wp:image {&quot;aspectRatio&quot;:&quot;1&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;large&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;
			&lt;figure class=&quot;wp-block-image is-resized size-large&quot;&gt;
				&lt;img src=&quot;&lt;?php echo esc_url( $image1 ); ?&gt;&quot; alt=&quot;&lt;?php esc_attr_e( 'Placeholder image used to represent products being showcased under the social media icons. 1 out of 4.', 'woocommerce' ); ?&gt;&quot; style=&quot;aspect-ratio:1;object-fit:cover;&quot;/&gt;
			&lt;/figure&gt;
			&lt;!-- /wp:image --&gt;
		&lt;/div&gt;
		&lt;!-- /wp:column --&gt;

		&lt;!-- wp:column {&quot;width&quot;:&quot;25%&quot;} --&gt;
		&lt;div class=&quot;wp-block-column&quot; style=&quot;flex-basis:25%&quot;&gt;
			&lt;!-- wp:image {&quot;aspectRatio&quot;:&quot;1&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;large&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;
			&lt;figure class=&quot;wp-block-image is-resized size-large&quot;&gt;
				&lt;img src=&quot;&lt;?php echo esc_url( $image2 ); ?&gt;&quot; alt=&quot;&lt;?php esc_attr_e( 'Placeholder image used to represent products being showcased under the social media icons. 2 out of 4.', 'woocommerce' ); ?&gt;&quot; style=&quot;aspect-ratio:1;object-fit:cover;&quot;/&gt;
			&lt;/figure&gt;
			&lt;!-- /wp:image --&gt;
		&lt;/div&gt;
		&lt;!-- /wp:column --&gt;

		&lt;!-- wp:column {&quot;width&quot;:&quot;25%&quot;} --&gt;
		&lt;div class=&quot;wp-block-column&quot; style=&quot;flex-basis:25%&quot;&gt;
			&lt;!-- wp:image {&quot;aspectRatio&quot;:&quot;1&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;large&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;
			&lt;figure class=&quot;wp-block-image is-resized size-large&quot;&gt;
				&lt;img src=&quot;&lt;?php echo esc_url( $image3 ); ?&gt;&quot; alt=&quot;&lt;?php esc_attr_e( 'Placeholder image used to represent products being showcased under the social media icons. 3 out of 4.', 'woocommerce' ); ?&gt;&quot; style=&quot;aspect-ratio:1;object-fit:cover;&quot;/&gt;
			&lt;/figure&gt;
			&lt;!-- /wp:image --&gt;
		&lt;/div&gt;
		&lt;!-- /wp:column --&gt;

		&lt;!-- wp:column {&quot;width&quot;:&quot;25%&quot;} --&gt;
		&lt;div class=&quot;wp-block-column&quot; style=&quot;flex-basis:25%&quot;&gt;
			&lt;!-- wp:image {&quot;aspectRatio&quot;:&quot;1&quot;,&quot;scale&quot;:&quot;cover&quot;,&quot;sizeSlug&quot;:&quot;large&quot;,&quot;linkDestination&quot;:&quot;none&quot;} --&gt;
			&lt;figure class=&quot;wp-block-image is-resized size-large&quot;&gt;
				&lt;img src=&quot;&lt;?php echo esc_url( $image4 ); ?&gt;&quot; alt=&quot;&lt;?php esc_attr_e( 'Placeholder image used to represent products being showcased under the social media icons. 4 out of 4.', 'woocommerce' ); ?&gt;&quot; style=&quot;aspect-ratio:1;object-fit:cover;&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>