<?php
/**
 * Title: Main Banner
 * Slug: career-development/main-banner
 */
?>

<!-- wp:cover {"overlayColor":"secondary","isUserOverlayColor":true,"isDark":false,"align":"full","className":"banner-section","style":{"spacing":{"padding":{"top":"10rem","bottom":"var:preset|spacing|70","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"85%"}} -->
<div class="wp-block-cover alignfull is-light banner-section" style="margin-top:0;margin-bottom:0;padding-top:10rem;padding-right:0;padding-bottom:var(--wp--preset--spacing--70);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:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|70"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"16px","textTransform":"uppercase","letterSpacing":"1px"}},"textColor":"primary","fontFamily":"body"} -->
<p class="has-primary-color has-text-color has-link-color has-body-font-family" style="font-size:16px;letter-spacing:1px;text-transform:uppercase"><?php esc_html_e( 'WELCOME TO CareerElevate', 'career-development' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|heading"}}},"typography":{"fontSize":"50px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.3"}},"textColor":"heading","fontFamily":"body"} -->
<h2 class="wp-block-heading has-heading-color has-text-color has-link-color has-body-font-family" style="font-size:50px;font-style:normal;font-weight:700;line-height:1.3"><?php esc_html_e( 'Elevate Your', 'career-development' ); ?> <br><?php esc_html_e( 'Career With', 'career-development' ); ?> <br><?php esc_html_e( 'Expert Coaching', 'career-development' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|Text Color"}}},"typography":{"fontSize":"16px"}},"textColor":"Text Color","fontFamily":"body"} -->
<p class="has-text-color-color has-text-color has-link-color has-body-font-family" style="font-size:16px"><?php esc_html_e( 'Get personalized career guidance, interview', 'career-development' ); ?> <br><?php esc_html_e( 'preparation, and job search strategies to achieve your', 'career-development' ); ?> <br><?php esc_html_e( 'professional goals faster.', 'career-development' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"book-btn","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-buttons book-btn" style="margin-top:0;margin-bottom:0"><!-- wp:button {"backgroundColor":"primary","textColor":"background","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"16px","letterSpacing":"0px","fontStyle":"normal","fontWeight":"600"},"spacing":{"padding":{"left":"var:preset|spacing|60","right":"var:preset|spacing|60","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"fontFamily":"plus-jakarta-sans"} -->
<div class="wp-block-button"><a href="#" class="wp-block-button__link has-background-color has-primary-background-color has-text-color has-background has-link-color has-plus-jakarta-sans-font-family has-custom-font-size wp-element-button" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--60);font-size:16px;font-style:normal;font-weight:600;letter-spacing:0px"><?php esc_html_e( 'Book Free Consultation', 'career-development' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"className":"banner-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-img"><!-- wp:image {"id":1961,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_parent_theme_file_uri( '/assets/images/banner-img.png')); ?>" alt="<?php esc_attr_e( 'Banner Image', 'career-development' ); ?>" class="wp-image-1961"/></figure>
<!-- /wp:image -->

<!-- wp:html -->
<svg width="458" height="335" viewBox="0 0 458 335" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M458 20C458 8.95431 449.046 0 438 0H20C8.95432 0 0 8.9543 0 20V326.005C0 332.936 8.21387 336.588 13.3596 331.944L51.5409 297.489C55.2159 294.173 59.99 292.337 64.94 292.337H114.5H229H438C449.046 292.337 458 283.383 458 272.337V20Z" fill="var(--wp--preset--color--primary)"/>
</svg>

<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:buttons {"className":"learn-btn","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons learn-btn" style="margin-top:0;margin-bottom:0"><!-- wp:button {"textAlign":"center","textColor":"primary","className":"is-style-outline","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"border":{"width":"0px","style":"none"},"spacing":{"padding":{"left":"0","right":"0","top":"0","bottom":"0"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"400"}},"fontFamily":"plus-jakarta-sans"} -->
<div class="wp-block-button is-style-outline"><a href="#" class="wp-block-button__link has-primary-color has-text-color has-link-color has-plus-jakarta-sans-font-family has-text-align-center has-custom-font-size wp-element-button" style="border-style:none;border-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:16px;font-style:normal;font-weight:400"><?php esc_html_e( 'Learn More About Career Development', 'career-development' ); ?> <i class="fa-solid fa-arrow-right-long"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->