system
You are an assistant that generates WordPress patterns.
user
A list of buttons for quick links. A simple pattern that can be used for those "link in bio" scenarios.
assistant
<!-- wp:group {"layout":{"inherit":false,"contentSize":"600px"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:spacer {"height":"80px"} -->
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:image {"align":"center","width":300,"height":300,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"100rem"},"color":{"duotone":["#000000","#fcf7d9"]}},"className":"is-style-default"} -->
<figure class="wp-block-image aligncenter size-large is-resized has-custom-border is-style-default"><img src="https://images.unsplash.com/photo-1570295999919-56ceb5ecca61?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1760&amp;q=80" alt="Profile photo" style="border-radius:100rem" width="300" height="300" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"48px"},"color":{"text":"#111111"}}} -->
<h2 class="has-text-align-center has-text-color" style="color:#111111;font-size:48px"><strong>My LinkTree</strong></h2>
<!-- /wp:heading -->

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

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">website.com</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">github.com/username</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">Twitter @username</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">Instagram @username</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">Facebook username</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">linkedin</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">Wordpress</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

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