<?php
/**
 * Template Name: Thank You
 *
 * Uses front-page header/footer chrome (header.php / footer.php).
 *
 * @package ViitorX
 */

get_header();
?>

<div class="page thank-you-page">
	<main id="primary">
		<section class="thank-you" aria-label="<?php esc_attr_e( 'Thank you', 'viitorx' ); ?>">
			<?php get_template_part( 'template-parts/hero-wordmark' ); ?>
			<video class="thank-you__video" autoplay muted loop playsinline preload="metadata" aria-hidden="true">
				<source src="<?php echo esc_url( get_template_directory_uri() . '/thank-you-page/thank-you-page/assets/Videos/freepik_create-a-seamless-15second-looping-cinematic-abstr_seedance_1080p_16-9_24fps_10432.mp4' ); ?>" type="video/mp4">
			</video>
			<div class="thank-you__overlay" aria-hidden="true"></div>

			<div class="container thank-you__inner">
				<h1 class="thank-you__title"><?php esc_html_e( 'Thank You!', 'viitorx' ); ?></h1>
				<p class="thank-you__subtitle"><?php esc_html_e( 'You just took the first step toward something people will remember.', 'viitorx' ); ?></p>
			</div>

			<div class="thank-you__action">
				<a class="btn btn--primary btn--square" href="<?php echo esc_url( home_url( '/' ) ); ?>" aria-label="<?php esc_attr_e( 'Back to home', 'viitorx' ); ?>"><?php esc_html_e( 'Back to Home', 'viitorx' ); ?></a>
			</div>
		</section>
	</main>
</div>

<?php
get_footer();