562c3d4120
🐛 fix(templates): Corrige les numéros de RC Pro et une faute de frappe
Corrige le numéro de RC Pro dans les CGV et corrige une faute de frappe
sur la page d'accueil de réservation.
```
1247 lines
79 KiB
Twig
1247 lines
79 KiB
Twig
{% extends 'revervation/base.twig' %}
|
||
|
||
{% block title %}Conditions Générales de Vente - Ludik Event{% endblock %}
|
||
|
||
{# Injection du Breadcrumb spécifique dans le JSON-LD du parent #}
|
||
{% block breadcrumb_json %}
|
||
,{
|
||
"@type": "ListItem",
|
||
"position": 1,
|
||
"name": "CGV",
|
||
"item": "{{ path('reservation_cgv') }}"
|
||
}
|
||
{% endblock %}
|
||
|
||
{% block body %}
|
||
{# --- SECTION HERO --- #}
|
||
<section class="relative bg-white pt-12 pb-20 border-b border-gray-100">
|
||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center">
|
||
{# Fil d'ariane visuel #}
|
||
<nav class="flex justify-center space-x-2 text-xs mb-8 uppercase tracking-[0.2em] font-black">
|
||
<a href="{{ url('reservation') }}" class="text-slate-900 hover:text-indigo-600 transition">ACCUEIL</a>
|
||
<span class="text-slate-300">/</span>
|
||
<span class="text-amber-500">CGV</span>
|
||
</nav>
|
||
|
||
{# Titre en Noir Ardoise pour une lisibilité parfaite #}
|
||
<h1 class="text-5xl md:text-7xl font-black text-slate-900 uppercase tracking-tighter mb-12 leading-[0.9]">
|
||
Conditions Générales <br/>
|
||
<span class="inline-block mt-2">de Vente</span>
|
||
</h1>
|
||
|
||
{# Carte d'informations Légales #}
|
||
<div class="max-w-4xl mx-auto bg-white border border-gray-100 shadow-[0_20px_50px_rgba(0,0,0,0.05)] rounded-[2.5rem] p-8 md:p-10">
|
||
|
||
<p class="text-slate-500 italic text-sm mb-8">
|
||
"Le cadre de confiance pour vos événements ludiques en toute sécurité avec Ludik Event."
|
||
</p>
|
||
|
||
<div class="flex flex-col md:flex-row items-center justify-between gap-8 mb-10">
|
||
{# Gauche : Identité #}
|
||
<div class="text-center md:text-left">
|
||
<h3 class="text-2xl font-black text-slate-900 uppercase tracking-tight">LUDIK EVENT</h3>
|
||
<p class="text-[10px] font-bold text-slate-400 tracking-widest uppercase mt-1">SIRET : 930 488 408 00012</p>
|
||
</div>
|
||
|
||
{# Droite : Grid de contact #}
|
||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-3 w-full md:w-auto">
|
||
<div class="flex items-center gap-3 bg-slate-50 border border-slate-100 px-4 py-3 rounded-2xl text-[11px] font-bold text-slate-700">
|
||
<span class="text-sm">📍</span> 6 Rue du Château, 02800 Danizy
|
||
</div>
|
||
<div class="flex items-center gap-3 bg-slate-50 border border-slate-100 px-4 py-3 rounded-2xl text-[11px] font-bold text-slate-700">
|
||
<span class="text-sm">📞</span> 06 14 17 24 47
|
||
</div>
|
||
<div class="flex items-center gap-3 bg-slate-50 border border-slate-100 px-4 py-3 rounded-2xl text-[11px] font-bold text-slate-700">
|
||
<span class="text-sm">✉️</span> contact@ludikevent.fr
|
||
</div>
|
||
<div class="flex items-center gap-3 bg-amber-50 border border-amber-100 px-4 py-3 rounded-2xl text-[11px] font-bold text-amber-700 italic">
|
||
<span class="text-sm">🛡️</span> RC Pro : 17006220 0001
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{# Footer de la carte #}
|
||
<div class="pt-8 border-t border-slate-50">
|
||
<p class="text-slate-900 font-black text-xs md:text-sm uppercase tracking-tighter italic">
|
||
"Toute réservation implique l'acceptation sans réserve des présentes conditions générales de vente."
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 1 – OBJET ET CHAMP D'APPLICATION #}
|
||
<section class="py-12 bg-gray-50">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-8">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
01
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Objet et champ d'application
|
||
</h2>
|
||
</div>
|
||
|
||
{# Corps du texte #}
|
||
<div class="space-y-6 text-slate-600 leading-relaxed text-sm md:text-base">
|
||
<p>
|
||
Les présentes Conditions Générales de Vente (ci-après <strong class="text-slate-900 italic">"CGV"</strong>) régissent les relations contractuelles entre <strong class="text-slate-900 uppercase">Ludik Event</strong> (ci-après <strong class="text-slate-900 italic">"le Prestataire"</strong>) et toute personne physique ou morale (ci-après <strong class="text-slate-900 italic">"le Client"</strong> ou <strong class="text-slate-900 italic">"le Locataire"</strong>) dans le cadre de :
|
||
</p>
|
||
|
||
{# Liste des prestations #}
|
||
<ul class="space-y-4">
|
||
<li class="flex items-start gap-3 p-4 bg-slate-50 rounded-2xl border border-slate-100 transition-colors hover:bg-white hover:border-indigo-100">
|
||
<span class="text-indigo-500 font-bold mt-0.5">•</span>
|
||
<span>La location de structures gonflables professionnelles appartenant à <strong class="text-slate-900 uppercase">Ludik Event</strong></span>
|
||
</li>
|
||
<li class="flex items-start gap-3 p-4 bg-slate-50 rounded-2xl border border-slate-100 transition-colors hover:bg-white hover:border-indigo-100">
|
||
<span class="text-indigo-500 font-bold mt-0.5">•</span>
|
||
<span>La mise en relation avec des propriétaires privés pour du matériel récréatif destiné à des événements privés (anniversaires, baptêmes, etc.)</span>
|
||
</li>
|
||
</ul>
|
||
|
||
{# Clause d'intermédiation #}
|
||
<div class="mt-10 p-6 bg-amber-50 rounded-[2rem] border-l-4 border-amber-400">
|
||
<p class="text-amber-900 font-black uppercase text-[10px] tracking-widest mb-3 italic">
|
||
Mise en relation entre particuliers :
|
||
</p>
|
||
<p class="text-amber-800 italic leading-relaxed">
|
||
<strong class="text-amber-950 underline decoration-amber-300 decoration-2 underline-offset-4">Ludik Event intervient uniquement en qualité d'intermédiaire.</strong>
|
||
Le contrat de location est conclu directement entre le propriétaire du matériel et le locataire.
|
||
Ludik Event n'assume aucune responsabilité liée à l'état, la conformité ou l'utilisation dudit matériel.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 2 – RÉSERVATION #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-8">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
02
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Réservation
|
||
</h2>
|
||
</div>
|
||
|
||
{# Corps du texte #}
|
||
<div class="space-y-6 text-slate-600 leading-relaxed text-sm md:text-base">
|
||
<p class="font-bold text-slate-900">
|
||
La réservation devient ferme et définitive après réunion des trois conditions cumulatives suivantes :
|
||
</p>
|
||
|
||
{# Liste des conditions cumulatives #}
|
||
<div class="grid grid-cols-1 gap-3">
|
||
<div class="flex items-center gap-4 p-4 bg-emerald-50 rounded-2xl border border-emerald-100 transition-transform hover:scale-[1.01]">
|
||
<span class="flex-none w-8 h-8 bg-emerald-500 text-white rounded-full flex items-center justify-center text-sm font-bold shadow-sm">✓</span>
|
||
<span class="font-medium text-emerald-900 italic">Confirmation écrite par LUDIK EVENT (email ou courrier)</span>
|
||
</div>
|
||
<div class="flex items-center gap-4 p-4 bg-emerald-50 rounded-2xl border border-emerald-100 transition-transform hover:scale-[1.01]">
|
||
<span class="flex-none w-8 h-8 bg-emerald-500 text-white rounded-full flex items-center justify-center text-sm font-bold shadow-sm">✓</span>
|
||
<span class="font-medium text-emerald-900 italic">Paiement effectif des arrhes de 25% du montant total</span>
|
||
</div>
|
||
<div class="flex items-center gap-4 p-4 bg-emerald-50 rounded-2xl border border-emerald-100 transition-transform hover:scale-[1.01]">
|
||
<span class="flex-none w-8 h-8 bg-emerald-500 text-white rounded-full flex items-center justify-center text-sm font-bold shadow-sm">✓</span>
|
||
<span class="font-medium text-emerald-900 italic uppercase tracking-tighter">Acceptation expresse et signature des présentes CGV</span>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="pt-4 border-t border-slate-50 italic">
|
||
Les prestations sont proposées sous réserve de disponibilité du matériel aux dates demandées.
|
||
</p>
|
||
|
||
{# Clause de réserve #}
|
||
<div class="mt-6 p-6 bg-slate-900 rounded-[2rem] text-white">
|
||
<p class="text-amber-400 font-black uppercase text-[10px] tracking-widest mb-2 italic">
|
||
Sécurité et Installation :
|
||
</p>
|
||
<p class="text-slate-300 text-xs md:text-sm leading-relaxed">
|
||
LUDIK EVENT se réserve le droit de refuser toute réservation si les conditions d'installation ou de sécurité ne sont pas réunies, sans que sa responsabilité ne puisse être engagée.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 3 – TARIFS ET CONDITIONS DE PAIEMENT #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-8">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
03
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Tarifs et conditions de paiement
|
||
</h2>
|
||
</div>
|
||
|
||
{# Corps du texte #}
|
||
<div class="space-y-6 text-slate-600 leading-relaxed text-sm md:text-base">
|
||
<p>
|
||
Les tarifs sont exprimés en euros (€) toutes taxes comprises (TTC) et sont ceux en vigueur au jour de la réservation, conformément au devis ou contrat signé.
|
||
</p>
|
||
|
||
{# Modalités de paiement #}
|
||
<div class="bg-slate-50 rounded-[2rem] border border-slate-100 overflow-hidden">
|
||
<div class="px-6 py-4 bg-slate-100 border-b border-slate-200">
|
||
<p class="font-black text-slate-900 uppercase text-xs tracking-widest italic">Modalités de paiement</p>
|
||
</div>
|
||
<div class="p-6 space-y-4">
|
||
<div class="flex items-start gap-4">
|
||
<span class="text-indigo-600 font-bold">•</span>
|
||
<p><strong class="text-slate-900">Arrhes de 25% à la réservation</strong> (non remboursables sauf cas de force majeure dûment justifié).</p>
|
||
</div>
|
||
<div class="flex items-start gap-4 p-4 bg-amber-50 rounded-xl border border-amber-100">
|
||
<span class="text-amber-600 font-bold">•</span>
|
||
<p class="text-amber-900 font-bold uppercase tracking-tight italic text-sm">
|
||
Solde dû au plus tard le jour de l'installation, AVANT le montage des structures.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{# Clause de non-paiement #}
|
||
<div class="p-6 bg-red-50 rounded-2xl border-l-4 border-red-400">
|
||
<p class="text-red-800 text-xs md:text-sm font-medium italic leading-relaxed">
|
||
En cas de non-paiement du solde à la date prévue, LUDIK EVENT se réserve le droit de ne pas procéder à la livraison ni à l'installation, sans que le Client puisse prétendre à un quelconque remboursement des arrhes versées.
|
||
</p>
|
||
</div>
|
||
|
||
<p class="text-xs italic text-slate-500">
|
||
Des frais de livraison, d'installation et de déplacement peuvent s'appliquer selon la distance et les conditions d'accès au lieu de l'événement.
|
||
</p>
|
||
|
||
{# Modes de paiement #}
|
||
<div class="pt-6 border-t border-slate-100 flex flex-wrap items-center gap-4">
|
||
<span class="text-[10px] font-black text-slate-400 uppercase tracking-widest">Modes acceptés :</span>
|
||
<span class="px-3 py-1 bg-white border border-slate-200 rounded-full text-[11px] font-bold text-slate-700">Virement bancaire</span>
|
||
<span class="px-3 py-1 bg-white border border-slate-200 rounded-full text-[11px] font-bold text-slate-700">Chèque (ordre : LUDIK EVENT)</span>
|
||
<span class="px-3 py-1 bg-white border border-slate-200 rounded-full text-[11px] font-bold text-slate-700 italic">Carte Bancaire (Cb)</span>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 4 – DROIT DE RÉTRACTATION #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-8">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
04
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Droit de rétractation
|
||
</h2>
|
||
</div>
|
||
|
||
{# Corps du texte #}
|
||
<div class="space-y-6 text-slate-600 leading-relaxed text-sm md:text-base">
|
||
|
||
{# Référence légale #}
|
||
<div class="flex items-start gap-4 p-5 bg-slate-50 rounded-2xl border border-slate-100 italic">
|
||
<span class="text-indigo-600 text-xl font-serif">"</span>
|
||
<p>
|
||
Conformément à <strong class="text-slate-900 underline decoration-indigo-200 underline-offset-4">l'article L221-28 du Code de la consommation</strong>, le droit de rétractation de 14 jours ne s'applique pas aux prestations de services pleinement exécutées avant la fin du délai de rétractation et dont l'exécution a commencé après accord préalable exprès du consommateur et renoncement exprès à son droit de rétractation.
|
||
</p>
|
||
</div>
|
||
|
||
{# Exception événement daté - Très important #}
|
||
<div class="p-6 bg-indigo-50 rounded-[2rem] border-l-4 border-indigo-500">
|
||
<p class="text-indigo-900 font-bold leading-relaxed">
|
||
En outre, aucun droit de rétractation n'est applicable pour une prestation de services dont la date d'exécution est fixée à une date déterminée ou à période déterminée <span class="text-indigo-600 underline decoration-indigo-300 underline-offset-2">(événement daté)</span>.
|
||
</p>
|
||
</div>
|
||
|
||
<p class="text-[10px] text-slate-400 uppercase tracking-widest font-bold pt-4">
|
||
Information précontractuelle relative aux services de loisirs datés.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{# ARTICLE 5 – CONDITIONS D'ANNULATION #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
05
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Conditions d'annulation
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-10 text-slate-600 text-sm md:text-base">
|
||
|
||
{# 5.1 - Annulation par le Client #}
|
||
<div class="space-y-4">
|
||
<h3 class="text-lg font-black text-slate-900 uppercase tracking-wide flex items-center gap-2">
|
||
<span class="w-2 h-2 bg-indigo-500 rounded-full"></span>
|
||
5.1 – Annulation par le Client
|
||
</h3>
|
||
|
||
<div class="grid grid-cols-1 gap-3">
|
||
<div class="p-4 bg-slate-50 rounded-2xl border border-slate-100 flex justify-between items-center group hover:border-indigo-200 transition-colors">
|
||
<span class="font-medium italic">Après versement des arrhes</span>
|
||
<span class="text-[10px] font-black bg-slate-200 text-slate-700 px-3 py-1 rounded-full uppercase">Arrhes conservées</span>
|
||
</div>
|
||
|
||
<div class="p-4 bg-amber-50 rounded-2xl border border-amber-100 flex justify-between items-center">
|
||
<span class="font-medium italic text-amber-900">Moins de 15 jours avant l'événement</span>
|
||
<span class="text-[10px] font-black bg-amber-200 text-amber-800 px-3 py-1 rounded-full uppercase">Arrhes + 50% du solde</span>
|
||
</div>
|
||
|
||
<div class="p-4 bg-red-50 rounded-2xl border border-red-100 flex justify-between items-center">
|
||
<span class="font-medium italic text-red-900 font-bold">Moins de 7 jours avant l'événement</span>
|
||
<span class="text-[10px] font-black bg-red-600 text-white px-3 py-1 rounded-full uppercase shadow-sm">100% du montant dû</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="p-5 bg-indigo-50 rounded-2xl border-l-4 border-indigo-400 italic text-indigo-900 text-xs">
|
||
<strong>Cas de force majeure :</strong> En cas de justificatif (médical, décès, catastrophe naturelle), une étude au cas par cas sera réalisée pour un éventuel report de la prestation.
|
||
</div>
|
||
</div>
|
||
|
||
{# 5.2 - Annulation par Ludik Event #}
|
||
<div class="space-y-4 pt-6 border-t border-slate-50">
|
||
<h3 class="text-lg font-black text-slate-900 uppercase tracking-wide flex items-center gap-2">
|
||
<span class="w-2 h-2 bg-indigo-500 rounded-full"></span>
|
||
5.2 – Annulation par LUDIK EVENT
|
||
</h3>
|
||
|
||
<p class="leading-relaxed italic">
|
||
En cas d'impossibilité totale (météo extrême, défaillance matérielle majeure, cas fortuit), LUDIK EVENT s'engage à :
|
||
</p>
|
||
|
||
<ul class="grid grid-cols-1 md:grid-cols-3 gap-4 text-[11px] font-bold uppercase tracking-tight">
|
||
<li class="p-4 bg-slate-900 text-white rounded-2xl flex flex-col gap-2">
|
||
<span class="text-amber-400 text-lg">📢</span>
|
||
Informer le Client au plus vite
|
||
</li>
|
||
<li class="p-4 bg-slate-900 text-white rounded-2xl flex flex-col gap-2">
|
||
<span class="text-amber-400 text-lg">🔄</span>
|
||
Proposer un report / remplacement
|
||
</li>
|
||
<li class="p-4 bg-slate-900 text-white rounded-2xl flex flex-col gap-2">
|
||
<span class="text-amber-400 text-lg">💰</span>
|
||
Remboursement intégral (si pas d'alternative)
|
||
</li>
|
||
</ul>
|
||
|
||
<p class="text-[10px] text-slate-400 font-black uppercase tracking-[0.2em] pt-4 italic">
|
||
La responsabilité de LUDIK EVENT est limitée aux sommes effectivement perçues.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 6 – CAUTION DE GARANTIE #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
06
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Caution de garantie
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-8 text-slate-600 text-sm md:text-base">
|
||
<p class="italic">Une caution de garantie peut être exigée selon le type et la valeur du matériel loué :</p>
|
||
|
||
{# Tableau des cautions #}
|
||
<div class="overflow-hidden border border-slate-100 rounded-[2rem] shadow-inner">
|
||
<table class="w-full text-left border-collapse">
|
||
<thead>
|
||
<tr class="bg-slate-900 text-white text-[10px] uppercase tracking-[0.15em] font-black italic">
|
||
<th class="px-6 py-4">Type de matériel</th>
|
||
<th class="px-6 py-4">Montant</th>
|
||
<th class="px-6 py-4">Restitution</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-slate-100">
|
||
<tr class="bg-white hover:bg-slate-50 transition-colors">
|
||
<td class="px-6 py-4 font-bold text-slate-900 text-xs">Structures PRO LUDIK EVENT</td>
|
||
<td class="px-6 py-4 font-mono text-xs">Selon devis</td>
|
||
<td class="px-6 py-4 text-xs italic">Immédiate après contrôle de conformité</td>
|
||
</tr>
|
||
<tr class="bg-slate-50/50 hover:bg-slate-50 transition-colors">
|
||
<td class="px-6 py-4 font-bold text-slate-900 text-xs">Matériel (Propriétaires privés)</td>
|
||
<td class="px-6 py-4 font-mono text-xs">Selon convention</td>
|
||
<td class="px-6 py-4 text-xs italic">Selon accord entre parties</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
{# Motifs de retenue #}
|
||
<div class="space-y-4">
|
||
<p class="font-bold text-slate-900 flex items-center gap-2">
|
||
<span class="text-red-500">⚠️</span>
|
||
La caution peut être conservée totalement ou partiellement en cas de :
|
||
</p>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-3">
|
||
<div class="flex items-center gap-3 p-3 bg-slate-50 rounded-xl border border-slate-100 text-[13px]">
|
||
<span class="text-indigo-500 font-black">1.</span> Dégradation du matériel
|
||
</div>
|
||
<div class="flex items-center gap-3 p-3 bg-slate-50 rounded-xl border border-slate-100 text-[13px]">
|
||
<span class="text-indigo-500 font-black">2.</span> Salissure importante (nettoyage)
|
||
</div>
|
||
<div class="flex items-center gap-3 p-3 bg-slate-50 rounded-xl border border-slate-100 text-[13px]">
|
||
<span class="text-indigo-500 font-black">3.</span> Perte d'éléments/accessoires
|
||
</div>
|
||
<div class="flex items-center gap-3 p-3 bg-slate-50 rounded-xl border border-slate-100 text-[13px]">
|
||
<span class="text-indigo-500 font-black">4.</span> Non-respect des consignes
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="p-5 bg-indigo-50 rounded-2xl border-l-4 border-indigo-500 text-xs text-indigo-900 font-medium leading-relaxed italic">
|
||
Le montant retenu sera proportionnel aux frais de remise en état ou de remplacement nécessaires, sur présentation de justificatifs.
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 7 – LIVRAISON, INSTALLATION ET RÉCUPÉRATION #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
07
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Livraison & Installation
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-10 text-slate-600 text-sm md:text-base">
|
||
|
||
{# 7.1 - Structures Pro LUDIK EVENT #}
|
||
<div class="space-y-6">
|
||
<h3 class="text-lg font-black text-slate-900 uppercase tracking-wide flex items-center gap-2">
|
||
<span class="w-2 h-2 bg-indigo-500 rounded-full"></span>
|
||
7.1 – Structures Pro LUDIK EVENT
|
||
</h3>
|
||
|
||
{# Grille Installation / Récupération #}
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
{# Installation #}
|
||
<div class="bg-slate-50 p-6 rounded-[2rem] border border-slate-100">
|
||
<p class="font-black text-indigo-600 uppercase text-[10px] tracking-widest mb-4 italic">Installation par nos soins</p>
|
||
<ul class="space-y-3 text-xs leading-relaxed">
|
||
<li class="flex gap-2 font-bold text-slate-900">
|
||
<span class="text-indigo-500">⚡</span> Alimentation 220V à moins de 50m
|
||
</li>
|
||
<li class="flex gap-2">
|
||
<span class="text-indigo-500">📐</span> Terrain plat, propre et dégagé
|
||
</li>
|
||
<li class="flex gap-2">
|
||
<span class="text-indigo-500">🚚</span> Accès véhicule de livraison praticable
|
||
</li>
|
||
<li class="flex gap-2 italic text-slate-500">
|
||
<span class="text-indigo-500">🛠️</span> Personnel LUDIK EVENT exclusivement
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
{# Récupération #}
|
||
<div class="bg-slate-50 p-6 rounded-[2rem] border border-slate-100">
|
||
<p class="font-black text-indigo-600 uppercase text-[10px] tracking-widest mb-4 italic">Récupération du matériel</p>
|
||
<ul class="space-y-3 text-xs leading-relaxed">
|
||
<li class="flex gap-2">
|
||
<span class="text-indigo-500">⏰</span> Aux horaires convenus au contrat
|
||
</li>
|
||
<li class="flex gap-2">
|
||
<span class="text-indigo-500">🔓</span> Matériel disponible et accessible
|
||
</li>
|
||
<li class="flex gap-2">
|
||
<span class="text-indigo-500">🤝</span> Présence du Client recommandée
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{# 7.2 - Mise en relation #}
|
||
<div class="space-y-4 pt-6 border-t border-slate-50">
|
||
<h3 class="text-lg font-black text-slate-900 uppercase tracking-wide flex items-center gap-2">
|
||
<span class="w-2 h-2 bg-indigo-500 rounded-full"></span>
|
||
7.2 – Matériel en mise en relation
|
||
</h3>
|
||
<div class="p-6 bg-slate-900 text-white rounded-[2rem] shadow-xl">
|
||
<ul class="space-y-3 text-xs md:text-sm">
|
||
<li class="flex gap-3"><span class="text-amber-400 font-bold">•</span> LUDIK EVENT peut assurer l'installation pour le compte du propriétaire.</li>
|
||
<li class="flex gap-3"><span class="text-amber-400 font-bold">•</span> <strong class="text-amber-400 uppercase">Surveillance permanente :</strong> Obligation stricte du Client locataire.</li>
|
||
<li class="flex gap-3"><span class="text-amber-400 font-bold">•</span> Conditions d'installation définies entre les parties selon convention.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
{# Frais de déplacement #}
|
||
<div class="flex items-center gap-4 p-5 bg-amber-50 rounded-2xl border border-amber-100">
|
||
<span class="text-2xl">🌍</span>
|
||
<p class="text-xs md:text-sm font-bold text-amber-900 leading-tight">
|
||
Livraison incluse dans un rayon de <span class="underline decoration-amber-400 underline-offset-4">30 km depuis Danizy</span>.
|
||
Des frais de déplacement s'appliquent au-delà.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 8 – ÉTATS DES LIEUX ET TRANSFERT DE RESPONSABILITÉ #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
08
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
États des lieux & Responsabilité
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-10 text-slate-600 text-sm md:text-base">
|
||
|
||
{# 8.1 - Installation #}
|
||
<div class="space-y-4">
|
||
<h3 class="text-lg font-black text-slate-900 uppercase tracking-wide flex items-center gap-2">
|
||
<span class="w-2 h-2 bg-indigo-500 rounded-full"></span>
|
||
8.1 – État des lieux d'installation
|
||
</h3>
|
||
<p class="italic">Un état des lieux contradictoire est <strong class="text-slate-900">OBLIGATOIREMENT</strong> réalisé lors de l'installation.</p>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="p-6 bg-slate-50 rounded-[2rem] border border-slate-100">
|
||
<p class="font-black text-slate-900 uppercase text-[10px] tracking-widest mb-4">Points de contrôle :</p>
|
||
<ul class="space-y-2 text-xs italic">
|
||
<li>• État général du matériel</li>
|
||
<li>• Conformité aux règles de sécurité</li>
|
||
<li>• Transmission des consignes</li>
|
||
</ul>
|
||
</div>
|
||
<div class="p-6 bg-slate-900 text-white rounded-[2rem] shadow-xl border-l-4 border-amber-400">
|
||
<p class="font-black text-amber-400 uppercase text-[10px] tracking-widest mb-2">Effet Juridique :</p>
|
||
<p class="text-[11px] leading-relaxed font-bold uppercase tracking-tight">
|
||
La signature vaut TRANSFERT COMPLET DE LA RESPONSABILITÉ DU MATÉRIEL AU CLIENT.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{# 8.2 - Fin de location #}
|
||
<div class="space-y-4 pt-6 border-t border-slate-100">
|
||
<h3 class="text-lg font-black text-slate-900 uppercase tracking-wide flex items-center gap-2">
|
||
<span class="w-2 h-2 bg-indigo-500 rounded-full"></span>
|
||
8.2 – État des lieux de fin de location
|
||
</h3>
|
||
<div class="p-6 bg-emerald-50 rounded-[2rem] border border-emerald-100 flex flex-col md:flex-row justify-between items-center gap-4">
|
||
<div class="text-emerald-900 text-xs italic">
|
||
Réalisé lors de la récupération pour constater d'éventuels manquants ou dégradations.
|
||
</div>
|
||
<div class="flex-none bg-emerald-500 text-white px-4 py-2 rounded-full text-[10px] font-black uppercase tracking-widest italic shadow-sm">
|
||
Retour de responsabilité
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{# 8.3 - Absence de signature #}
|
||
<div class="p-6 bg-red-50 rounded-[2rem] border-2 border-red-100 border-dashed">
|
||
<h4 class="text-red-900 font-black uppercase text-xs mb-3 flex items-center gap-2">
|
||
<span>⚠️</span> 8.3 – Absence ou refus de signature
|
||
</h4>
|
||
<p class="text-red-800 text-xs italic leading-relaxed">
|
||
En cas d'absence ou de refus de signature par le Client, <strong class="underline">l'état des lieux établi par LUDIK EVENT fera foi</strong>. Le matériel sera réputé livré en parfait état et aucune contestation ultérieure ne sera recevable.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 9 – OBLIGATIONS ET RESPONSABILITÉS DU CLIENT #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
09
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Obligations & Sécurité
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-10 text-slate-600 text-sm md:text-base">
|
||
|
||
<p class="font-bold text-slate-900 p-4 bg-slate-50 rounded-2xl border-l-4 border-slate-900 italic">
|
||
Durant toute la période de location, le Client s'engage <span class="underline underline-offset-4 decoration-indigo-500">IMPÉRATIVEMENT</span> à :
|
||
</p>
|
||
|
||
{# Grille des obligations #}
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
|
||
{# 9.1 - Surveillance #}
|
||
<div class="space-y-4">
|
||
<h3 class="text-sm font-black text-slate-900 uppercase tracking-widest flex items-center gap-2 italic">
|
||
<span class="text-indigo-500">👁️</span> 9.1 – Surveillance
|
||
</h3>
|
||
<div class="bg-slate-50 p-5 rounded-3xl border border-slate-100 space-y-3 text-xs italic">
|
||
<p class="font-bold text-slate-800 uppercase text-[10px] tracking-tight">• Surveillance PERMANENTE et ACTIVE</p>
|
||
<p>• Par un adulte majeur et responsable</p>
|
||
<p>• Respect des capacités maximales</p>
|
||
</div>
|
||
</div>
|
||
|
||
{# 9.2 - Consignes #}
|
||
<div class="space-y-4">
|
||
<h3 class="text-sm font-black text-slate-900 uppercase tracking-widest flex items-center gap-2 italic">
|
||
<span class="text-indigo-500">🚫</span> 9.2 – Interdictions
|
||
</h3>
|
||
<div class="bg-slate-50 p-5 rounded-3xl border border-slate-100 space-y-2 text-xs">
|
||
<p class="flex items-center gap-2 italic"><span class="text-red-500">✖</span> Sans chaussures ni bijoux</p>
|
||
<p class="flex items-center gap-2 italic"><span class="text-red-500">✖</span> Sans nourriture ni boissons</p>
|
||
<p class="flex items-center gap-2 italic"><span class="text-red-500">✖</span> Pas d'alcool ni substances</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{# 9.3 - Météo : Bloc d'Alerte Flash #}
|
||
<div class="p-8 bg-amber-50 rounded-[2.5rem] border-2 border-amber-200">
|
||
<h3 class="text-sm font-black text-amber-900 uppercase tracking-widest flex items-center gap-3 mb-4 italic">
|
||
<span class="text-2xl">⚠️</span> 9.3 – Conditions Météorologiques
|
||
</h3>
|
||
<p class="text-amber-900 font-bold uppercase text-xs mb-4 underline decoration-amber-500 underline-offset-4">
|
||
ARRÊTER IMMÉDIATEMENT l'utilisation en cas de :
|
||
</p>
|
||
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
|
||
<div class="bg-white/60 p-3 rounded-xl text-center text-[10px] font-bold text-amber-900 uppercase">Vent > 40 km/h</div>
|
||
<div class="bg-white/60 p-3 rounded-xl text-center text-[10px] font-bold text-amber-900 uppercase">Pluie / Orage</div>
|
||
<div class="bg-white/60 p-3 rounded-xl text-center text-[10px] font-bold text-amber-900 uppercase">Danger manifeste</div>
|
||
</div>
|
||
</div>
|
||
|
||
{# 9.4 - Intégrité du matériel #}
|
||
<div class="space-y-4">
|
||
<h3 class="text-sm font-black text-slate-900 uppercase tracking-widest flex items-center gap-2 italic">
|
||
<span class="text-indigo-500">🔧</span> 9.4 – Intégrité du matériel
|
||
</h3>
|
||
<div class="p-6 bg-slate-900 text-white rounded-[2rem] shadow-xl">
|
||
<ul class="space-y-2 text-xs italic">
|
||
<li class="flex gap-3"><span class="text-amber-400 font-bold">!</span> Ne JAMAIS déplacer ou manipuler les structures</li>
|
||
<li class="flex gap-3"><span class="text-amber-400 font-bold">!</span> Ne JAMAIS débrancher la soufflerie</li>
|
||
<li class="flex gap-3"><span class="text-amber-400 font-bold">!</span> Signaler immédiatement toute anomalie</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
{# Clause de responsabilité finale #}
|
||
<div class="pt-6 border-t-2 border-slate-100 border-dotted text-center">
|
||
<p class="text-red-600 font-black uppercase text-[10px] md:text-xs tracking-tight italic">
|
||
Le non-respect de ces obligations engage la responsabilité EXCLUSIVE du Client pour tous dommages corporels ou matériels.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 10 – EXCLUSION ET LIMITATION DE RESPONSABILITÉ #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
10
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Exclusion de responsabilité
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-10 text-slate-600 text-sm md:text-base">
|
||
|
||
{# 10.1 - Garanties LUDIK EVENT #}
|
||
<div class="p-6 bg-slate-50 rounded-3xl border border-slate-100">
|
||
<h3 class="text-xs font-black text-slate-900 uppercase tracking-widest mb-4 italic">10.1 – LUDIK EVENT garantit exclusivement :</h3>
|
||
<ul class="grid grid-cols-1 md:grid-cols-3 gap-4 text-[11px] font-bold text-slate-700 italic">
|
||
<li class="flex items-start gap-2 uppercase tracking-tighter">✓ Matériel conforme et propre</li>
|
||
<li class="flex items-start gap-2 uppercase tracking-tighter">✓ Installation sécurisée</li>
|
||
<li class="flex items-start gap-2 uppercase tracking-tighter">✓ Récupération planifiée</li>
|
||
</ul>
|
||
</div>
|
||
|
||
{# 10.2 - Exclusion totale #}
|
||
<div class="space-y-4">
|
||
<h3 class="text-lg font-black text-slate-900 uppercase tracking-wide flex items-center gap-2">
|
||
<span class="w-2 h-2 bg-red-600 rounded-full"></span>
|
||
10.2 – Exclusion totale de responsabilité
|
||
</h3>
|
||
<div class="p-6 bg-slate-900 text-white rounded-[2rem] shadow-2xl relative overflow-hidden">
|
||
<p class="text-[10px] text-amber-400 font-black uppercase tracking-[0.2em] mb-4">Période : De l'installation à la reprise</p>
|
||
<p class="text-xs md:text-sm leading-relaxed text-slate-300 italic mb-6">
|
||
LUDIK EVENT décline <strong class="text-white uppercase">formellement et intégralement</strong> toute responsabilité concernant :
|
||
</p>
|
||
<ul class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3 text-[11px] text-slate-400">
|
||
<li class="flex gap-2">❌ Dommages corporels (mineurs/majeurs)</li>
|
||
<li class="flex gap-2">❌ Accidents liés à la surveillance</li>
|
||
<li class="flex gap-2">❌ Dommages matériels (tiers/client)</li>
|
||
<li class="flex gap-2">❌ Vols ou dégradations du matériel</li>
|
||
<li class="flex gap-2">❌ Négligence ou non-respect des consignes</li>
|
||
<li class="flex gap-2">❌ Conséquences météo non respectées</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
{# 10.3 - Reconnaissance expresse #}
|
||
<div class="bg-amber-50 p-8 rounded-[2rem] border-2 border-amber-200">
|
||
<h3 class="text-sm font-black text-amber-900 uppercase tracking-widest mb-6 italic">10.3 – Reconnaissance expresse du Client</h3>
|
||
<div class="space-y-4 text-xs md:text-sm font-bold text-amber-900 italic leading-relaxed">
|
||
<p>En signant, le Client se reconnaît <span class="underline decoration-amber-500">SEUL ET UNIQUE responsable</span> de la sécurité.</p>
|
||
<p>Il renonce <span class="uppercase font-black">irrévocablement</span> à tout recours, action ou réclamation contre LUDIK EVENT en cas d'accident ou préjudice.</p>
|
||
<p class="text-[10px] uppercase font-black tracking-widest pt-2">Assurance RC Pro Client Obligatoire</p>
|
||
</div>
|
||
</div>
|
||
|
||
{# 10.4 - Cas particulier : Mise en relation #}
|
||
<div class="p-6 border-2 border-slate-100 border-dashed rounded-3xl">
|
||
<h3 class="text-xs font-black text-slate-400 uppercase tracking-widest mb-3">10.4 – Mise en relation entre particuliers</h3>
|
||
<p class="text-[11px] text-slate-500 leading-relaxed italic">
|
||
LUDIK EVENT intervient <strong class="text-slate-900">UNIQUEMENT</strong> en qualité d'intermédiaire. Sa responsabilité ne peut être engagée pour l'état du matériel, les accidents ou les relations contractuelles entre propriétaire et locataire.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 11 – ASSURANCE OBLIGATOIRE DU CLIENT #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
11
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Assurance Obligatoire
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-8 text-slate-600 text-sm md:text-base">
|
||
|
||
<p class="font-medium italic leading-relaxed">
|
||
Le Client doit <strong class="text-slate-900 underline decoration-indigo-500 underline-offset-4">OBLIGATOIREMENT</strong> disposer d'une assurance responsabilité civile en cours de validité couvrant :
|
||
</p>
|
||
|
||
{# Liste des couvertures #}
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="p-5 bg-slate-50 rounded-2xl border border-slate-100 flex flex-col items-center text-center gap-3 group hover:border-indigo-200 transition-colors">
|
||
<span class="text-2xl">🎪</span>
|
||
<p class="text-[10px] font-black uppercase tracking-tight text-slate-800">Organisation d'événements</p>
|
||
</div>
|
||
<div class="p-5 bg-slate-50 rounded-2xl border border-slate-100 flex flex-col items-center text-center gap-3 group hover:border-indigo-200 transition-colors">
|
||
<span class="text-2xl">🏰</span>
|
||
<p class="text-[10px] font-black uppercase tracking-tight text-slate-800">Utilisation de structures</p>
|
||
</div>
|
||
<div class="p-5 bg-slate-50 rounded-2xl border border-slate-100 flex flex-col items-center text-center gap-3 group hover:border-indigo-200 transition-colors">
|
||
<span class="text-2xl">🛡️</span>
|
||
<p class="text-[10px] font-black uppercase tracking-tight text-slate-800">Dommages tiers (corps/biens)</p>
|
||
</div>
|
||
</div>
|
||
|
||
{# Clause de contrôle #}
|
||
<div class="p-6 bg-slate-900 text-white rounded-[2rem] shadow-xl italic flex items-center gap-6">
|
||
<span class="text-3xl grayscale brightness-200 hidden md:block">📑</span>
|
||
<p class="text-xs md:text-sm leading-relaxed">
|
||
Le Client doit être en mesure de fournir une <strong class="text-amber-400">attestation d'assurance</strong> sur simple demande de LUDIK EVENT.
|
||
</p>
|
||
</div>
|
||
|
||
{# Sanction en cas d'absence #}
|
||
<div class="p-6 bg-red-50 rounded-2xl border-l-4 border-red-500">
|
||
<p class="text-red-900 font-black uppercase text-[10px] tracking-widest mb-1 italic">Défaut de couverture :</p>
|
||
<p class="text-red-800 text-xs font-bold leading-relaxed italic">
|
||
En l'absence d'assurance valide, LUDIK EVENT se réserve le droit d'annuler la prestation sans remboursement possible.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 12 – CONDITIONS MÉTÉOROLOGIQUES #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
12
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Conditions Météorologiques
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-10 text-slate-600 text-sm md:text-base">
|
||
|
||
{# 12.1 - Sécurité prioritaire #}
|
||
<div class="space-y-4">
|
||
<h3 class="text-lg font-black text-slate-900 uppercase tracking-wide flex items-center gap-2">
|
||
<span class="w-2 h-2 bg-amber-500 rounded-full"></span>
|
||
12.1 – Sécurité prioritaire
|
||
</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="p-4 bg-slate-50 rounded-2xl border border-slate-100 text-[11px] font-bold italic leading-tight">
|
||
Refus d'installation en cas de danger
|
||
</div>
|
||
<div class="p-4 bg-slate-50 rounded-2xl border border-slate-100 text-[11px] font-bold italic leading-tight">
|
||
Interruption si les conditions se dégradent
|
||
</div>
|
||
<div class="p-4 bg-slate-50 rounded-2xl border border-slate-100 text-[11px] font-bold italic leading-tight">
|
||
Récupération anticipée si danger avéré
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{# 12.2 - Responsabilité du Client #}
|
||
<div class="bg-slate-900 text-white p-8 rounded-[2.5rem] shadow-xl relative overflow-hidden">
|
||
<div class="absolute top-4 right-6 text-4xl opacity-20">⚡</div>
|
||
<h3 class="text-sm font-black text-amber-400 uppercase tracking-widest mb-4 italic">12.2 – Responsabilité du Client</h3>
|
||
<p class="text-xs md:text-sm mb-4 leading-relaxed italic text-slate-300">Durant la période de location, le Client <strong class="text-white uppercase">doit</strong> :</p>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-center gap-3 text-xs md:text-sm font-bold uppercase tracking-tight">
|
||
<span class="w-2 h-2 bg-amber-400 rounded-full"></span>
|
||
Arrêter l'utilisation : Vent > 40 km/h, pluie, orage
|
||
</li>
|
||
<li class="flex items-center gap-3 text-xs md:text-sm italic">
|
||
<span class="w-2 h-2 bg-slate-500 rounded-full"></span>
|
||
Surveiller constamment le ciel et les prévisions
|
||
</li>
|
||
<li class="flex items-center gap-3 text-xs md:text-sm italic">
|
||
<span class="w-2 h-2 bg-slate-500 rounded-full"></span>
|
||
Contacter LUDIK EVENT en cas de doute
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
{# 12.3 - Absence de remboursement #}
|
||
<div class="p-6 bg-red-50 rounded-[2rem] border-2 border-red-100 border-dashed">
|
||
<h4 class="text-red-900 font-black uppercase text-xs mb-4 flex items-center gap-2 italic">
|
||
<span>💰</span> 12.3 – Absence de remboursement
|
||
</h4>
|
||
<p class="text-red-800 text-xs italic leading-relaxed">
|
||
Aucun remboursement, même partiel, ne pourra être réclamé si le matériel a été installé conformément au contrat, ou si l'interruption résulte de conditions météo survenues après installation.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 13 – DÉGRADATIONS, PERTES ET VOLS #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
13
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Dégradations, Pertes & Vols
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-10 text-slate-600 text-sm md:text-base">
|
||
|
||
{# 13.1 & 13.2 - Constat et Responsabilité financière #}
|
||
<div class="space-y-4">
|
||
<h3 class="text-lg font-black text-slate-900 uppercase tracking-wide flex items-center gap-2 italic">
|
||
<span class="w-2 h-2 bg-red-500 rounded-full"></span>
|
||
Facturation intégrale
|
||
</h3>
|
||
<p class="italic text-xs md:text-sm">Toute anomalie constatée lors de la récupération sera <strong class="text-slate-900">INTÉGRALEMENT</strong> facturée sur la base de :</p>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="p-5 bg-slate-50 rounded-2xl border border-slate-100 flex flex-col gap-2">
|
||
<span class="text-xl">🛠️</span>
|
||
<p class="text-[10px] font-black uppercase text-slate-800">Réparations</p>
|
||
<p class="text-[10px] italic leading-tight text-slate-500 font-bold">Coût réel sur devis</p>
|
||
</div>
|
||
<div class="p-5 bg-slate-50 rounded-2xl border border-slate-100 flex flex-col gap-2">
|
||
<span class="text-xl">🔄</span>
|
||
<p class="text-[10px] font-black uppercase text-slate-800">Remplacement</p>
|
||
<p class="text-[10px] italic leading-tight text-slate-500 font-bold">Valeur à neuf</p>
|
||
</div>
|
||
<div class="p-5 bg-slate-50 rounded-2xl border border-slate-100 flex flex-col gap-2">
|
||
<span class="text-xl">🧼</span>
|
||
<p class="text-[10px] font-black uppercase text-slate-800">Nettoyage</p>
|
||
<p class="text-[10px] italic leading-tight text-slate-500 font-bold">Frais spécialisés</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{# 13.3 - Déduction sur caution #}
|
||
<div class="bg-slate-900 text-white p-8 rounded-[2.5rem] shadow-xl">
|
||
<h3 class="text-sm font-black text-amber-400 uppercase tracking-widest mb-4 italic">13.3 – Déduction sur caution</h3>
|
||
<p class="text-xs md:text-sm leading-relaxed mb-4 italic text-slate-300">
|
||
Les montants dus seront déduits de la caution. En cas de dépassement, le Client s'engage à régler le solde sous <strong class="text-white">8 jours</strong> après facturation.
|
||
</p>
|
||
</div>
|
||
|
||
{# 13.4 - Dégradations non signalées : L'impact juridique #}
|
||
<div class="p-6 bg-red-50 rounded-[2rem] border-l-4 border-red-500">
|
||
<h4 class="text-red-900 font-black uppercase text-xs mb-3 flex items-center gap-2 italic">
|
||
<span>⚠️</span> 13.4 – Clause d'irréfragabilité
|
||
</h4>
|
||
<p class="text-red-800 text-xs md:text-sm font-bold leading-relaxed italic">
|
||
Toute dégradation constatée lors de la restitution et non mentionnée au début sera <span class="underline decoration-red-400 underline-offset-4 uppercase">automatiquement imputable au Client</span>, sans aucune possibilité de contestation ultérieure.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 14 – PROTECTION DES DONNÉES PERSONNELLES #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
14
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Données Personnelles
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-10 text-slate-600 text-sm md:text-base">
|
||
|
||
<p class="text-xs font-bold text-slate-400 uppercase tracking-widest italic">
|
||
Conformément au RGPD et à la loi Informatique et Libertés
|
||
</p>
|
||
|
||
{# 14.1 - Collecte et Utilisation #}
|
||
<div class="space-y-4">
|
||
<h3 class="text-sm font-black text-slate-900 uppercase tracking-widest flex items-center gap-2 italic">
|
||
<span class="text-indigo-500">🔒</span> 14.1 – Collecte et Utilisation
|
||
</h3>
|
||
<div class="bg-slate-50 p-6 rounded-3xl border border-slate-100">
|
||
<p class="text-xs italic mb-4">Vos données (nom, adresse, contact) sont utilisées <strong class="text-slate-900">EXCLUSIVEMENT</strong> pour :</p>
|
||
<ul class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<li class="flex flex-col gap-1 p-3 bg-white rounded-xl border border-slate-100">
|
||
<span class="text-indigo-500 font-black text-[10px]">CONTRAT</span>
|
||
<span class="text-[10px] leading-tight">Gestion et exécution de la location</span>
|
||
</li>
|
||
<li class="flex flex-col gap-1 p-3 bg-white rounded-xl border border-slate-100">
|
||
<span class="text-indigo-500 font-black text-[10px]">COMM</span>
|
||
<span class="text-[10px] leading-tight">Échanges relatifs à la prestation</span>
|
||
</li>
|
||
<li class="flex flex-col gap-1 p-3 bg-white rounded-xl border border-slate-100">
|
||
<span class="text-indigo-500 font-black text-[10px]">GESTION</span>
|
||
<span class="text-[10px] leading-tight">Facturation et suivi commercial</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
{# 14.2 & 14.3 - Droits et Conservation #}
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
{# Droits du client #}
|
||
<div class="p-6 bg-slate-900 text-white rounded-[2rem] shadow-xl">
|
||
<h3 class="text-[10px] font-black text-amber-400 uppercase tracking-widest mb-3 italic">14.2 – Vos Droits</h3>
|
||
<p class="text-[11px] leading-relaxed text-slate-300 italic mb-4">
|
||
Accès, rectification, opposition, effacement et portabilité de vos données.
|
||
</p>
|
||
<div class="pt-3 border-t border-slate-700">
|
||
<p class="text-[10px] font-bold">Contact unique :</p>
|
||
<a href="mailto:contact@ludikevent.fr" class="text-amber-400 font-mono text-[11px] hover:underline">contact@ludikevent.fr</a>
|
||
</div>
|
||
</div>
|
||
|
||
{# Conservation #}
|
||
<div class="p-6 bg-indigo-50 rounded-[2rem] border border-indigo-100 flex flex-col justify-center">
|
||
<h3 class="text-[10px] font-black text-indigo-900 uppercase tracking-widest mb-2 italic">14.3 – Conservation</h3>
|
||
<p class="text-[11px] text-indigo-800 leading-relaxed italic">
|
||
Les données sont conservées pendant la durée d'exécution du contrat et selon les obligations comptables légales.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 15 – RÉCLAMATIONS #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
15
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Réclamations
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-8 text-slate-600 text-sm md:text-base">
|
||
|
||
<div class="flex flex-col md:flex-row gap-8 items-start">
|
||
{# Colonne Gauche : Le Délai #}
|
||
<div class="flex-none w-full md:w-48 p-6 bg-red-50 rounded-[2rem] border border-red-100 text-center">
|
||
<span class="text-3xl block mb-2">⏳</span>
|
||
<p class="text-[10px] font-black uppercase text-red-900 tracking-widest mb-1">Délai Maximum</p>
|
||
<p class="text-2xl font-black text-red-600">8 JOURS</p>
|
||
<p class="text-[9px] text-red-800 italic mt-1 leading-tight">Suivant la fin de la prestation</p>
|
||
</div>
|
||
|
||
{# Colonne Droite : La Procédure #}
|
||
<div class="flex-grow space-y-4">
|
||
<p class="italic leading-relaxed">
|
||
Toute réclamation doit être adressée <strong class="text-slate-900 uppercase">obligatoirement par écrit</strong> (email ou courrier recommandé avec accusé de réception) à l'adresse suivante :
|
||
</p>
|
||
|
||
<div class="p-6 bg-slate-50 rounded-[2rem] border border-slate-100 relative group">
|
||
<div class="absolute top-4 right-6 opacity-10 group-hover:opacity-20 transition-opacity">
|
||
<span class="text-4xl">✉️</span>
|
||
</div>
|
||
<address class="not-italic space-y-1">
|
||
<p class="font-black text-slate-900 uppercase tracking-tight">Ludik Event</p>
|
||
<p class="text-xs text-slate-500">6 Rue du Château</p>
|
||
<p class="text-xs text-slate-500 uppercase">02800 Danizy</p>
|
||
<div class="pt-3">
|
||
<a href="mailto:contact@ludikevent.fr" class="text-indigo-600 font-bold text-xs hover:underline decoration-2 underline-offset-4 transition-all">
|
||
contact@ludikevent.fr
|
||
</a>
|
||
</div>
|
||
</address>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{# Clause de forclusion #}
|
||
<div class="p-5 bg-slate-900 text-white rounded-2xl text-center">
|
||
<p class="text-[10px] md:text-xs font-bold uppercase tracking-[0.2em] italic">
|
||
Passé ce délai, aucune réclamation ne pourra être prise en considération.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 16 – MÉDIATION #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
16
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Médiation
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-8 text-slate-600 text-sm md:text-base">
|
||
|
||
{# Référence Légale #}
|
||
<p class="text-[10px] font-black text-slate-400 uppercase tracking-widest italic">
|
||
Articles L.616-1 et R.616-1 du Code de la consommation
|
||
</p>
|
||
|
||
{# Corps du texte #}
|
||
<div class="p-8 bg-indigo-50 rounded-[2.5rem] border border-indigo-100 relative overflow-hidden group transition-all hover:shadow-md">
|
||
<div class="absolute -top-6 -right-6 text-8xl opacity-5 group-hover:rotate-12 transition-transform">⚖️</div>
|
||
|
||
<p class="relative z-10 italic leading-relaxed">
|
||
En cas de litige, le Client consommateur a la possibilité de recourir <strong class="text-indigo-900 underline decoration-indigo-300 underline-offset-4">gratuitement</strong> à un médiateur de la consommation en vue de la résolution amiable du différend.
|
||
</p>
|
||
</div>
|
||
|
||
{# Information pratique #}
|
||
<div class="flex items-center gap-4 p-5 bg-slate-50 rounded-2xl border border-slate-100 italic text-xs md:text-sm">
|
||
<span class="flex-none w-8 h-8 bg-white border border-slate-200 rounded-full flex items-center justify-center shadow-sm">ℹ️</span>
|
||
<p>
|
||
Les coordonnées du médiateur compétent seront communiquées <span class="font-bold text-slate-900">sur simple demande</span> de la part du Client.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 17 – DROIT APPLICABLE ET JURIDICTION COMPÉTENTE #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
17
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Droit & Juridiction
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-8 text-slate-600 text-sm md:text-base">
|
||
|
||
{# 17.1 & 17.3 - Loi et Amiable #}
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="p-6 bg-slate-50 rounded-[2rem] border border-slate-100">
|
||
<h3 class="text-[10px] font-black text-slate-400 uppercase tracking-widest mb-2">17.1 – Loi applicable</h3>
|
||
<p class="font-bold text-slate-900 italic">Les présentes CGV sont soumises au droit français.</p>
|
||
</div>
|
||
<div class="p-6 bg-slate-50 rounded-[2rem] border border-slate-100">
|
||
<h3 class="text-[10px] font-black text-slate-400 uppercase tracking-widest mb-2">17.3 – Professionnels</h3>
|
||
<p class="text-xs italic leading-relaxed">Recherche obligatoire d'une solution amiable avant toute action judiciaire.</p>
|
||
</div>
|
||
</div>
|
||
|
||
{# 17.2 - Juridiction Compétente #}
|
||
<div class="p-8 bg-slate-900 text-white rounded-[2.5rem] shadow-2xl relative overflow-hidden">
|
||
<div class="absolute -right-4 -bottom-4 text-6xl opacity-10">🏛️</div>
|
||
<h3 class="text-sm font-black text-amber-400 uppercase tracking-widest mb-4 italic">17.2 – Juridiction compétente</h3>
|
||
<p class="text-xs md:text-sm leading-relaxed mb-6 italic text-slate-300">
|
||
En cas de litige et à défaut de résolution amiable, compétence <strong class="text-white">EXCLUSIVE</strong> est attribuée aux tribunaux du ressort du siège social de LUDIK EVENT :
|
||
</p>
|
||
|
||
<div class="inline-block px-6 py-3 bg-white/10 backdrop-blur-sm border border-white/20 rounded-2xl text-center">
|
||
<p class="text-xs font-black uppercase tracking-widest text-white">Tribunal de Saint-Quentin</p>
|
||
</div>
|
||
|
||
<p class="text-[10px] text-slate-400 mt-6 italic">
|
||
Valable même en cas de pluralité de défendeurs ou d'appel en garantie.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{# ARTICLE 18 – ACCEPTATION DES CONDITIONS GÉNÉRALES DE VENTE #}
|
||
<section class="py-12 bg-gray-50 -mt-8">
|
||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="bg-white border border-gray-100 shadow-sm rounded-[2.5rem] p-8 md:p-12">
|
||
|
||
{# Titre de l'article #}
|
||
<div class="flex items-center gap-4 mb-10">
|
||
<span class="flex-none w-12 h-12 bg-slate-900 text-white rounded-2xl flex items-center justify-center font-black text-lg shadow-lg shadow-slate-200">
|
||
18
|
||
</span>
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight leading-none">
|
||
Acceptation des CGV
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="space-y-8 text-slate-600 text-sm md:text-base">
|
||
|
||
{# Clause d'acceptation majeure #}
|
||
<div class="p-8 bg-slate-900 text-white rounded-[2.5rem] shadow-2xl relative overflow-hidden text-center">
|
||
<div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-amber-400 via-indigo-500 to-amber-400"></div>
|
||
|
||
<p class="text-[10px] text-amber-400 font-black uppercase tracking-[0.3em] mb-4 italic">Engagement contractuel</p>
|
||
|
||
<p class="text-sm md:text-lg leading-relaxed font-bold italic mb-6">
|
||
"Le fait de procéder à une réservation et de signer le contrat de location vaut <span class="text-amber-400 underline decoration-2 underline-offset-8">ACCEPTATION PLEINE, ENTIÈRE et SANS RÉSERVE</span> des présentes Conditions Générales de Vente."
|
||
</p>
|
||
|
||
<p class="text-xs text-slate-400 leading-relaxed max-w-2xl mx-auto">
|
||
Le Client reconnaît avoir pris connaissance de l'intégralité des présentes CGV, les avoir comprises et les accepter expressément.
|
||
</p>
|
||
</div>
|
||
|
||
{# Hiérarchie des normes et Modification #}
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="p-6 bg-white border border-slate-100 rounded-[2rem] space-y-2">
|
||
<h4 class="text-[10px] font-black text-slate-400 uppercase tracking-widest italic">Priorité des CGV</h4>
|
||
<p class="text-xs italic leading-relaxed">
|
||
Aucune condition particulière ne peut, sauf acceptation écrite de <strong class="text-slate-900">LUDIK EVENT</strong>, prévaloir sur les présentes CGV.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="p-6 bg-white border border-slate-100 rounded-[2rem] space-y-2">
|
||
<h4 class="text-[10px] font-black text-slate-400 uppercase tracking-widest italic">Mise à jour</h4>
|
||
<p class="text-xs italic leading-relaxed">
|
||
LUDIK EVENT se réserve le droit de modifier les CGV. Celles applicables sont celles en vigueur à la <strong class="text-slate-900">date de la réservation</strong>.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
{# Footer Final de Page #}
|
||
<div class="mt-20 text-center space-y-6 pb-12">
|
||
<div class="inline-block h-1 w-24 bg-slate-200 rounded-full"></div>
|
||
<p class="text-[10px] font-black text-slate-400 uppercase tracking-[0.4em]">
|
||
Document Contractuel — Ludik Event 2026
|
||
</p>
|
||
<div class="flex flex-col sm:flex-row justify-center gap-4">
|
||
<a href="{{ url('reservation') }}" class="px-8 py-4 bg-slate-900 text-white text-[10px] font-black uppercase tracking-widest rounded-full hover:bg-indigo-600 transition-all shadow-xl">
|
||
Retour à l'accueil
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
{% endblock %}
|