<?php
/**
 * Title: Partner & Career Cards
 * Slug: multipurpose-business-fse/partner-career
 * Categories: multipurpose-business-fse/patterns-cat, featured, about
 * Description: Two full-height cover cards side by side — one for Partner sign-up, one for Career opportunities.
 *
 */

$theme_uri   = get_stylesheet_directory_uri();
$partner_img = $theme_uri . '/assets/images/partner-card-bg.jpg';
$career_img  = $theme_uri . '/assets/images/career-card-bg.jpg';
?>

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"color":{"gradient":"linear-gradient(135deg,rgb(3,87,177) 0%,rgb(78,150,207) 49%,rgb(3,87,177) 100%)"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(135deg,rgb(3,87,177) 0%,rgb(78,150,207) 49%,rgb(3,87,177) 100%);padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">

	<!-- wp:heading {"level":2,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"textAlign":"center"}},"textColor":"white"} -->
	<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color"><?php _e( 'Work with Us', 'multipurpose-business-fse' ); ?></h2>
	<!-- /wp:heading -->

	<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"},"elements":{"link":{"color":{"text":"#bebebe"}}},"color":{"text":"#bebebe"},"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} -->
	<p class="has-text-align-center has-text-color has-link-color" style="color:#bebebe;margin-bottom:var(--wp--preset--spacing--60)"><?php _e( 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.', 'multipurpose-business-fse' ); ?></p>
	<!-- /wp:paragraph -->

	<!-- wp:columns -->
	<div class="wp-block-columns">

		<!-- wp:column -->
		<div class="wp-block-column">

			<!-- wp:cover {"url":"<?php echo esc_url( $partner_img ); ?>","dimRatio":30,"isUserOverlayColor":true,"minHeight":480,"minHeightUnit":"px","contentPosition":"bottom left","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}}} -->
			<div class="wp-block-cover has-custom-content-position is-position-bottom-left" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50);min-height:480px">
				<span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span>
				<img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( $partner_img ); ?>" data-object-fit="cover"/>
				<div class="wp-block-cover__inner-container">

					<!-- wp:heading {"level":2,"style":{"color":{"text":"#ffffff"},"typography":{"fontSize":"28px","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|20"}}}} -->
					<h2 class="wp-block-heading has-text-color" style="color:#ffffff;font-size:28px;font-weight:700;margin-top:0;margin-bottom:var(--wp--preset--spacing--20)"><?php _e( 'Become a Partner', 'multipurpose-business-fse' ); ?></h2>
					<!-- /wp:heading -->

					<!-- wp:paragraph {"style":{"color":{"text":"#ffffff"}}} -->
					<p class="has-text-color" style="color:#ffffff"><?php _e( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.', 'multipurpose-business-fse' ); ?></p>
					<!-- /wp:paragraph -->

					<!-- wp:buttons -->
					<div class="wp-block-buttons">
						<!-- wp:button {"url":"#","style":{"color":{"background":"#000"}}} -->
						<div class="wp-block-button"><a class="wp-block-button__link wp-element-button has-background" href="#" style="background-color:#000"><?php _e( 'Lorem Ipsum Button', 'multipurpose-business-fse' ); ?></a></div>
						<!-- /wp:button -->
					</div>
					<!-- /wp:buttons -->

				</div>
			</div>
			<!-- /wp:cover -->

		</div>
		<!-- /wp:column -->

		<!-- wp:column -->
		<div class="wp-block-column">

			<!-- wp:cover {"url":"<?php echo esc_url( $career_img ); ?>","dimRatio":30,"isUserOverlayColor":true,"minHeight":480,"minHeightUnit":"px","contentPosition":"bottom left","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}}} -->
			<div class="wp-block-cover has-custom-content-position is-position-bottom-left" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50);min-height:480px">
				<span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span>
				<img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( $career_img ); ?>" data-object-fit="cover"/>
				<div class="wp-block-cover__inner-container">

					<!-- wp:heading {"level":2,"style":{"color":{"text":"#ffffff"},"typography":{"fontSize":"28px","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|20"}}}} -->
					<h2 class="wp-block-heading has-text-color" style="color:#ffffff;font-size:28px;font-weight:700;margin-top:0;margin-bottom:var(--wp--preset--spacing--20)"><?php _e( 'Join Our Team', 'multipurpose-business-fse' ); ?></h2>
					<!-- /wp:heading -->

					<!-- wp:paragraph {"style":{"color":{"text":"#ffffff"}}} -->
					<p class="has-text-color" style="color:#ffffff"><?php _e( 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.', 'multipurpose-business-fse' ); ?></p>
					<!-- /wp:paragraph -->

					<!-- wp:buttons -->
					<div class="wp-block-buttons">
						<!-- wp:button {"url":"#","style":{"color":{"background":"#000"}}} -->
						<div class="wp-block-button"><a class="wp-block-button__link wp-element-button has-background" href="#" style="background-color:#000"><?php _e( 'Dolor Sit Amet Button', 'multipurpose-business-fse' ); ?></a></div>
						<!-- /wp:button -->
					</div>
					<!-- /wp:buttons -->

				</div>
			</div>
			<!-- /wp:cover -->

		</div>
		<!-- /wp:column -->

	</div>
	<!-- /wp:columns -->

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