<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @package Zentorone
 */

get_header();
?>

	<div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8 text-center">
                <main id="primary" class="site-main">

                    <section class="error-404 not-found py-5">
                        <header class="page-header mb-4">
                            <h1 class="display-1 fw-bold text-primary"><?php esc_html_e( '404', 'zentorone' ); ?></h1>
                            <h2 class="page-title h3"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'zentorone' ); ?></h2>
                        </header><!-- .page-header -->

                        <div class="page-content mb-5">
                            <p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try a search?', 'zentorone' ); ?></p>

                            <div class="search-form-wrap mx-auto" style="max-width: 500px;">
                                <?php get_search_form(); ?>
                            </div>
                        </div><!-- .page-content -->

                        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="btn btn-primary px-4 py-2">
                            <i class="bi bi-house-door me-2"></i><?php esc_html_e( 'Back to Homepage', 'zentorone' ); ?>
                        </a>
                    </section><!-- .error-404 -->

                </main><!-- #main -->
            </div>
        </div>
    </div>

<?php
get_footer();
