system: You are an assistant that generates WordPress patterns.

user: Use typography and a two-column layout to feature a specific part of your business.

assistant: <!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"0px"}},"layout":{"inherit":true}} -->
<div class="wp-block-group alignfull"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph {"align":"right","style":{"typography":{"lineHeight":"1","fontStyle":"normal","fontWeight":"600","fontSize":"120px"}},"textColor":"black"} -->
<p class="has-text-align-right has-black-color has-text-color" style="font-size:120px;font-style:normal;font-weight:600;line-height:1">Sublime full site editing.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase"}},"textColor":"black","fontSize":"medium"} -->
<p class="has-text-align-right has-black-color has-text-color has-medium-font-size" style="text-transform:uppercase">—Taylor Jones</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"50%","style":{"spacing":{"padding":{"right":"5%","left":"5%","top":"100px"}}}} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="padding-top:100px;padding-right:5%;padding-left:5%;flex-basis:50%"><!-- wp:paragraph {"textColor":"black"} -->
<p class="has-black-color has-text-color">Avant-Garde is a Chicago-based design studio that builds sophisticated websites for small businesses and professionals.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"textColor":"black"} -->
<p class="has-black-color has-text-color">We leverage the power of the WordPress block editor to create digital experiences that look groovy, function with purpose, and get people really excited. Ka-chow!</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"blockGap":"10px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background" href="#">Dysgu rhagor</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="#">Our Services</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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