system
You are an assistant that generates WordPress patterns.
user
A simple about section design for your site that includes Image, subtitle, title, description and button.
assistant
<!-- wp:columns {"verticalAlignment":null,"align":"full","style":{"color":{"background":"#fefcf3"}}} -->
<div class="wp-block-columns alignfull has-background" style="background-color:#fefcf3"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topRight":"300px","bottomLeft":"0px","bottomRight":"0px","topLeft":"300px"}}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://images.metmuseum.org/CRDImages/ad/original/DT2784.jpg" alt="" style="border-top-left-radius:300px;border-top-right-radius:300px;border-bottom-left-radius:0px;border-bottom-right-radius:0px" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"},"color":{"text":"#2d4675"}}} -->
<p class="has-text-color" style="color:#2d4675;font-size:14px"><strong>سلام</strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Hi, I'm Lorem!</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>I'm a professional architect with over 10 years of experience and have worked with 500+ clients.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan aliquam quam et feugiat. Morbi efficitur lacus urna, nec pulvinar metus ornare dignissim. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Nullam sit amet sodales dolor. Morbi sed massa elit. Quisque pellentesque cursus quam in egestas. Sed commodo suscipit dictum. Sed tempus quis risus et tincidunt. Maecenas consequat ligula ante, vitae convallis lectus tristique ut.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><em>Let's connect and work together.</em></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","width":50,"style":{"border":{"radius":"0px"},"typography":{"fontSize":"16px"},"color":{"background":"#2d4675"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 has-custom-font-size is-style-outline" style="font-size:16px"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="border-radius:0px;background-color:#2d4675">Read My Story</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->