<?php
/**
* Title: Banner
* Slug: agencygrove/banner
* Categories: agencygrove
* Keywords: banner
*/
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() );?>/assets/images/banner.jpg","id":23,"dimRatio":80,"isUserOverlayColor":true,"minHeight":700,"customGradient":"linear-gradient(135deg,rgb(44,43,43) 0%,rgb(15,15,5) 100%)","contentPosition":"top center","tagName":"main","metadata":{"name":"Banner"},"style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|50","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"className":"banner-with-header","layout":{"type":"default"}} -->
<main class="wp-block-cover has-custom-content-position is-position-top-center banner-with-header" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0;min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(135deg,rgb(44,43,43) 0%,rgb(15,15,5) 100%)"></span><img class="wp-block-cover__image-background wp-image-23" alt="" src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/banner.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50"}}},"className":"animate__animated animate__fadeInUp","layout":{"type":"constrained","contentSize":"780px"}} -->
<div class="wp-block-group animate__animated animate__fadeInUp" style="padding-top:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"56px","fontStyle":"normal","fontWeight":"800"},"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2","fontFamily":"body"} -->
<h2 class="wp-block-heading has-text-align-center has-base-2-color has-text-color has-link-color has-body-font-family" style="font-size:56px;font-style:normal;font-weight:800"><?php echo esc_html__( 'Plugging Great Ideas Into ', 'agencygrove' ); ?><mark style="background-color:rgba(0, 0, 0, 0);color:#01a4ef" class="has-inline-color"><?php echo esc_html__( 'Your Brand', 'agencygrove' ); ?></mark>.</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"typography":{"fontSize":"18px"},"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"textColor":"base-2"} -->
<p class="has-text-align-center has-base-2-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);font-size:18px"><?php echo esc_html__( 'Fusce egestas elit eget lorem. Praesent nec nisl a purus blandit viverra. Praesent egestas neque eu enim. In ac felis quis tortor malesuada pretium. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc.', 'agencygrove' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"},"blockGap":"var:preset|spacing|20"}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--40)"><!-- wp:button {"backgroundColor":"primary","style":{"spacing":{"padding":{"left":"var:preset|spacing|40","right":"var:preset|spacing|40","top":"var:preset|spacing|10","bottom":"var:preset|spacing|10"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-primary-background-color has-background wp-element-button" style="padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--40)"><?php echo esc_html__( 'Get a Quote', 'agencygrove' ); ?></a></div>
<!-- /wp:button -->
<!-- wp:button {"style":{"spacing":{"padding":{"left":"var:preset|spacing|40","right":"var:preset|spacing|40","top":"var:preset|spacing|10","bottom":"var:preset|spacing|10"}}},"borderColor":"base-2","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-border-color has-base-2-border-color wp-element-button" style="padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--40)"><?php echo esc_html__( 'Learn More', 'agencygrove' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></main>
<!-- /wp:cover --> |