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">قبل أن تصل</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>هل تريد الحصول على أفضل تجربة ممكنة في المتحف؟ إليك ما يجب القيام به قبل وصولك.</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">تعلم المزيد</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. شاهد ماهو معروض</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>يحتوي المتحف على القليل من المعارض الموسمية، إلى جانب العروض الدائمة. <a href="#">استكشف ما يتم عرضه هذا الشهر</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. الحصول على الاتجاهات</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>اكتشف أفضل طريقة <a href="#">للوصول إلى المتحف</a>، سواء بالسيارة أو سيراً على الأقدام أو بالمواصلات العامة. اطلع على قائمة <a href="#">بمداخلنا التي يمكن الوصول إليها</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. شراء تذاكرك</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>توفير الوقت من خلال <a href="#">شراء تذاكرك</a> قبل وصولك. أظهر تذكرتك المطبوعة أو الرقمية للموظفين ثم انتقل مباشرة.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->