<?php
/**
 * Title: Banner
 * Slug: grove-app/banner
 * Categories: grove-app
 * Keywords: banner
 * Block Types: core/post-content
 * Post Types: page, wp_template
 */
?>
<!-- wp:group {"metadata":{"name":"Banner"},"className":"wrapper","style":{"spacing":{"padding":{"right":"var:preset|spacing|20","left":"var:preset|spacing|20","top":"var:preset|spacing|20","bottom":"0"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"secondary-bg","layout":{"type":"default"}} -->
<div class="wp-block-group wrapper has-secondary-bg-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:0;padding-left:var(--wp--preset--spacing--20)"><!-- wp:cover {"overlayColor":"secondary","isUserOverlayColor":true,"contentPosition":"top center","isDark":false,"sizeSlug":"large","className":"banner-with-header","style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|50","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":"30px"}},"layout":{"type":"default"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center banner-with-header" style="border-radius:30px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0"><span aria-hidden="true" class="wp-block-cover__background has-secondary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","className":"wrapper","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide wrapper" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide"><!-- wp:site-title {"level":0,"style":{"spacing":{"margin":{"right":"0"}},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"26px"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} /-->

<!-- wp:navigation {"textColor":"white","icon":"menu","style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"uppercase"},"spacing":{"blockGap":"var:preset|spacing|40"},"layout":{"selfStretch":"fit","flexSize":null}},"fontSize":"sml-medium","layout":{"type":"flex","justifyContent":"right"}} /-->

<!-- wp:buttons {"className":"g-app-no-mob"} -->
<div class="wp-block-buttons g-app-no-mob"><!-- wp:button {"backgroundColor":"white","textColor":"primary","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"spacing":{"padding":{"left":"34px","right":"34px","top":"12px","bottom":"12px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-primary-color has-white-background-color has-text-color has-background has-link-color wp-element-button" href="#" style="padding-top:12px;padding-right:34px;padding-bottom:12px;padding-left:34px"><?php echo esc_html__( 'Get started', 'grove-app' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|20","left":"var:preset|spacing|20"},"margin":{"top":"var:preset|spacing|10","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","layout":{"type":"constrained"}} -->
<main class="wp-block-group has-white-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--10);margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:columns {"style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns" style="padding-right:0;padding-left:0"><!-- wp:column {"verticalAlignment":"center","width":"50%","className":"wow animate__animated animate__fadeIn"} -->
<div class="wp-block-column is-vertically-aligned-center wow animate__animated animate__fadeIn" style="flex-basis:50%"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"10px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="margin-bottom:10px"><!-- wp:paragraph {"className":"has-base-2-color has-text-color has-link-color","style":{"typography":{"fontSize":"12px","letterSpacing":"2px","textAlign":"center","textTransform":"uppercase"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"},"padding":{"top":"5px","bottom":"5px","left":"var:preset|spacing|10","right":"var:preset|spacing|10"}},"border":{"radius":{"topLeft":"100px","topRight":"100px","bottomLeft":"100px","bottomRight":"100px"},"width":"0px","style":"none"},"color":{"background":"#ffffff3b"}},"textColor":"white"} -->
<p class="has-text-align-center has-base-2-color has-text-color has-link-color has-white-color has-background" style="border-style:none;border-width:0px;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;background-color:#ffffff3b;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:5px;padding-right:var(--wp--preset--spacing--10);padding-bottom:5px;padding-left:var(--wp--preset--spacing--10);font-size:12px;letter-spacing:2px;text-transform:uppercase"><?php echo esc_html__( 'Coming soon', 'grove-app' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"level":1,"style":{"typography":{"lineHeight":"1.2","fontSize":"4.27rem"},"spacing":{"margin":{"top":"5px","bottom":"0"}}}} -->
<h1 class="wp-block-heading" style="margin-top:5px;margin-bottom:0;font-size:4.27rem;line-height:1.2"><?php echo esc_html__( 'Get More Done.', 'grove-app' ); ?><br><?php echo esc_html__( 'Without a Stress.', 'grove-app' ); ?></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"30px","bottom":"30px"}},"typography":{"lineHeight":"1.5"}}} -->
<p style="margin-top:0;margin-bottom:0;padding-top:30px;padding-bottom:30px;line-height:1.5"><?php echo esc_html__( 'Mattis pellentesque ex phasellus amet nulla aliquam commodo eu posuere in sit efficitur per libero consectetuer id elit neque condimentum.', 'grove-app' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"0"},"blockGap":{"top":"var:preset|spacing|10","left":"var:preset|spacing|10"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:0"><!-- wp:button {"backgroundColor":"white","textColor":"primary","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-primary-color has-white-background-color has-text-color has-background has-link-color wp-element-button" href="#"><?php echo esc_html__( 'Download Now', 'grove-app' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html__( 'Learn More', 'grove-app' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"dimRatio":0,"isUserOverlayColor":true,"isDark":false,"sizeSlug":"large","style":{"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"},"width":"0px","style":"none"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light" style="border-style:none;border-width:0px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px"><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:image {"id":777,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/hero.png" alt="" class="wp-image-777"/></figure>
<!-- /wp:image --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></main>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->