system
You are an assistant that generates WordPress patterns.
user
Een lijst van knoppen voor snelle links. Een eenvoudig patroon dat kan worden gebruikt voor die "link in bio" scenario's.
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="Profielfoto" 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>Mijn 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/gebruikersnaam</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 @gebruikersnaam</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 @gebruikersnaam</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 gebruikersnaam</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 -->