<?php
/**
 * Title: Home Banner
 * Slug: influencer-agency/home-banner
 * Categories: template
 */
?>
<!-- wp:group {"tagName":"main","className":"alignfull"} -->
<main class="wp-block-group alignfull"><!-- wp:cover {"dimRatio":0,"minHeight":620,"isDark":false,"className":"main-banner-section wow zoomIn delay-1000"} -->
<div class="wp-block-cover is-light main-banner-section wow zoomIn delay-1000" style="min-height:620px"><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:group {"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"50%","className":"banner-col-2"} -->
<div class="wp-block-column is-vertically-aligned-center banner-col-2" style="flex-basis:50%"><!-- wp:paragraph {"className":"banner-small-text has-text-color has-link-color","fontSize":"medium"} -->
<p class="banner-small-text has-text-color has-link-color has-medium-font-size"><?php echo esc_html__('Welcome To Lorem Ipsum', 'influencer-agency'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1,"style":{"typography":{"textTransform":"capitalize","fontSize":"45px"}}} -->
<h1 class="wp-block-heading" style="font-size:45px;text-transform:capitalize"><?php echo esc_html__('You Have Got Question. We have Got Influencer', 'influencer-agency'); ?></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-sec-para"} -->
<p class="banner-sec-para"><?php echo esc_html__('It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', 'influencer-agency'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"banner-btn","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group banner-btn"><!-- wp:buttons {"className":"banner-btn1"} -->
<div class="wp-block-buttons banner-btn1"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html__('Find Influencers', 'influencer-agency'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:image {"id":7,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/video.png" alt="" class="wp-image-7"/></figure>
<!-- /wp:image -->

<!-- wp:buttons {"className":"banner-btn2"} -->
<div class="wp-block-buttons banner-btn2"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://youtu.be/9xwazD5SyVg?si=XMpNpHTJ85-6Twkz" target="_blank" rel="noreferrer noopener"><?php echo esc_html__('Watch Video', 'influencer-agency'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"align":"center","id":7,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/banner-grp.png" alt="" class="wp-image-7"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></main>
<!-- /wp:group -->
