Hero with Animated Gradient Background

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

⚠️For a better view of the desktop demo use desktop.

Best with:‎

Block Theme

<!-- wp:cover {"url":"https://ubiquitous-sunflower-333940.netlify.app/wp-content/uploads/2024/01/gradient-bg.webp","id":124,"dimRatio":60,"customOverlayColor":"#161320","isUserOverlayColor":true,"focalPoint":{"x":0.7,"y":0.7},"minHeight":628,"minHeightUnit":"px","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|30","bottom":"0","left":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"}},"layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-cover alignfull" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--30);padding-bottom:0;padding-left:var(--wp--preset--spacing--30);min-height:628px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim" style="background-color:#161320"></span><img class="wp-block-cover__image-background wp-image-124" alt="" src="https://ubiquitous-sunflower-333940.netlify.app/wp-content/uploads/2024/01/gradient-bg.webp" style="object-position:70% 70%" data-object-fit="cover" data-object-position="70% 70%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"padding":{"top":"0","bottom":"0","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"border":{"radius":"50em"},"color":{"background":"#1b10301c"},"position":{"type":"sticky","top":"0px"}},"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->
    <div class="wp-block-group alignwide has-background" style="border-radius:50em;background-color:#1b10301c;margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:0;padding-right:var(--wp--preset--spacing--30);padding-bottom:0;padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"layout":{"type":"flex"}} -->
    <div class="wp-block-group"><!-- wp:site-logo {"width":79,"shouldSyncIcon":true,"className":"is-style-default","style":{"color":{"duotone":"var:preset|duotone|blue-red"},"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 {"align":"wide","style":{"spacing":{"padding":{"top":"0%","right":"2%","bottom":"0%","left":"2%"},"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"0"}}}} -->
    <div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0;padding-top:0%;padding-right:2%;padding-bottom:0%;padding-left:2%"><!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"padding":{"left":"2%","right":"2%","top":"2%","bottom":"2%"},"blockGap":"var:preset|spacing|30"}}} -->
    <div class="wp-block-column is-vertically-aligned-center" style="padding-top:2%;padding-right:2%;padding-bottom:2%;padding-left:2%;flex-basis:50%"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"x-large"} -->
    <h2 class="wp-block-heading has-text-align-left has-x-large-font-size" id="title-text" style="font-style:normal;font-weight:700">Expert Consulting</h2>
    <!-- /wp:heading -->
    
    <!-- wp:separator {"opacity":"css","className":"has-text-color has-background-color has-css-opacity has-background-background-color has-background is-style-wide"} -->
    <hr class="wp-block-separator has-css-opacity has-text-color has-background-color has-background-background-color has-background is-style-wide"/>
    <!-- /wp:separator -->
    
    <!-- wp:paragraph -->
    <p>Strategic Visionary: Elevating Businesses Through Expert Consulting Excellence</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"left":"0"}}}} -->
    <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"150px"} -->
    <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:150px"><!-- wp:buttons {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","justifyContent":"left"}} -->
    <div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","className":"is-style-fill"} -->
    <div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-text-align-center wp-element-button">GET NOW</a></div>
    <!-- /wp:button --></div>
    <!-- /wp:buttons --></div>
    <!-- /wp:column -->
    
    <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":"0"}}} -->
    <div class="wp-block-column is-vertically-aligned-center" style="padding-right:0;padding-left:0"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
    <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
    <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">SERVICES</a></div>
    <!-- /wp:button --></div>
    <!-- /wp:buttons --></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns --></div>
    <!-- /wp:column -->
    
    <!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"padding":{"top":"0","bottom":"0"},"blockGap":"0"}},"layout":{"type":"default"}} -->
    <div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-bottom:0;flex-basis:50%"><!-- wp:image {"id":63,"width":"292px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center","className":"is-style-default","style":{"color":{}}} -->
    <figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img src="https://ubiquitous-sunflower-333940.netlify.app/wp-content/uploads/2024/01/7efa2f08-5845-4e0b-9d37-a0c8bc06b26c-removebg-preview.png" alt="" class="wp-image-63" style="width:292px;height:auto"/></figure>
    <!-- /wp:image --></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns --></div></div>
    <!-- /wp:cover -->