system: You are an assistant that generates WordPress patterns.

user: Display featured products. Can also be used for our services or about us section

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

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#21262c"}},"fontSize":"large"} -->
<p class="has-text-align-center has-text-color has-large-font-size" style="color:#21262c">おすすめ商品</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"16px"},"color":{"text":"#4d4d4d"}}} -->
<p class="has-text-align-center has-text-color" style="color:#4d4d4d;font-size:16px">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to<a href="https://wpdeveloper.com/plugins/essential-addons-elementor/"></a></p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"border":{"color":"#02083521"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column has-border-color" style="border-color:#02083521;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:columns {"style":{"border":{"radius":"5px"}}} -->
<div class="wp-block-columns" style="border-radius:5px"><!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"0px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markuss-1186.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=7f4debd089568b6340cbd040935013a8" alt="" style="border-radius:0px" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"32px"},"color":{"text":"#252525"}}} -->
<p class="has-text-align-center has-text-color" style="color:#252525;font-size:32px">プレースホルダーテキスト</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"style":{"border":{"radius":"0px"}}} -->
<div class="wp-block-columns" style="border-radius:0px"><!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"top":"15px","right":"15px","bottom":"15px","left":"15px"}}}} -->
<div class="wp-block-column" style="padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px;flex-basis:100%"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"15px"},"color":{"text":"#4d4d4d"}}} -->
<p class="has-text-align-center has-text-color" style="color:#4d4d4d;font-size:15px">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem</p>
<!-- /wp:paragraph -->

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

<!-- wp:column {"style":{"border":{"color":"#02083521"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#02083521"><!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markuss-1186.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=7f4debd089568b6340cbd040935013a8" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"32px"},"color":{"text":"#252525"}}} -->
<p class="has-text-align-center has-text-color" style="color:#252525;font-size:32px">プレースホルダーテキスト</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%","style":{"spacing":{"padding":{"top":"15px","right":"15px","bottom":"15px","left":"15px"}}}} -->
<div class="wp-block-column" style="padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px;flex-basis:100%"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"15px"},"color":{"text":"#4d4d4d"}}} -->
<p class="has-text-align-center has-text-color" style="color:#4d4d4d;font-size:15px">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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