SaaS Hero

Now paste the content as a Custom HTML block and then Convert to Blocks

Requires:

Block Theme
<!-- wp:group {"align":"full","style":{"background":{"backgroundImage":{"url":"https://ubiquitous-sunflower-333940.netlify.app/wp-content/uploads/2024/01/bg-wave-pattern-2-2048x1148.jpg","id":37,"source":"file","title":"bg-wave-pattern-2-2048x1148"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:cover {"dimRatio":10,"overlayColor":"black","isUserOverlayColor":true,"minHeight":50,"contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-cover alignfull is-light" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-10 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->
<div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0"><!-- wp:group {"layout":{"type":"flex"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":100,"shouldSyncIcon":true,"className":"is-style-default","style":{"color":{},"layout":{"selfStretch":"fit","flexSize":null}}} /--></div>
<!-- /wp:group -->

<!-- wp:navigation {"ref":5,"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} /--></div>
<!-- /wp:group -->

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

<!-- wp:columns {"verticalAlignment":"bottom","align":"wide","style":{"spacing":{"padding":{"top":"2%","right":"2%","bottom":"2%","left":"2%"},"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"0"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-bottom" style="margin-top:0;margin-bottom:0;padding-top:2%;padding-right:2%;padding-bottom:2%;padding-left:2%"><!-- wp:column {"verticalAlignment":"bottom","width":"100%","style":{"spacing":{"padding":{"left":"2%","right":"2%","top":"2%","bottom":"2%"},"blockGap":"var:preset|spacing|30"}}} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="padding-top:2%;padding-right:2%;padding-bottom:2%;padding-left:2%;flex-basis:100%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","gradient":"midnight","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"className":"is-style-fill","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-fill has-small-font-size"><a class="wp-block-button__link has-midnight-gradient-background has-background has-text-align-center wp-element-button" style="padding-top:0;padding-bottom:0">NEW BETA VERSION</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"x-large"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color has-x-large-font-size" id="title-text" style="font-style:normal;font-weight:700">Elevate your lifestyle with cutting-edge elegance.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"#7d7d7d"}}},"color":{"text":"#7d7d7d"}},"className":"about-franklin-county","fontSize":"medium"} -->
<p class="has-text-align-center about-franklin-county has-text-color has-link-color has-medium-font-size" style="color:#7d7d7d;font-style:normal;font-weight:600">Unleash data swagger effortlessly—analytics, insights, and style all in one sleek interface.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-align-center wp-element-button">GET NOW</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:image {"id":106,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"2em"}}} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://ubiquitous-sunflower-333940.netlify.app/wp-content/uploads/2024/01/6258534_3217339-1-scaled.webp" alt="" class="wp-image-106" style="border-radius:2em"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->