<?php
/**
 * Title: Hero Section
 * Slug: nutrawell/hero
 * Categories: nutrawell, featured
 * Description: Hero section with background image.
 */
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() . '/assets/img/hero.jpg' ); ?>","dimRatio":0,"align":"full","className":"hero"} -->
<div class="wp-block-cover alignfull hero">
	<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/hero.jpg' ); ?>" alt="<?php echo esc_attr__( 'Hero Background', 'nutrawell' ); ?>" data-object-fit="cover" />
	<div class="wp-block-cover__inner-container">

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

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

			<!-- wp:paragraph {"className":"hero-sub-title"} -->
			<p class="hero-sub-title"><?php echo esc_html__( 'Balanced Life Essentials', 'nutrawell' ); ?></p>
			<!-- /wp:paragraph -->

			<!-- wp:heading {"level":1} -->
			<h1><?php echo esc_html__( 'Science-Backed ', 'nutrawell' ); ?><strong><?php echo esc_html__( 'Supplements', 'nutrawell' ); ?></strong><?php echo esc_html__( ' for a Balanced Life', 'nutrawell' ); ?></h1>
			<!-- /wp:heading -->

			<!-- wp:paragraph -->
			<p><?php echo esc_html__( 'Discover clean-label, plant-based supplements crafted to support your daily wellness journey.', 'nutrawell' ); ?></p>
			<!-- /wp:paragraph -->
			<!-- wp:group {"className":"btns-wrapper","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"left"}} -->
			<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__( 'Read More', '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__( 'Our Services', 'nutrawell' ); ?>
					</a>
				</div>
				<!-- /wp:button -->

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

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

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

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