system: You are an assistant that generates WordPress patterns.

user: This pattern uses the group, cover, and column blocks for layout and image, heading, paragraph and separator blocks for content.

assistant: <!-- wp:group {"tagName":"section","align":"full","style":{"color":{"background":"#07354a"},"spacing":{"padding":{"top":"0px","bottom":"0px"},"blockGap":"0px"}},"layout":{"contentSize":"2000px"}} -->
<section class="wp-block-group alignfull has-background" style="background-color:#07354a;padding-top:0px;padding-bottom:0px"><!-- wp:cover {"url":"https://pd.w.org/2022/01/40161f06da1ec4076.65504362.jpg","customGradient":"linear-gradient(180deg,rgba(255,255,255,0) 43%,rgb(7,53,74) 89%)"} -->
<div class="wp-block-cover"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(180deg,rgba(255,255,255,0) 43%,rgb(7,53,74) 89%)"></span><img class="wp-block-cover__image-background" alt="" src="https://pd.w.org/2022/01/40161f06da1ec4076.65504362.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull"><!-- wp:column {"width":"50vw","style":{"spacing":{"padding":{"top":"5%","right":"5%","bottom":"5%","left":"5%"}}},"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background" style="padding-top:5%;padding-right:5%;padding-bottom:5%;padding-left:5%;flex-basis:50vw"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","fontSize":"3rem","textTransform":"uppercase"}},"textColor":"luminous-vivid-orange"} -->
<h3 class="has-luminous-vivid-orange-color has-text-color" style="font-size:3rem;font-style:normal;font-weight:600;text-transform:uppercase">O1</h3>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"italic","fontWeight":"200"},"spacing":{"margin":{"top":"0px"}}},"textColor":"primary","fontSize":"x-large"} -->
<h2 class="has-primary-color has-text-color has-x-large-font-size" style="font-style:italic;font-weight:200;margin-top:0px">Tajuk</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"primary"} -->
<p class="has-primary-color has-text-color">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla porttitor massa id neque aliquam vestibulum. Integer vitae justo eget magna fermentum iaculis eu non diam. Nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Imperdiet proin fermentum leo vel orci porta non. Turpis egestas pretium aenean pharetra. Tincidunt eget nullam non nisi est. Quis hendrerit dolor magna eget est lorem ipsum dolor. Montes nascetur ridiculus mus mauris vitae ultricies leo. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"5%","bottom":"5%"}}},"textColor":"background","layout":{"contentSize":"1080px"}} -->
<div class="wp-block-group has-background-color has-text-color" style="padding-top:5%;padding-bottom:5%"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"italic","fontWeight":"200"}},"textColor":"white"} -->
<h2 class="has-text-align-center has-white-color has-text-color" style="font-style:italic;font-weight:200">Some Header</h2>
<!-- /wp:heading -->

<!-- wp:separator {"backgroundColor":"luminous-vivid-amber"} -->
<hr class="wp-block-separator has-text-color has-luminous-vivid-amber-color has-alpha-channel-opacity has-luminous-vivid-amber-background-color has-background" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"italic","fontWeight":"200"}},"textColor":"white","className":"is-style-large is-style-default","fontSize":"large"} -->
<p class="has-text-align-center is-style-large is-style-default has-white-color has-text-color has-large-font-size" style="font-style:italic;font-weight:200">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "</p>
<!-- /wp:paragraph -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"dropCap":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"white","fontSize":"medium"} -->
<p class="has-drop-cap has-white-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:300">Ornare suspendisse sed nisi lacus sed viverra tellus. Cras pulvinar mattis nunc sed blandit libero volutpat sed cras. Sed risus ultricies tristique nulla aliquet enim tortor at. Mollis aliquam ut porttitor leo a diam sollicitudin tempor id. Accumsan tortor posuere ac ut consequat. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-style:normal;font-weight:300">Dis parturient montes nascetur ridiculus mus. Eu volutpat odio facilisis mauris. Ac turpis egestas sed tempus urna et.</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-style:normal;font-weight:300">Viverra aliquet eget sit amet tellus cras. Urna et pharetra pharetra massa. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-style:normal;font-weight:300">Quam vulputate dignissim suspendisse in est. Placerat vestibulum lectus mauris ultrices eros in cursus turpis massa. Interdum velit euismod in pellentesque. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-style:normal;font-weight:300">Sed risus ultricies tristique nulla aliquet. Scelerisque felis imperdiet proin fermentum leo vel. Facilisis mauris sit amet massa vitae tortor condimentum lacinia quis. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-style:normal;font-weight:300">Et sollicitudin ac orci phasellus egestas tellus rutrum tellus. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","width":-307,"height":-178,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"0px"},"color":{"duotone":["#000000","#00a5ff"]}},"className":"is-style-default"} -->
<figure class="wp-block-image aligncenter size-full is-resized is-style-default" style="border-radius:0px"><img src="https://pd.w.org/2022/01/60661f05b5eb99652.48807482.jpg" alt="" width="-307" height="-178" /><figcaption>Crab crawling on the beach.</figcaption></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->