<?php

if (!defined('ABSPATH')) {
    exit;
}

get_header();
?>
<section class="mx-auto flex max-w-4xl px-6 pb-24 pt-16 lg:px-10">
    <div class="w-full rounded-[2rem] border border-copper/10 bg-white/85 p-10 text-center shadow-glow">
        <p class="text-xs font-bold uppercase tracking-[0.28em] text-copper">404</p>
        <h1 class="mt-4 text-5xl font-black tracking-tight text-wine"><?php esc_html_e('Page introuvable', 'seduction-tailwind'); ?></h1>
        <p class="mx-auto mt-6 max-w-2xl text-base leading-8 text-ink/70">
            <?php esc_html_e('La page demandee n existe pas ou a ete deplacee.', 'seduction-tailwind'); ?>
        </p>
        <a class="mt-8 inline-flex rounded-full bg-wine px-6 py-3 text-sm font-bold uppercase tracking-[0.22em] text-white transition hover:bg-copper" href="<?php echo esc_url(home_url('/')); ?>">
            <?php esc_html_e('Retour a l accueil', 'seduction-tailwind'); ?>
        </a>
    </div>
</section>
<?php
get_footer();