system: You are an assistant that generates WordPress patterns.

user: This pattern can be used on landing pages to display three items in grid with nice header with text option.

assistant: <!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-12040825.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=fa18848d8bc2bf80df3713426b6e8d69","id":null,"dimRatio":50,"focalPoint":{"x":"0.53","y":"0.56"},"minHeight":452,"minHeightUnit":"px","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-cover alignfull is-light" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:452px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-12040825.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=fa18848d8bc2bf80df3713426b6e8d69" style="object-position:53% 56%" data-object-fit="cover" data-object-position="53% 56%" /><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"800","textTransform":"uppercase"},"color":{"background":"#f78da800"}}} -->
<h2 class="has-text-align-center has-background" style="background-color:#f78da800;font-style:normal;font-weight:800;text-transform:uppercase"><strong>Great men are not born great, they grow great</strong></h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","fontSize":"large"} -->
<h2 class="has-text-align-center has-large-font-size">~Mari Puzo</h2>
<!-- /wp:heading --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"black"} -->
<div class="wp-block-group alignfull has-black-background-color has-background" style="margin-top:0px;margin-bottom:0px"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">Literary Works of Mario Puzo</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:columns {"align":"full","style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"black"} -->
<div class="wp-block-columns alignfull has-black-background-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:column {"style":{"color":{"text":"#fafafa"}}} -->
<div class="wp-block-column has-text-color" style="color:#fafafa"><!-- wp:group {"style":{"color":{"background":"#333333"},"border":{"radius":"10px"}}} -->
<div class="wp-block-group has-background" style="background-color:#333333;border-radius:10px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"24px"}}} -->
<h2 class="has-text-align-center" style="font-size:24px">The Dark Arena</h2>
<!-- /wp:heading -->

<!-- wp:separator {"style":{"color":{"background":"#fafafa"}},"className":"is-style-dots"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-dots" style="background-color:#fafafa;color:#fafafa" />
<!-- /wp:separator -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">The book follows Walter Mosca, an American World War II veteran who returns to...</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"text":"#fafafa"}}} -->
<div class="wp-block-column has-text-color" style="color:#fafafa"><!-- wp:group {"style":{"color":{"background":"#333333"},"border":{"radius":"10px"}}} -->
<div class="wp-block-group has-background" style="background-color:#333333;border-radius:10px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"24px"}}} -->
<h2 class="has-text-align-center" style="font-size:24px"><em>The Fourth K</em></h2>
<!-- /wp:heading -->

<!-- wp:separator {"style":{"color":{"background":"#fafafa"}},"className":"is-style-dots"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-dots" style="background-color:#fafafa;color:#fafafa" />
<!-- /wp:separator -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">It is set during the Presidency of fictional "Francis Xavier Kennedy," nephew of...</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"text":"#fafafa"}}} -->
<div class="wp-block-column has-text-color" style="color:#fafafa"><!-- wp:group {"style":{"color":{"background":"#333333"},"border":{"radius":"10px"}}} -->
<div class="wp-block-group has-background" style="background-color:#333333;border-radius:10px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"24px"}}} -->
<h2 class="has-text-align-center" style="font-size:24px"><em><em>Fools Die</em></em></h2>
<!-- /wp:heading -->

<!-- wp:separator {"style":{"color":{"background":"#fafafa"}},"className":"is-style-dots"} -->
<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-dots" style="background-color:#fafafa;color:#fafafa" />
<!-- /wp:separator -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Played out in the worlds of gambling, publishing and the film industry...</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"black"} -->
<div class="wp-block-group alignfull has-black-background-color has-background" style="margin-top:0px;margin-bottom:0px"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"align":"center","style":{"border":{"radius":"5px"}},"className":"is-style-fill"} -->
<div class="wp-block-button aligncenter is-style-fill"><a class="wp-block-button__link" style="border-radius:5px">baca lebih lanjut</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->