<?php
get_header();
?>

<main id="main" class="has-off-white-background-color">
    <div class="wp-block-cfa-hero alignwide has-orange-background-color has-off-white-color">
        <hr class="has-off-white-background-color">
        <h1 class="has-off-white-color">404: Page not found</h1>
        <div class="content">
            <p>Sorry, there is nothing to see here.</p>
            <a href="/">Back to the homepage</a>
        </div>

    </div>
    <p class="has-medium-font-size">Let us help you get to the right place:</p>
    <div class="wp-block-buttons flex just-between">
        <div class="wp-block-button">
            <a href="/find-a-cinema" class="wp-block-button__link has-teal-background-color has-background">Browse cinemas</a>
        </div>
        <div class="wp-block-button">
            <a href="/screenings-calendar" class="wp-block-button__link has-yellow-background-color has-background">Check out upcoming screenings</a>
        </div>
        <div class="wp-block-button">
            <a href="/about-us" class="wp-block-button__link has-pink-background-color has-background">Find out more about My Community Cinema</a>
        </div>
        </div>
    </div>

    <div class="wp-block-spacer"></div>

</main>

<?php
get_footer();