Hero with gradient color title

Now paste(CTRL + V or cmd + V) the content into the page

Best with:‎

Twentig

<!-- wp:cover {"dimRatio":0,"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"},"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<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-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- 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":"var:preset|spacing|small","bottom":"var:preset|spacing|small"},"blockGap":"var:preset|spacing|large"}}} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="padding-top:var(--wp--preset--spacing--small);padding-right:2%;padding-bottom:var(--wp--preset--spacing--small);padding-left:2%;flex-basis:100%"><!-- wp:heading {"textAlign":"center","level":1,"className":"tw-text-gradient","style":{"color":{"gradient":"linear-gradient(135deg,rgb(77,52,250) 0%,rgb(173,52,250) 97%)"}}} -->
<h1 class="wp-block-heading has-text-align-center tw-text-gradient has-background" id="title-text" style="background:linear-gradient(135deg,rgb(77,52,250) 0%,rgb(173,52,250) 97%)">Elevate your lifestyle with cutting-edge elegance.</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"about-franklin-county","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"medium"} -->
<p class="has-text-align-center about-franklin-county has-medium-font-size" style="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","backgroundColor":"custom-color-1","textColor":"base-2","className":"is-style-fill","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"shadow":"none"}} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-base-2-color has-custom-color-1-background-color has-text-color has-background has-link-color has-text-align-center wp-element-button" href="#" style="box-shadow:none">GET NOW</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:image {"id":63,"width":"1020px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center","className":"is-style-rounded","twAnimation":"fade-in-up","twAnimationDuration":4,"twAnimationDelay":0.5} -->
<figure class="wp-block-image aligncenter size-full is-resized is-style-rounded"><img src="https://unique-paprenjak-39be6f.netlify.app/wp-content/uploads/2024/07/original-e3e67761b017526c489ab30dcfb996e6.webp" alt="" class="wp-image-63" style="width:1020px;height:auto"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->