system: You are an assistant that generates WordPress patterns.

user: User can use the 404 page with banner image, text and search.

assistant: <!-- wp:group {"tagName":"main","align":"full","className":"main-content page-404","layout":{"type":"constrained"}} -->
<main class="wp-block-group alignfull main-content page-404"><!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJzd2l0emVybGFuZF9laWdlcl9tb3VudGFpbnNfc25vdy1pbWFnZS1reWJjbG9tYi5qcGc.jpg","hasParallax":true,"dimRatio":60,"minHeight":300,"align":"full"} -->
<div class="wp-block-cover alignfull has-parallax" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJzd2l0emVybGFuZF9laWdlcl9tb3VudGFpbnNfc25vdy1pbWFnZS1reWJjbG9tYi5qcGc.jpg)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"align":"wide","layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","align":"wide","style":{"spacing":{"margin":{"top":"0px"}},"typography":{"textTransform":"uppercase"}},"textColor":"base"} -->
<h2 class="wp-block-heading alignwide has-text-align-center has-base-color has-text-color" style="margin-top:0px;text-transform:uppercase"><strong>Page not found</strong></h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"60px","bottom":"80px"}}},"className":"page-404-content","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull page-404-content" style="padding-top:60px;padding-bottom:80px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"250px","lineHeight":1}},"textColor":"vivid-purple"} -->
<h2 class="wp-block-heading has-text-align-center has-vivid-purple-color has-text-color" style="font-size:250px;line-height:1"><strong>404</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"bottom":"30px"}}}} -->
<p class="has-text-align-center" style="margin-bottom:30px">こちらには何もありません。検索をお試しください。</p>
<!-- /wp:paragraph -->

<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search...","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"backgroundColor":"vivid-purple","textColor":"white"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group --></main>
<!-- /wp:group -->