66 lines
2.7 KiB
Twig
66 lines
2.7 KiB
Twig
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Maintenance en cours - Ludik Event</title>
|
|
{{ vite_asset('reserve.js') }}
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');
|
|
body { font-family: 'Inter', sans-serif; }
|
|
</style>
|
|
</head>
|
|
<body class="bg-slate-50 min-h-screen flex items-center justify-center p-6">
|
|
|
|
<div class="max-w-3xl w-full text-center">
|
|
|
|
{# --- BADGE --- #}
|
|
<div class="inline-block bg-amber-100 text-amber-600 px-4 py-1.5 rounded-full text-[10px] font-black uppercase tracking-widest mb-8 animate-pulse">
|
|
Mise à jour en cours ⚙️
|
|
</div>
|
|
|
|
{# --- TITRE IMPACTANT --- #}
|
|
<h1 class="text-6xl md:text-8xl font-black text-slate-900 uppercase italic tracking-tighter leading-[0.85] mb-8">
|
|
ON GONFLE <br><span class="text-blue-600">LE SITE !</span>
|
|
</h1>
|
|
|
|
{# --- MESSAGE --- #}
|
|
<div class="bg-white p-8 md:p-12 rounded-[3rem] shadow-xl border border-slate-100 relative overflow-hidden">
|
|
<p class="text-xl text-slate-600 font-medium italic leading-relaxed relative z-10">
|
|
On installe de nouvelles fonctionnalités pour rendre vos réservations encore plus ludiques.
|
|
<strong>On revient dans quelques minutes.</strong>
|
|
</p>
|
|
|
|
{# Décoration de fond (forme abstraite) #}
|
|
<div class="absolute -right-10 -bottom-10 w-40 h-40 bg-blue-50 rounded-full blur-3xl opacity-50"></div>
|
|
</div>
|
|
|
|
{# --- CONTACT D'URGENCE --- #}
|
|
<div class="mt-12 flex flex-col md:flex-row items-center justify-center gap-6">
|
|
<div class="flex flex-col">
|
|
<span class="text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1 text-center md:text-left">Besoin d'aide ?</span>
|
|
<a href="tel:0614172447" class="text-2xl font-black text-slate-900 italic hover:text-blue-600 transition-colors">
|
|
06 14 17 24 47
|
|
</a>
|
|
</div>
|
|
|
|
<div class="hidden md:block w-[1px] h-10 bg-slate-200"></div>
|
|
|
|
<div class="flex flex-col">
|
|
<span class="text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1 text-center md:text-left">Par écrit</span>
|
|
<a href="mailto:lilian@ludikevent.fr" class="text-2xl font-black text-slate-900 italic hover:text-blue-600 transition-colors">
|
|
lilian@ludikevent.fr
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
{# --- FOOTER --- #}
|
|
<p class="mt-16 text-[10px] font-black text-slate-300 uppercase tracking-[0.4em]">
|
|
Ludik Event © {{ "now"|date("Y") }} - Hauts-de-France
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|