<template>
	<div class="landing-index-component h-100">
		<section class="page-wrapper h-100 d-flex flex-grow-1 justify-content-center align-items-center">
			<div class="d-flex flex-column align-items-center gap-3">
				<i class="fal fa-exclamation-triangle fa-5x text-bluegray-500"></i>
				<div class="text-center">
					<h2>404 - Not Found</h2>
					<p class="lead">The page you are looking for does not exist.</p>
				</div>
				<a class="btn btn-outline-light btn-lg rounded-pill px-4" href="/">Go back home</a>
			</div>
		</section>
	</div>
</template>