<?php
/**
 * @package Case-Themes
 */

    $message = 'Oops! The page you are looking for does not exist. It might have been moved or deleted.';
    $bg_img_url = solarva()->get_theme_opt( 'bg_img_404_page', ['url' => get_template_directory_uri().'/assets/img/bg-announcement-page.webp', 'id' => '' ] );
get_header(); 
?>
    <div id="pxl-content-area" class="pxl-content-area">
        <main id="pxl-content-main">
            <div class="pxl-bg--overlay"></div>
            <div class="pxl-bg--img" style="background-image: url('<?php if(!empty($bg_img_url['url'])) echo esc_url($bg_img_url['url']); ?>')"></div>
            <div class="pxl-page-container">
                <div class="pxl-page-content">
                    <div class="pxl-error--404"><?php echo esc_html('404', 'solarva'); ?></div>
                    <div class="pxl-error--subtitle"><?php echo esc_html('Page not found', 'solarva'); ?></div>
                    <div class="pxl-error--message"><?php echo esc_html($message); ?></div>
                    <div class="pxl-form-group">
                        <?php get_search_form(); ?>
                    </div>
                    <a href="<?php echo esc_url(home_url('/')); ?>" class="btn btn-back-home pxl-btn-basic pxl-btn-basic2 pxl-hover-fade ">
                        <span class="pxl-btn--text"><?php echo esc_html("Go back home", 'solarva'); ?></span>
                    </a>
                </div>
            </div>
        </main>
    </div>
<?php get_footer();
