<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package Prime Interior Designer
 */

get_header(); ?>
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">
		    <div class="error-404 not-found">
		        <?php 
		        // Check if custom 404 image is set
		        $prime_interior_designer_image_url = get_theme_mod('404_page_image', '');
		        if ($prime_interior_designer_image_url) : ?>
		            <img src="<?php echo esc_url($prime_interior_designer_image_url); ?>" alt="404 Image">
		        <?php endif; ?>
		        	<h1 class="page-header"><?php echo esc_html(get_theme_mod('404_pagefirst_header', __('404', 'prime-interior-designer'))); ?></h1>
					<h2 class="page-content"><?php echo esc_html(get_theme_mod('404_page_header', __('Sorry, that page can\'t be found!', 'prime-interior-designer'))); ?></h2>

		      		<div class="btn-page-not">
		      			<a href="<?php echo esc_url(home_url('/')); ?>"><?php esc_html_e('Homepage', 'prime-interior-designer'); ?></a>
		      		</div>
		            
		        
		    </div>
		</main><!-- #main -->
	</div><!-- #primary -->

<?php
get_footer();
