system
You are an assistant that generates WordPress patterns.
user
Hero Section for the landing page for any website.
assistant
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"verticalAlignment":null} -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"15px","right":"10px","bottom":"15px","left":"10px"}},"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"0.1"}},"backgroundColor":"vivid-cyan-blue","textColor":"white","fontSize":"small"} -->
<p class="has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-small-font-size" style="padding-top:15px;padding-right:10px;padding-bottom:15px;padding-left:10px;font-style:normal;font-weight:500;line-height:0.1">Rubrik för funktion</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis varius pharetra ex et varius. Vestibulum et turpis et dui ornare fermentum in sit amet sem. Nullam condimentum neque ante, sed ornare lorem feugiat a. Suspendisse eget risus vehicula est eleifend scelerisque. Ut tristique mi ac justo faucibus mattis. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","textColor":"vivid-cyan-blue","width":75,"style":{"border":{"radius":"5px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}},"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-75 is-style-outline" style="font-style:normal;font-weight:600;line-height:1"><a class="wp-block-button__link has-vivid-cyan-blue-color has-text-color has-text-align-center wp-element-button" style="border-radius:5px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px">Läs mer </a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"align":"center","id":null,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"unset"}},"className":"is-style-default"} -->
<figure class="wp-block-image aligncenter size-full is-style-default"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvd2s3MzczNDE5OS1pbWFnZS1rcDZjaWV6OS5qcGc.jpg" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:separator {"align":"full","className":"is-style-dots"} -->
<hr class="wp-block-separator alignfull has-alpha-channel-opacity is-style-dots" />
<!-- /wp:separator -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"verticalAlignment":null} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"align":"center","id":null,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"unset"}},"className":"is-style-default"} -->
<figure class="wp-block-image aligncenter size-full is-style-default"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvd2s3MzczNDE5OS1pbWFnZS1rcDZjaWV6OS5qcGc.jpg" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.1","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"15px","right":"10px","bottom":"15px","left":"10px"}}},"backgroundColor":"vivid-cyan-blue","textColor":"white","fontSize":"small"} -->
<p class="has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-small-font-size" style="padding-top:15px;padding-right:10px;padding-bottom:15px;padding-left:10px;font-style:normal;font-weight:500;line-height:0.1;text-transform:capitalize">Rubrik för funktion</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis varius pharetra ex et varius. Vestibulum et turpis et dui ornare fermentum in sit amet sem. Nullam condimentum neque ante, sed ornare lorem feugiat a. Suspendisse eget risus vehicula est eleifend scelerisque. Ut tristique mi ac justo faucibus mattis. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","textColor":"vivid-cyan-blue","width":75,"style":{"border":{"radius":"5px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}},"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-75 is-style-outline" style="font-style:normal;font-weight:600;line-height:1"><a class="wp-block-button__link has-vivid-cyan-blue-color has-text-color has-text-align-center wp-element-button" style="border-radius:5px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px">Läs mer </a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->