<?php
/**
 * Title: Banner
 * Slug: thryve-school/featured-banner
 * Categories: thryve-school
 * Description: A hero section with a title, a paragraph, a CTA button, and an image.
 * Block Types: core/post-content
 * Post Types: page, wp_template
 */
?>
<!-- wp:cover {"dimRatio":70,"isUserOverlayColor":true,"minHeight":650,"customGradient":"linear-gradient(134deg,rgba(0,158,74,0.26) 4%,rgb(249,249,249) 53%,rgb(219,248,231) 100%)","contentPosition":"center center","sizeSlug":"full","metadata":{"name":"Featured Banner"},"className":"thryve-featured-banner","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover thryve-featured-banner" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0;min-height:650px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-70 has-background-dim has-background-gradient" style="background:linear-gradient(134deg,rgba(0,158,74,0.26) 4%,rgb(249,249,249) 53%,rgb(219,248,231) 100%)"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"65%","className":"wow animate__animated animate__fadeInUp"} -->
<div class="wp-block-column is-vertically-aligned-center wow animate__animated animate__fadeInUp" style="flex-basis:65%"><!-- wp:paragraph {"className":"thryvewp-mark-has-border","style":{"typography":{"fontSize":"14px"}}} -->
<p class="thryvewp-mark-has-border" style="font-size:14px"><mark style="background-color:#fbf8f5" class="has-inline-color"><?php echo esc_html__( 'New: AI & Machine Learning Track', 'thryve-school' ); ?></mark></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"48px","fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"}}}},"textColor":"contrast-2"} -->
<h2 class="wp-block-heading has-text-align-left has-contrast-2-color has-text-color has-link-color" style="font-size:48px;font-style:normal;font-weight:700"><?php echo esc_html__( 'From Code to Intelligence: Essential ', 'thryve-school' ); ?> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php echo esc_html__( 'AI Skills Every Developer ', 'thryve-school' ); ?></mark> <?php echo esc_html__( 'Needs', 'thryve-school' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"padding":{"right":"0","left":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast"} -->
<p class="has-text-align-left has-contrast-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-right:0;padding-left:0"><?php echo esc_html__( "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.", 'thryve-school' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"},"blockGap":{"left":"var:preset|spacing|20"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--30)"><!-- wp:button {"backgroundColor":"primary","textColor":"contrast-3","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-3"}}},"spacing":{"padding":{"left":"var:preset|spacing|30","right":"var:preset|spacing|30","top":"var:preset|spacing|10","bottom":"var:preset|spacing|10"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-contrast-3-color has-primary-background-color has-text-color has-background has-link-color wp-element-button" href="#" style="padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)"><?php echo esc_html__( 'Browse Courses', 'thryve-school' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"contrast-3","style":{"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"left":"var:preset|spacing|30","right":"var:preset|spacing|30","top":"var:preset|spacing|10","bottom":"var:preset|spacing|10"}},"border":{"radius":{"topLeft":"6px","topRight":"6px","bottomLeft":"6px","bottomRight":"6px"},"width":"1px"},"color":{"text":"#000000"}},"borderColor":"secondary"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-contrast-3-background-color has-text-color has-background has-link-color has-border-color has-secondary-border-color wp-element-button" href="#" style="border-width:1px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;color:#000000;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)"><?php echo esc_html__( 'View Pricing', 'thryve-school' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
<p class="has-primary-color has-text-color has-link-color"><mark style="background-color:rgba(0, 0, 0, 0);color:#fe8c00" class="has-inline-color"><?php echo esc_html__( '★★★★★', 'thryve-school' ); ?></mark> <?php echo esc_html__( '5 Star Rating', 'thryve-school' ); ?> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"35%","className":"thryve-school-hover-effect wow animate__animated animate__fadeInUp","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}},"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}},"shadow":"var:preset|shadow|natural"},"backgroundColor":"contrast-3"} -->
<div class="wp-block-column is-vertically-aligned-center thryve-school-hover-effect wow animate__animated animate__fadeInUp has-contrast-3-background-color has-background" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);box-shadow:var(--wp--preset--shadow--natural);flex-basis:35%"><!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() );?>/assets/images/course-3.jpg","id":30,"dimRatio":0,"overlayColor":"contrast-2","isUserOverlayColor":true,"minHeight":242,"minHeightUnit":"px","contentPosition":"top right","isDark":false,"sizeSlug":"full","style":{"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-right" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;min-height:242px"><img class="wp-block-cover__image-background wp-image-30 size-full" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() );?>/assets/images/course-3.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-contrast-2-background-color has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px","left":"10px","right":"10px"},"blockGap":"8px"},"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}},"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"700"}},"backgroundColor":"base-2","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-base-2-background-color has-background" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;font-size:14px;font-style:normal;font-weight:700"><!-- wp:image {"id":58,"sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fixed","flexSize":"20px"},"color":{"duotone":["#006b5b","#045151"]}}} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() );?>/assets/images/icon-1.png" alt="" class="wp-image-58"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"12px"}},"textColor":"contrast"} -->
<p class="has-contrast-color has-text-color has-link-color" style="font-size:12px"><?php echo esc_html__( 'React Development Pro', 'thryve-school' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-3"}}},"layout":{"selfStretch":"fixed","flexSize":"80px"},"spacing":{"padding":{"top":"6px","bottom":"6px","left":"8px","right":"8px"}},"typography":{"fontSize":"12px","fontStyle":"normal","fontWeight":"400"},"border":{"radius":{"topLeft":"100px","topRight":"100px","bottomLeft":"100px","bottomRight":"100px"}}},"backgroundColor":"accent-3","textColor":"contrast-3"} -->
<p class="has-text-align-center has-contrast-3-color has-accent-3-background-color has-text-color has-background has-link-color" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;padding-top:6px;padding-right:8px;padding-bottom:6px;padding-left:8px;font-size:12px;font-style:normal;font-weight:400"><?php echo esc_html__( 'Best Seller', 'thryve-school' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"14px"}},"textColor":"contrast"} -->
<p class="has-contrast-color has-text-color has-link-color" style="font-size:14px"><?php echo esc_html__( '25 Hours', 'thryve-school' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontSize":"18px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.4"},"border":{"top":{"color":"var:preset|color|accent","width":"1px"},"bottom":{"color":"var:preset|color|accent","width":"1px"},"right":[],"left":[]},"spacing":{"padding":{"top":"var:preset|spacing|10","bottom":"var:preset|spacing|10","left":"0","right":"0"}}},"textColor":"contrast"} -->
<h2 class="wp-block-heading has-contrast-color has-text-color has-link-color" style="border-top-color:var(--wp--preset--color--accent);border-top-width:1px;border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-right:0;padding-bottom:var(--wp--preset--spacing--10);padding-left:0;font-size:18px;font-style:normal;font-weight:700;line-height:1.4"><a href="#"><?php echo esc_html__( 'Beyond Syntax: Why AI Literacy Is the New Must-Have Coding Skill', 'thryve-school' ); ?></a></h2>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"12px"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":210,"width":"40px","height":"40px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":{"topLeft":"100px","topRight":"100px","bottomLeft":"100px","bottomRight":"100px"}}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_stylesheet_directory_uri() );?>/assets/images/team.jpg" alt="" class="wp-image-210" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;object-fit:cover;width:40px;height:40px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"14px"}},"textColor":"primary"} -->
<p class="has-primary-color has-text-color has-link-color" style="font-size:14px"><?php echo esc_html__( 'Dr. John Doe', 'thryve-school' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"small"} -->
<p class="has-primary-color has-text-color has-link-color has-small-font-size"><mark style="background-color:rgba(0, 0, 0, 0);color:#fe8c00" class="has-inline-color"><?php echo esc_html__( '★', 'thryve-school' ); ?></mark> <?php echo esc_html__( ' 5 Star Rating ', 'thryve-school' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->