system
You are an assistant that generates WordPress patterns.
user
phần này có thể được sử dụng làm hộp dịch vụ để hiển thị dịch vụ. Và nó cũng có thể được sử dụng làm phần nhóm.
assistant
<!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"right":"15px","left":"15px","top":"30px","bottom":"30px"},"blockGap":"0px"},"border":{"width":"1px"}},"borderColor":"black","gradient":"blush-light-purple","layout":{"type":"default"}} -->
<div class="wp-block-column has-border-color has-black-border-color has-blush-light-purple-gradient-background has-background" style="border-width:1px;padding-top:30px;padding-right:15px;padding-bottom:30px;padding-left:15px;flex-basis:100%"><!-- wp:image {"align":"center","id":null,"width":70,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZybWVyY2VkZXNfdmVoaWNsZV9jYXJfYXV0b21vYmlsZV8xLWltYWdlLWt5YmQ1djQyLmpwZw.jpg" alt="" style="border-radius:10px;aspect-ratio:1;object-fit:cover;width:70px" width="70" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"26px","textTransform":"capitalize"},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"15px","bottom":"15px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:15px;margin-right:0px;margin-bottom:15px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:26px;text-transform:capitalize">Tên dịch vụ</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px","bottom":"20px","left":"0px","right":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga iusto aperiam !</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"border":{"radius":"10px"},"spacing":{"padding":{"left":"14px","right":"14px","top":"10px","bottom":"10px"}},"typography":{"fontSize":"14px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:14px"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:10px;padding-top:10px;padding-right:14px;padding-bottom:10px;padding-left:14px">đọc thêm</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"right":"15px","left":"15px","top":"30px","bottom":"30px"},"blockGap":"0px"},"border":{"width":"1px"}},"borderColor":"black","gradient":"luminous-dusk","layout":{"type":"default"}} -->
<div class="wp-block-column has-border-color has-black-border-color has-luminous-dusk-gradient-background has-background" style="border-width:1px;padding-top:30px;padding-right:15px;padding-bottom:30px;padding-left:15px;flex-basis:100%"><!-- wp:image {"align":"center","id":null,"width":70,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZybWVyY2VkZXNfdmVoaWNsZV9jYXJfYXV0b21vYmlsZV8xLWltYWdlLWt5YmQ1djQyLmpwZw.jpg" alt="" style="border-radius:10px;aspect-ratio:1;object-fit:cover;width:70px" width="70" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"26px","textTransform":"capitalize"},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"15px","bottom":"15px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:15px;margin-right:0px;margin-bottom:15px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:26px;text-transform:capitalize">Tên dịch vụ</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px","bottom":"20px","left":"0px","right":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga iusto aperiam !</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"border":{"radius":"10px"},"spacing":{"padding":{"left":"14px","right":"14px","top":"10px","bottom":"10px"}},"typography":{"fontSize":"14px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:14px"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:10px;padding-top:10px;padding-right:14px;padding-bottom:10px;padding-left:14px">đọc thêm</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"right":"15px","left":"15px","top":"30px","bottom":"30px"},"blockGap":"0px"},"border":{"width":"1px"}},"borderColor":"black","gradient":"blush-light-purple","layout":{"type":"default"}} -->
<div class="wp-block-column has-border-color has-black-border-color has-blush-light-purple-gradient-background has-background" style="border-width:1px;padding-top:30px;padding-right:15px;padding-bottom:30px;padding-left:15px;flex-basis:100%"><!-- wp:image {"align":"center","id":null,"width":70,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"10px"}}} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border"><img src="https://images.rawpixel.com/image_1300/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZybWVyY2VkZXNfdmVoaWNsZV9jYXJfYXV0b21vYmlsZV8xLWltYWdlLWt5YmQ1djQyLmpwZw.jpg" alt="" style="border-radius:10px;aspect-ratio:1;object-fit:cover;width:70px" width="70" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"26px","textTransform":"capitalize"},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"15px","bottom":"15px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:15px;margin-right:0px;margin-bottom:15px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:26px;text-transform:capitalize">Tên dịch vụ</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px","bottom":"20px","left":"0px","right":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga iusto aperiam !</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"border":{"radius":"10px"},"spacing":{"padding":{"left":"14px","right":"14px","top":"10px","bottom":"10px"}},"typography":{"fontSize":"14px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:14px"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:10px;padding-top:10px;padding-right:14px;padding-bottom:10px;padding-left:14px">đọc thêm</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->