553d12aac8
Suppression complète du système de calcul de frais de livraison (rayon 30km depuis Danizy) : - Route /estimer-la-livraison et template estimate_delivery.twig - Calcul automatique livraison dans FlowController et ReserverController - Champs distance/prix livraison dans la vue admin flow - Ligne "Frais de livraison" sur les devis générés - Section 7.2 (mise en relation + rayon 30km) dans les CGV (twig + PDF contrat/devis) - Liens navigation "Estimer la livraison" (desktop + mobile) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1238 lines
79 KiB
Twig
1238 lines
79 KiB
Twig
{% extends 'revervation/base.twig' %}
|
||
|
||
{% block title %}Conditions Générales de Vente | Ludik Event - Animation & Location{% endblock %}
|
||
{% block description %}Consultez les CGV de Ludik Event : cadre légal, modalités de réservation, annulation et tarifs pour vos animations événementielles et locations de jeux.{% endblock %}
|
||
{% block breadcrumb_json %}
|
||
,{
|
||
"@type": "ListItem",
|
||
"position": 1,
|
||
"name": "CGV",
|
||
"item": "{{ url('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">
|
||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight">LUDIK EVENT</h2>
|
||
<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>
|
||
|
||
</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 %}
|