<?php
require_once __DIR__ . '/../includes/config.php';
http_response_code(404);
$headerStyle = 'solid'; 
$currentPage = '404';
?>
<!DOCTYPE html>
<html lang="fr" class="scroll-smooth">
<head>
  <?= renderHead('Page non trouvée — 404', 'La page que vous recherchez n\'existe pas ou a été déplacée.') ?>
</head>
<body class="bg-offwhite text-dark font-sans min-h-screen flex flex-col justify-between">
<?php include __DIR__ . '/../components/header.php'; ?>

<main class="py-32 flex-1 flex items-center justify-center">
  <div class="max-w-2xl mx-auto px-6 text-center reveal-scale">
    <span class="text-gold font-serif text-8xl font-light block mb-4">404</span>
    <h1 class="font-serif text-3xl sm:text-5xl font-light text-black mb-6">Page non trouvée</h1>
    <div class="w-12 h-px bg-gold mx-auto mb-6"></div>
    <p class="text-sm font-sans text-gray-500 font-light max-w-md mx-auto mb-10">
      La page que vous essayez d'atteindre n'existe pas ou a été déplacée vers une nouvelle adresse.
    </p>
    
    <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
      <a href="<?= SITE_URL ?>/" class="btn-lemonde-consultation">
        <span>Retour à l'accueil</span>
      </a>
      <a href="<?= SITE_URL ?>/pages/properties" class="btn-gold-outline">
        <span>Voir nos propriétés</span>
      </a>
    </div>
  </div>
</main>

<?php include __DIR__ . '/../components/footer.php'; ?>
<script src="<?= SITE_URL ?>/assets/js/app.js"></script>
</body>
</html>
