Hero section design with background image, title and button – Block Pattern

―――

We Are Creative
DIGITAL Agency

Pattern Code
<!– wp:cover {“url”:”https://pd.w.org/2022/02/248620d3c0599f031.95641147.jpg”,”dimRatio”:80,”align”:”full”,”style”:{“spacing”:{“padding”:{“top”:”200px”,”bottom”:”200px”,”right”:”30px”,”left”:”30px”}}}} –><br /> <div class=”wp-block-cover alignfull” style=”padding-top:200px;padding-right:30px;padding-bottom:200px;padding-left:30px”><span aria-hidden=”true” class=”wp-block-cover__background has-background-dim-80 has-background-dim”></span><img class=”wp-block-cover__image-background” alt=”” src=”https://pd.w.org/2022/02/248620d3c0599f031.95641147.jpg” data-object-fit=”cover” /><div class=”wp-block-cover__inner-container”><!– wp:heading {“textAlign”:”center”,”level”:4,”style”:{“typography”:{“fontStyle”:”normal”,”fontWeight”:”700″,”lineHeight”:”1″},”color”:{“text”:”#ce1446″}},”fontSize”:”x-large”} –><br /> <h4 class=”has-text-align-center has-text-color has-x-large-font-size” style=”color:#ce1446;font-style:normal;font-weight:700;line-height:1″>―――</h4><br /> <!– /wp:heading –></p> <p><!– wp:heading {“textAlign”:”center”,”style”:{“typography”:{“fontSize”:”72px”,”fontStyle”:”normal”,”fontWeight”:”800″},”spacing”:{“margin”:{“bottom”:”50px”}}},”textColor”:”white”} –><br /> <h2 class=”has-text-align-center has-white-color has-text-color” style=”font-size:72px;font-style:normal;font-weight:800;margin-bottom:50px”>We Are Creative<br><mark style=”background-color:#000000;color:#ce1446″ class=”has-inline-color”>DIGITAL</mark> Agency</h2><br /> <!– /wp:heading –></p> <p><!– wp:buttons {“layout”:{“type”:”flex”,”justifyContent”:”center”}} –><br /> <div class=”wp-block-buttons”><!– wp:button {“textColor”:”white”,”style”:{“color”:{“background”:”#ce1446″},”typography”:{“fontSize”:”18px”},”spacing”:{“padding”:{“top”:”15px”,”bottom”:”15px”,”left”:”45px”,”right”:”45px”}}}} –><br /> <div class=”wp-block-button has-custom-font-size” style=”font-size:18px”><a class=”wp-block-button__link has-white-color has-text-color has-background” style=”background-color:#ce1446;padding-top:15px;padding-right:45px;padding-bottom:15px;padding-left:45px”>DISCOVER MORE</a></div><br /> <!– /wp:button –></div><br /> <!– /wp:buttons –></div></div><br /> <!– /wp:cover –>