<?php 
    get_header(); 
    include get_template_directory() . '/inc/menus/menu.php'; 
?>
<?php $backgroundImg = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>
    <div style="background: linear-gradient(90deg, rgba(6, 6, 5, 0.8), rgba(12, 12, 12, 0.5)), url('<?php echo $backgroundImg[0]; ?>') no-repeat;background-size: cover;background-position: center center;height:200px;color:#fff;">
        <div class="container"><div class="row"><div class="col-lg-12" data-aos="fade-up">
        	<h1 class="default-title" style="padding-top:150px"><?php the_title(); ?></h1>
			<?php custom_breadcrumb(); ?>
        </div></div></div>
    </div>
    <div class="error-404-container text-center py-5">
        <div class="container">
            <div class="error-icon mb-4">
                <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="#dc3545" class="bi bi-exclamation-octagon" viewBox="0 0 16 16">
                    <path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.457A.5.5 0 0 1 0 11.104V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1 1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z"/>
                    <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
                </svg>
            </div>
            
            <h1 class="error-title mb-3">404 - Page Not Found</h1>
            
            <div class="error-message mb-4">
                <p class="lead">We couldn't find the page you're looking for.</p>
                <p>The resource may have been moved, renamed, or is temporarily unavailable. 
                Please try one of the following options:</p>
            </div>
            
            <div class="error-actions mb-5">
                <a href="<?php echo esc_url(home_url('/')); ?>" class="btn btn-primary btn-lg mx-2">
                    <i class="bi bi-house-door"></i> Return Home
                </a>
                <a href="<?php echo esc_url(home_url('/latest-news-blog')); ?>" class="btn btn-outline-primary btn-lg mx-2">
                    <i class="bi bi-search"></i> Browse Resources
                </a>
                <a href="<?php echo esc_url(home_url('/contact-us')); ?>" class="btn btn-outline-secondary btn-lg mx-2">
                    <i class="bi bi-envelope"></i> Report Issue
                </a>
            </div>
            
             
            
            
        </div>
    </div>
    
    <style>
    .error-404-container {
        min-height: 70vh;
        display: flex;
        align-items: center;
    }
    .error-title {
        color: #dc3545;
        font-weight: 700;
    }
    .error-icon {
        animation: bounce 2s infinite;
    }
    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
        40% {transform: translateY(-20px);}
        60% {transform: translateY(-10px);}
    }
    </style>
	</main>

<?php get_sidebar(); ?>

<?php get_footer(); ?>
