system: You are an assistant that generates WordPress patterns.

user: Khối Cover toàn màn hình được đặt với hình nền. Có tiêu đề chính trong cột đầu tiên của bố cục 2 cột. Cột thứ hai chứa lưới trang trí chấm. Bên dưới có 4 cột chứa biểu tượng, tiêu đề và mô tả ngắn cho mỗi cột. Các cột này có nền trắng nên nổi bật lên khi phủ lên hình nền của khối Cover cha.

assistant: <!-- wp:cover {"url":"https://pd.w.org/2021/12/83261cb2b23b76048.23421582.jpg","dimRatio":50,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"100px","right":"0px","left":"0px"}},"color":{"duotone":["rgb(0, 10, 98)","rgb(190, 202, 255)"]}}} -->
<div class="wp-block-cover alignfull is-light" style="padding-top:100px;padding-right:0px;padding-bottom:100px;padding-left:0px;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://pd.w.org/2021/12/83261cb2b23b76048.23421582.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"className":"alignfull","layout":{"contentSize":"1280px"}} -->
<div class="wp-block-group alignfull"><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":1,"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"300","fontSize":"80px"}}} -->
<h1 style="font-size:80px;font-style:normal;font-weight:300;text-transform:uppercase">Services<br>We Offer</h1>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right">• • • • • • • • •<br>• • • • • • • • •<br>• • • • • • • • •<br>• • • • • • • • •<br>• • • • • • • • •</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-column has-black-color has-white-background-color has-text-color has-background" style="padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:image {"align":"left","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["rgb(62, 88, 225)","rgb(255, 255, 255)"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-pd43-05-eye_1_1.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=17c46d1d6f85d33f2acbe37d5edf151d" alt="" width="100" height="100" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"24px","textTransform":"uppercase"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}}} -->
<h2 style="font-size:24px;font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase"><a href="#0">Service Title</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Lorem ipsum dolor sit amet est magna rhoncus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-column has-black-color has-white-background-color has-text-color has-background" style="padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:image {"align":"left","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["rgb(62, 88, 225)","rgb(255, 255, 255)"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd43-19-chim-02.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=f7770b59c53df38c481dacaa06b7cc5f" alt="" width="100" height="100" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"24px","textTransform":"uppercase"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}}} -->
<h2 style="font-size:24px;font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase"><a href="#0">Service Title</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Lorem ipsum dolor sit amet est magna rhoncus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-column has-black-color has-white-background-color has-text-color has-background" style="padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:image {"align":"left","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["rgb(62, 88, 225)","rgb(255, 255, 255)"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd43-31-eye.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=47d800a56fe1c560cf36685009501737" alt="" width="100" height="100" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"24px","textTransform":"uppercase"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}}} -->
<h2 style="font-size:24px;font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase"><a href="#0">Service Title</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Lorem ipsum dolor sit amet est magna rhoncus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-column has-black-color has-white-background-color has-text-color has-background" style="padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:image {"align":"left","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["rgb(62, 88, 225)","rgb(255, 255, 255)"]}},"className":"is-style-rounded"} -->
<figure class="wp-block-image alignleft size-full is-resized is-style-rounded"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd43-0604-132-chim.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=8e607d80878147ce00aeab397b61d9dc" alt="" width="100" height="100" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"24px","textTransform":"uppercase"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}}} -->
<h2 style="font-size:24px;font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase"><a href="#0">Service Title</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Lorem ipsum dolor sit amet est magna rhoncus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->