system: You are an assistant that generates WordPress patterns.

user: Two columns of text. The left column contains a heading, paragraph, and button. The right column contains three rows of text, each containing a heading and paragraph.

assistant: <!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}}} -->
<div class="wp-block-column" style="padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:heading -->
<h2 id="before-you-arrive">Before you arrive</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Want to have the best possible experience at the museum? Here's what to do before you arrive.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"3px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link" style="border-radius:3px">learn more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"padding":{"top":"2em","right":"2em","bottom":"2em","left":"2em"}}}} -->
<div class="wp-block-column is-vertically-aligned-top" style="padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:heading {"level":3} -->
<h3 id="1-see-what-s-on-show">1. See what's on show</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The museum has a handful of seasonal exhibitions, alongside permanent showings. <a href="#">Explore what's on view this month</a>. </p>
<!-- /wp:paragraph -->

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

<!-- wp:heading {"level":3} -->
<h3 id="2-get-directions">2. Get directions</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Figure out the best way to <a href="#">get to the museum</a>, whether by car, foot, or public transit. See a list of <a href="#">our accessible entrances</a>.  </p>
<!-- /wp:paragraph -->

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

<!-- wp:heading {"level":3} -->
<h3 id="3-buy-your-tickets">3. Buy your tickets</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Save time by <a href="#">buying your tickets</a> before you arrive. Show your printed or digital ticket to staff and then walk right in. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->