<?php
/**
 * Title: Banner
 * Slug: knowledgehub/banner
 * Categories: knowledgehub
 *
 * @package KnowledgeHub
 * @since 1.0.0
 */
?>
<!-- wp:group {"className":"banner-section","style":{"spacing":{"padding":{"right":"0px","left":"0px"}},"dimensions":{"minHeight":"700px"}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-section" style="min-height:700px;padding-right:0px;padding-left:0px"><!-- wp:group {"className":"banner-top","style":{"spacing":{"padding":{"right":"0px","left":"0px"}}},"backgroundColor":"banner-bg","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group banner-top has-banner-bg-background-color has-background" style="padding-right:0px;padding-left:0px"><!-- wp:columns {"className":"banner-boxes"} -->
<div class="wp-block-columns banner-boxes"><!-- wp:column {"verticalAlignment":"top","width":"50%","className":"banner-left-box","style":{"spacing":{"padding":{"top":"var:preset|spacing|40"}}}} -->
<div class="wp-block-column is-vertically-aligned-top banner-left-box" style="padding-top:var(--wp--preset--spacing--40);flex-basis:50%"><!-- wp:group {"className":"banner-content wow zoomInLeft","layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-content wow zoomInLeft"><!-- wp:paragraph {"className":"banner-sub-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"700"}},"textColor":"primary","fontFamily":"kalam"} -->
<p class="banner-sub-title has-primary-color has-text-color has-link-color has-kalam-font-family" style="font-style:normal;font-weight:700;text-transform:capitalize"><svg xmlns="http://www.w3.org/2000/svg" width="27" height="21.076" viewBox="0 0 27 21.076"><path d="M25.073,43.125c-.109-.821-.125-2.234.638-2.709a.287.287,0,0,0,.036-.032c.623-.2,1.055-.479.716-.856l-9.194-2.77L2.381,38.828s-1.7.244-1.552,2.892a3.422,3.422,0,0,0,.93,2.5l-1.222.368c-.339.376.092.656.716.855a.245.245,0,0,0,.036.032c.762.475.747,1.889.638,2.71-2.737.777-1.755,1.03-1.755,1.03l.6.145a2.913,2.913,0,0,0-.763,2.478c.152,2.648,1.553,2.831,1.553,2.831L11.3,57.834l14.7-3.562s.983-.254-1.755-1.031c-.11-.82-.125-2.233.638-2.709a.225.225,0,0,0,.036-.032c.623-.2,1.054-.479.716-.855L25,49.452c.426-.257,1.067-.929,1.167-2.674a3.1,3.1,0,0,0-.606-2.317l1.263-.306S27.811,43.9,25.073,43.125Zm-12.3-.034,2.473-.508L23.6,40.866l1.245-.256a4.311,4.311,0,0,0-.315,2.365c.014.145.031.277.047.378l-1.363.339L12.67,46.315ZM2.152,45.668l1.245.256,8.025,1.65.7.144h0l2.1.432.1,3.224-10.84-2.7L2.42,48.411c.016-.1.032-.233.047-.378A4.312,4.312,0,0,0,2.152,45.668Zm-.484-4.076a2.091,2.091,0,0,1,.364-1.473.661.661,0,0,1,.483-.2.819.819,0,0,1,.122.01l6.415,2.091,3.2,1.043-.1,3.246L3.169,43.793,2.7,43.661a.287.287,0,0,0-.059-.009C2.6,43.649,1.711,43.567,1.668,41.593Zm9.659,14.835-9.452-2.65a.281.281,0,0,0-.059-.009c-.038,0-.926-.084-.969-2.058a2.093,2.093,0,0,1,.364-1.474.663.663,0,0,1,.483-.2.853.853,0,0,1,.122.009h0l9.614,3.135Zm12.385-3.336c.015.145.032.277.048.378l-11.91,2.963.1-3.224,2.546-.524.376.091,1.409-.458,6.5-1.335,1.245-.256A4.307,4.307,0,0,0,23.712,53.091Zm.656-4.381a.229.229,0,0,0-.064.01l-.9.251-8.553,2.4-.1-3.246,2.806-.915,6.795-2.216a.708.708,0,0,1,.619.187,2.094,2.094,0,0,1,.364,1.473C25.289,48.625,24.4,48.707,24.368,48.71Z" transform="translate(0.001 -36.758)" fill="var(--wp--preset--color--primary)"></path></svg><?php echo esc_html__( 'your online learning partner', 'knowledgehub' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"className":"banner-title","style":{"typography":{"textTransform":"uppercase","fontSize":"38px","lineHeight":"1.4","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"8px"}}}} -->
<h2 class="wp-block-heading banner-title" style="margin-top:8px;font-size:38px;font-style:normal;font-weight:700;line-height:1.4;text-transform:uppercase"><?php echo esc_html__( 'master new skills with expert led courses', 'knowledgehub' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-para","style":{"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"300"},"spacing":{"margin":{"top":"10px"}}}} -->
<p class="banner-para" style="margin-top:10px;font-size:15px;font-style:normal;font-weight:300"><?php echo esc_html__( 'We provide a modern education ecosystem designed for efficiency, creativity, and real- world learning. Our mission is to simplify learning, connect communities, and help learners reach their highest potential.', 'knowledgehub' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-button","style":{"spacing":{"margin":{"top":"50px"}}}} -->
<div class="wp-block-buttons banner-button" style="margin-top:50px"><!-- wp:button {"className":"banner-btn1","style":{"typography":{"textTransform":"capitalize","fontSize":"15px","fontStyle":"normal","fontWeight":"400"},"border":{"radius":"6px"},"spacing":{"padding":{"left":"30px","right":"30px","top":"7px","bottom":"7px"}}}} -->
<div class="wp-block-button banner-btn1"><a class="wp-block-button__link has-custom-font-size wp-element-button" href="#" style="border-radius:6px;padding-top:7px;padding-right:30px;padding-bottom:7px;padding-left:30px;font-size:15px;font-style:normal;font-weight:400;text-transform:capitalize"><?php echo esc_html__( 'explore more', 'knowledgehub' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"primary","className":"banner-btn2","style":{"typography":{"textTransform":"capitalize","fontSize":"15px","fontStyle":"normal","fontWeight":"400"},"border":{"radius":"6px"},"spacing":{"padding":{"left":"30px","right":"30px","top":"7px","bottom":"7px"}}}} -->
<div class="wp-block-button banner-btn2"><a class="wp-block-button__link has-primary-background-color has-background has-custom-font-size wp-element-button" href="#" style="border-radius:6px;padding-top:7px;padding-right:30px;padding-bottom:7px;padding-left:30px;font-size:15px;font-style:normal;font-weight:400;text-transform:capitalize"><?php echo esc_html__( 'book now', 'knowledgehub' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:group {"className":"social-icon-box","style":{"border":{"radius":"6px"},"spacing":{"padding":{"top":"8px","bottom":"8px","left":"20px","right":"12px"},"blockGap":"26px"}},"backgroundColor":"base","layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group social-icon-box has-base-background-color has-background" style="border-radius:6px;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:20px"><!-- wp:paragraph {"className":"follow-text","style":{"typography":{"fontSize":"15px","fontStyle":"normal","fontWeight":"500","textTransform":"capitalize"}}} -->
<p class="follow-text" style="font-size:15px;font-style:normal;font-weight:500;text-transform:capitalize"><?php echo esc_html__( 'follow us', 'knowledgehub' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"iconColor":"base","iconColorValue":"#ffffff","iconBackgroundColor":"contrast","iconBackgroundColorValue":"#000000","openInNewTab":true,"className":"banner-social-icons","style":{"spacing":{"blockGap":{"top":"8px","left":"8px"}}}} -->
<ul class="wp-block-social-links has-icon-color has-icon-background-color banner-social-icons"><!-- wp:social-link {"url":"www.facebook.com","service":"facebook"} /-->

<!-- wp:social-link {"url":"www.instagram.com","service":"instagram"} /-->

<!-- wp:social-link {"url":"www.twitter.com","service":"x"} /-->

<!-- wp:social-link {"url":"www.youtube.com","service":"youtube"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"50%","className":"banner-right-box"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-right-box" style="flex-basis:50%"><!-- wp:image {"id":39,"width":"auto","height":"660px","sizeSlug":"full","linkDestination":"none","align":"right","className":"banner-img wow zoomIn","style":{"spacing":{"margin":{"right":"0px","left":"0px"}}}} -->
<figure class="wp-block-image alignright size-full is-resized banner-img wow zoomIn" style="margin-right:0px;margin-left:0px"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/banner-img.png" alt="" class="wp-image-39" style="width:auto;height:660px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"banner-bottom","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-bottom" style="margin-top:0px;margin-bottom:0px"><!-- wp:image {"id":61,"width":"auto","height":"200px","sizeSlug":"large","linkDestination":"none","className":"banner-btm-img"} -->
<figure class="wp-block-image size-large is-resized banner-btm-img"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/banner-btm.png" alt="" class="wp-image-61" style="width:auto;height:200px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"banner-btm-box wow zoomIn","style":{"spacing":{"blockGap":"30px","margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group banner-btm-box wow zoomIn" style="margin-top:0px;margin-bottom:0px"><!-- wp:group {"className":"bnr-review-box","layout":{"type":"default"}} -->
<div class="wp-block-group bnr-review-box"><!-- wp:paragraph {"className":"bnr-rating","style":{"typography":{"fontSize":"25px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.3"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base"} -->
<p class="bnr-rating has-base-color has-text-color has-link-color" style="font-size:25px;font-style:normal;font-weight:700;line-height:1.3"><?php echo esc_html__( '1.5k+', 'knowledgehub' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"bnr-review-text","style":{"typography":{"textTransform":"capitalize","fontStyle":"normal","fontWeight":"500","fontSize":"14px"},"spacing":{"margin":{"top":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base"} -->
<p class="bnr-review-text has-base-color has-text-color has-link-color" style="margin-top:0px;font-size:14px;font-style:normal;font-weight:500;text-transform:capitalize"><?php echo esc_html__( 'reviews', 'knowledgehub' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:image {"id":25,"sizeSlug":"full","linkDestination":"none","className":"banner-review-img"} -->
<figure class="wp-block-image size-full banner-review-img"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/clients.png" alt="" class="wp-image-25"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->