<?php
/**
 * Title: 404 Not Found Section
 * Slug: nutrawell/not-found
 * Categories: nutrawell, featured
 * Description: 404 error page section with image and back to home button.
 */
?>
<!-- wp:group {"align":"full","className":"not-found"} -->
<div class="wp-block-group alignfull not-found">
	<!-- wp:group {"className":"container"} -->
	<div class="wp-block-group container">
		<!-- wp:group {"className":"not-found-wrapper","layout":{"type":"constrained","contentSize":"600px"},"style":{"spacing":{"blockGap":"var:preset|spacing|lg"}}} -->
		<div class="wp-block-group not-found-wrapper">
			<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
			<figure class="wp-block-image size-full">
				<img src="<?php echo esc_url( get_template_directory_uri() . '/assets/img/not-found.png' ); ?>" alt="<?php echo esc_attr__( '404 Not Found', 'nutrawell' ); ?>" />
			</figure>
			<!-- /wp:image -->
			<!-- wp:heading {"textAlign":"center","level":1} -->
			<h1 class="has-text-align-center"><?php echo esc_html__( 'We Couldn\'t Find the Page You\'re Looking For', 'nutrawell' ); ?></h1>
			<!-- /wp:heading -->
			<!-- wp:paragraph {"align":"center"} -->
			<p class="has-text-align-center"><?php echo esc_html__( 'The page you\'re trying to access has been relocated or is no longer part of our active wellness pathways.', 'nutrawell' ); ?></p>
			<!-- /wp:paragraph -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons">
	<!-- wp:button {"backgroundColor":"accent-yellow","textColor":"deep-green","className":"btn yellow-btn has-accent-yellow-background-color has-deep-green-text-color has-background","url":"<?php echo esc_url( home_url( '/' ) ); ?>"} -->
	<div class="wp-block-button btn yellow-btn has-accent-yellow-background-color has-deep-green-text-color has-background">
		<a class="wp-block-button__link has-deep-green-color has-accent-yellow-background-color has-text-color has-background wp-element-button" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php echo esc_html__( 'Back to Home', 'nutrawell' ); ?></a>
	</div>
	<!-- /wp:button -->
</div>
<!-- /wp:buttons -->



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