<?php get_template_part('templates/header/header', 'none'); ?>
<?php

// Get logo URLs
$main_logo_url = '';
$logo_dark_url = '';

if (in_array('redux-framework/redux-framework.php', apply_filters('active_plugins', get_option('active_plugins')), true)) {

    $main_logo = dreamsalon_fl_framework_getoptions('frontend_logo');
    if (!empty($main_logo) && isset($main_logo['url'])) {
        $main_logo_url = $main_logo['url'];
    }

    $logo_dark = dreamsalon_fl_framework_getoptions('logo_dark');
    if (!empty($logo_dark) && isset($logo_dark['url'])) {
        $logo_dark_url = $logo_dark['url'];
    }
} else {
    $main_logo_url = get_template_directory_uri() . '/assets/images/logo.svg';
    $logo_dark_url = get_template_directory_uri() . '/assets/images/logo-dark.svg';
}


?>


<div class="d-flex align-items-center justify-content-center vh-100 overflow-auto flex-wrap  error-400">
    <!-- Page Wrapper -->
    <div class="content">
        <div class="container">
            <div class="error-main-logo text-center">
                <img src="<?php echo esc_url($logo_dark_url); ?>"
                    alt="<?php echo esc_attr__('Logo', 'dreamsalon'); ?>">
            </div>
            <div class="error-img text-center">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/error-404.svg'); ?>"
                    alt="<?php echo esc_attr__('Error', 'dreamsalon'); ?>">
            </div>
            <div class="maintenance-update">
                <div class="text-center mb-3">
                    <h5 class="mb-1"><?php echo esc_html__('404 Oops! Page Not Found', 'dreamsalon'); ?></h5>
                    <p class="text-gray-6">
                        <?php echo esc_html__("This page doesn't exist or was removed! We suggest you back to home.", 'dreamsalon'); ?>
                    </p>

                </div>
                <div class="d-flex align-items-center justify-content-center">
                    <a href="<?php echo esc_url(home_url('/')); ?>"
                        class="btn btn-primary d-flex align-items-center justify-content-center"><i
                            class="isax isax-arrow-left-2 me-2"></i><?php echo esc_html__('Back to Home', 'dreamsalon'); ?></a>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Wrapper -->
   

</div>


<?php get_template_part('templates/footer/footer', 'none'); ?>