system: You are an assistant that generates WordPress patterns.

user: Need an SEO Friendly 404 page? this Pattern will help you reduce bounce rate caused by broken URL or missing page. When visitor visits this page you can offer them to search on the website, go to home page or contact you directly. You can even provide a link to the sitemap on the bottom

assistant: <!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull"><!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:columns {"style":{"color":{"gradient":"linear-gradient(308deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)"},"spacing":{"padding":{"right":"20px","bottom":"100px","left":"20px","top":"100px"}}}} -->
<div class="wp-block-columns has-background" style="background:linear-gradient(308deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);padding-top:100px;padding-right:20px;padding-bottom:100px;padding-left:20px"><!-- wp:column {"width":"1920px"} -->
<div class="wp-block-column" style="flex-basis:1920px"><!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"textTransform":"uppercase","fontSize":"120px"}},"textColor":"white"} -->
<h1 class="has-text-align-center has-white-color has-text-color" style="font-size:120px;text-transform:uppercase"><strong>404</strong></h1>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"textTransform":"uppercase"}},"textColor":"white"} -->
<h2 class="has-text-align-center has-white-color has-text-color" style="text-transform:uppercase">😭 <strong>Sidan hittades inte</strong> 💔</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color">Sidan du letar efter kan ha tagits bort, dess namn kan ha ändrats eller är tillfälligt otillgänglig.</p>
<!-- /wp:paragraph -->

<!-- wp:search {"label":"","showLabel":false,"placeholder":"Try Searching for something else...","width":100,"widthUnit":"%","buttonText":"Search","buttonPosition":"no-button","align":"center","style":{"border":{"radius":"50px","width":"0px","style":"none"}},"backgroundColor":"black","textColor":"white"} /-->

<!-- wp:paragraph {"align":"center","textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color">💡 Eller så kan du gå tillbaka till vår <a href="#">startsida</a> eller <a href="#">kontakta oss</a> om du inte kan hitta det du letar efter</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white","style":{"border":{"radius":"50px"},"spacing":{"padding":{"top":"15px","right":"30px","bottom":"15px","left":"30px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background" style="border-radius:50px;padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px">GÅ TILL STARTSIDA</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"black","textColor":"white","style":{"border":{"radius":"50px"},"spacing":{"padding":{"top":"15px","bottom":"15px","left":"60px","right":"60px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background" style="border-radius:50px;padding-top:15px;padding-right:60px;padding-bottom:15px;padding-left:60px">Kontakta oss</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"align":"center","textColor":"white","fontSize":"small"} -->
<p class="has-text-align-center has-white-color has-text-color has-small-font-size">Hitta sidan på vår <a href="#sitemap">webbplatskarta</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->