<?php
/**
 * Title: 404 Page
 * Slug: reunionary/template-page-404
 * Description: The page that shows when no other page is found.
 * Categories: reunionary/pages
 * Keywords: page, full-width
 * Viewport Width: 1120
 * Inserter: false
 */
?>

<!-- wp:template-part {"slug":"header","area":"header"} /-->

<!-- wp:group {"tagName":"main","layout":{"type":"constrained","contentSize":"640px"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large","left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"}}}} -->
<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--medium)">
	<!-- wp:heading {"level":1,"fontSize":"x-large"} -->
	<h1 class="wp-block-heading has-x-large-font-size">
		<?php echo esc_html__( 'Page not found', 'reunionary' ); ?>
	</h1>
	<!-- /wp:heading -->

	<!-- wp:paragraph {"fontSize":"medium"} -->
	<p class="has-medium-font-size">
		<?php echo esc_html__( 'We couldn’t find that page. Try searching or head back to the homepage.', 'reunionary' ); ?>
	</p>
	<!-- /wp:paragraph -->

	<!-- wp:search {"label":"<?php echo esc_attr__( 'Search', 'reunionary' ); ?>","buttonText":"<?php echo esc_attr__( 'Search', 'reunionary' ); ?>","buttonPosition":"button-inside"} /-->

	<!-- wp:buttons -->
	<div class="wp-block-buttons">
		<!-- wp:button -->
		<div class="wp-block-button">
			<a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/' ) ); ?>">
				<?php echo esc_html__( 'Back to home', 'reunionary' ); ?>
			</a>
		</div>
		<!-- /wp:button -->
	</div>
	<!-- /wp:buttons -->
</main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","area":"footer"} /-->