system: You are an assistant that generates WordPress patterns.

user: Gallery of images, heading with a paragraph and call to action button - Collection 1

assistant: <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"30px","bottom":"30px","right":"30px","left":"30px"}},"color":{"background":"#fafafa"}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#fafafa;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70"},"blockGap":{"top":"30px","left":"30px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center" style="margin-bottom:var(--wp--preset--spacing--70)"><!-- wp:column {"verticalAlignment":"center","width":"","layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1","fontSize":"18px"}},"textColor":"vivid-green-cyan"} -->
<h2 class="wp-block-heading has-vivid-green-cyan-color has-text-color" style="font-size:18px;font-style:normal;font-weight:700;line-height:1">When words become unclear, you shall focus with photographs</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":""} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"},"color":{"text":"#202020"}}} -->
<p class="has-text-color" style="color:#202020;font-size:16px">Pellentesque venenatis venenatis nulla, nec gravida ante dapibus id. Ut gravida lacinia egestas. Phasellus varius scelerisque elit, vel posuere elit condimentum non. Curabitur venenatis, est vel sodales volutpat, leo sapien feugiat felis, et gravida elit odio ut nulla.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:gallery {"columns":4,"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-4 is-cropped"><!-- wp:image {"linkDestination":"none"} -->
<figure class="wp-block-image"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-13.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=ce9813f9b32d1985be030507f0a85077" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://pd.w.org/2022/09/3036314610105bed4.45458022-2048x1024.jpeg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://pd.w.org/2022/06/29462b24492556070.61682681-2048x2048.jpeg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markuss-1251.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=18060f5bddf1e6d461ff8285ff17dbb6" alt="" /></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--70)"><!-- wp:button {"textColor":"white","style":{"color":{"gradient":"linear-gradient(90deg,rgb(155,225,93) 0%,rgb(0,217,166) 100%)"},"border":{"radius":"100px"},"spacing":{"padding":{"right":"40px","left":"40px"}}},"className":"is-style-outline","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:100px;background:linear-gradient(90deg,rgb(155,225,93) 0%,rgb(0,217,166) 100%);padding-right:40px;padding-left:40px">อ่านเพิ่ม</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->