<?php
/**
 * Title: Call To Action
 * Slug: nutrawell/cta
 * Categories: nutrawell, featured, call-to-action
 * Description: Call to action section with background image and buttons.
 */
?>
<!-- wp:group {"align":"full","className":"cta py light_green"} -->
<div class="wp-block-group alignfull cta py light_green">

	<!-- wp:group {"className":"container"} -->
	<div class="wp-block-group container">

	
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() . '/assets/img/cta.png' ); ?>","dimRatio":0,"className":"cta-wrapper"} -->
<div class="wp-block-cover cta-wrapper">
	<span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
	<img class="wp-block-cover__image-background" src="<?php echo esc_url( get_template_directory_uri() . '/assets/img/cta.png' ); ?>" alt="<?php echo esc_attr__( 'Call to Action Background', 'nutrawell' ); ?>" data-object-fit="cover" />
		<div class="wp-block-cover__inner-container">
			<!-- wp:heading -->
			<h2 class="wp-block-heading"><?php echo esc_html__( 'Not Sure What You Need?', 'nutrawell' ); ?></h2>
			<!-- /wp:heading -->

			<!-- wp:paragraph -->
			<p><?php echo esc_html__( 'Take our quick quiz and discover supplements tailored to your lifestyle.', 'nutrawell' ); ?></p>
			<!-- /wp:paragraph -->

			<!-- wp:group {"className":"btns-wrapper","layout":{"type":"flex","flexWrap":"wrap"}} -->
			<div class="wp-block-group btns-wrapper">
				<!-- wp:button {"className":"btn yellow-btn"} -->
				<div class="wp-block-button btn yellow-btn"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html__( 'Take the Quiz', 'nutrawell' ); ?></a></div>
				<!-- /wp:button -->

				<!-- wp:button {"className":"btn white-btn"} -->
				<div class="wp-block-button btn white-btn"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html__( 'Lets Started', 'nutrawell' ); ?></a></div>
				<!-- /wp:button -->
			</div>
			<!-- /wp:group -->
		</div>
	</div>
	<!-- /wp:cover -->

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

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