(function(){
/* global React */
const { useState, useEffect, useRef } = React;
const T_TEAL = '#11978f';
const T_TEAL_HOVER = '#1c7d77';
const T_TEAL_LIGHT = '#e7fcfb';
const T_INK = '#042828';
const T_MUTED = '#5B7A82';
const T_SURFACE = '#FFFFFF';
const T_CREAM = '#F4F2EC';
const T_BORDER = 'rgba(4,40,40,0.08)';
const T_BORDER_STRONG = 'rgba(4,40,40,0.14)';
const PHOTO_URL = 'https://www.van-away.com/wp-content/uploads/malaga-2p-1600x923-1-1024x591.png';
/* ─── Icons ─────────────────────────────────────────────────── */
const S = { fill:'none', stroke:'currentColor', strokeWidth:1.8, strokeLinecap:'round', strokeLinejoin:'round' };
const ic = {
users: ,
kitchen: ,
fridge: ,
heat: ,
shower: ,
wc: ,
van: ,
picnic: ,
plug: ,
dishes: ,
bed: ,
baby: ,
check: ,
close: ,
back: ,
chev: ,
plus: ,
grid: ,
ruler: ,
spark: ,
pin: ,
cal: ,
clock: ,
quote: ,
shield: ,
road: ,
paw: ,
globe: ,
lock: ,
info: ,
checkcircle: ,
};
function Star({ filled=true }){return ;}
function Stars({ n=5 }){return {[1,2,3,4,5].map(i=>)};}
function Icon({ name, size=18 }){ return {ic[name]||ic.check}; }
/* ─── Mock vehicle (Camper Van Malaga — à corriger via Fleetee) ── */
const VEHICLE = {
id: 1,
category_name: 'VAN',
category_label: 'Campervans',
display_name: 'Camper Van Malaga',
tagline: 'Van aménagé Renault ou Volkswagen, pour voyager en couple, ou à trois avec un jeune enfant (moins de 10 ans).',
daily_price: 55,
photos: [PHOTO_URL, PHOTO_URL, PHOTO_URL, PHOTO_URL, PHOTO_URL],
main_specs: [
{ icon:'users', label:'Jusqu’à 3' },
{ icon:'kitchen', label:'Cuisine et vaisselle' },
{ icon:'fridge', label:'Frigo' },
{ icon:'heat', label:'Chauffage' },
{ icon:'shower', label:'Douchette ext. (chaude en option)' },
{ icon:'wc', label:'WC portable (option)' },
],
// Dimensions en cm / kg (depuis Fleetee). null = masqué.
dimensions: { length: 510, width: 230, height: 199, weight: 3000 },
cross_images: ['Images/coupe-nuit.jpg', 'Images/coupe-dimensions.jpg'],
};
/* Sections thématiques — meta + données mock (à corriger via onglet Caractéristiques) */
const SECTIONS = [
{ key:'vehicle_data', title:'Données véhicule', icon:'van',
text:"Tous nos véhicules sont récents, munis des équipements les plus modernes, livrés avec le plein d'eau et une bouteille de gaz. Toutes nos locations incluent une assurance tous risques et une assistance 7J/7.",
items:['Renault Trafic ou VW Transporter','Motorisation Diesel','Boîte manuelle ou automatique','3 places en carte grise','Climatisation cabine','Régulateur de vitesse','Caméra & aide au stationnement'] },
{ key:'equipments', title:'Équipements inclus', icon:'picnic',
text:"Tous nos véhicules, tentes et caravanes sont munis de tous les accessoires dont vous avez besoin pour votre séjour !",
items:['Table & 2 chaises de camping','Auvent / store de toit','Kit de nettoyage','Câble électrique 220V','Cales de mise à niveau','Bouteille de gaz'] },
{ key:'electricity', title:"L'électricité", icon:'plug',
text:"Vous allez voir, tous nos véhicules, tentes de toit et caravanes sont très branchés !",
items:['Batterie cellule indépendante','Convertisseur 220V','Prises USB','Éclairage LED intérieur','Branchement secteur 220V'] },
{ key:'meals', title:'Pour vos repas', icon:'dishes',
text:"Tous nos véhicules, tentes de toit et caravanes sont munis de tout ce qu'il vous faut pour de bons repas !",
items:['Réchaud 2 feux gaz','Évier avec eau courante','Réfrigérateur','Vaisselle 4 personnes','Casseroles & ustensiles','Réservoir eau propre 30 L'] },
{ key:'toilet', title:'Pour votre toilette', icon:'shower',
text:"Tous nos véhicules et caravanes vous proposent de quoi faire un bon brin de toilette !",
items:['Douchette extérieure (eau chaude en option)','WC portable (en option)','Réservoir eaux usées','Pommeau & flexible de douche'] },
{ key:'nights', title:'Pour vos nuits', icon:'bed',
text:"Tous nos véhicules, tentes et caravanes sont équipés pour de bonnes nuits sous les étoiles !",
items:['Lit double aménagé (1,90 × 1,30 m)','Couette & oreillers','Rideaux / stores occultants','Toit relevable — couchage 2 pers.'] },
{ key:'children', title:'Pour vos enfants', icon:'baby',
text:"Tous nos véhicules, tentes et caravanes font rêver vos jeunes (ou moins jeunes) enfants !",
items:['Fixation siège enfant Isofix','Lit enfant (option)','Réhausseur (option)'] },
];
function fmtDim(cm){ return (cm/100).toFixed(2).replace('.', ',') + ' m'; }
function fmtWeight(kg){ return Math.round(kg).toLocaleString('fr-FR') + ' kg'; }
/* Avis clients (mock — Van-Away 4,9 ⭐ / ~3 100 avis Google) */
const REVIEWS = {
rating: '4,9', count: '3 100',
items: [
{ name:'Camille R.', date:'Août 2025', stars:5, text:"Van impeccable, super bien équipé. Le couchage est top et la prise en charge à l'agence a été rapide et sympa. On recommande à 100 % !" },
{ name:'Thomas & Léa', date:'Juillet 2025', stars:5, text:"Parfait pour un road-trip à deux. Cuisine complète, frigo nickel, et l'assistance nous a bien rassurés. On reviendra !" },
{ name:'Sophie M.', date:'Juin 2025', stars:5, text:"Première expérience en van réussie. Le Malaga est facile à conduire et hyper pratique au quotidien. Merci l'équipe Van-Away." },
{ name:'Hugo & Marie', date:'Mai 2025', stars:5, text:"Tout était prêt à l'heure, véhicule propre et complet. On a adoré la liberté de partir où on voulait. Un grand merci !" },
{ name:'Nadia B.', date:'Avril 2025', stars:5, text:"Service au top du début à la fin. L'équipe est de bon conseil pour l'itinéraire. Le van est confortable même à trois." },
],
};
function ReviewsSection(){
const trackRef = useRef(null);
const [active, setActive] = useState(0);
const items = REVIEWS.items;
const PER_VIEW = 3;
const pages = Math.max(1, items.length - PER_VIEW + 1);
const scrollToIdx = (i)=>{
const t = trackRef.current; if(!t) return;
const card = t.children[i]; if(!card) return;
t.scrollTo({ left: card.offsetLeft - t.offsetLeft, behavior:'smooth' });
};
const onScroll = ()=>{
const t = trackRef.current; if(!t) return;
let best=0, bestD=Infinity;
Array.from(t.children).forEach((c,i)=>{
const d = Math.abs(c.offsetLeft - t.offsetLeft - t.scrollLeft);
if(d{
if(paused) return;
const id = setInterval(()=>{ setActive(a=>{ const n=(a+1)%pages; scrollToIdx(n); return n; }); }, 4500);
return ()=>clearInterval(id);
}, [paused, pages]);
return (
setPaused(true)} onMouseLeave={()=>setPaused(false)}>
);
}
/* ─── Blocs site van-away.com — repris tel quel ────────────── */
const SITE_INCLUS = ['Partenariat campings Onlycamp','Véhicule fiable et récent','Nettoyage et désinfection professionnels','Assurance tous risques','Assistance 24/7','Stationnements France Passion','Application smartphone – lieux de stationnement','Matériel de camping','Table et chaises incluses','Vaisselle'];
const SITE_CONDITIONS = ['Franchise 2000€','Permis B','Conducteur + de 23 ans','Kilométrage autorisé','Voyage étranger autorisé','Paiements sécurisés','Paiements ANCV','Animaux autorisés'];
const SITE_OPT_ACC = ['Tente de hayon ou cabine douches','Eau chaude','Toilettes sèches','Cafetière','Réchaud gaz + plancha','Convertisseur 220V','Cales','Porte vélo','Autres accessoires disponibles'];
const SITE_OPT_SERV = ['Achat kilomètres supplémentaires','Conducteur supplémentaire','Nettoyage du véhicule à votre retour','Rachat partiel de franchise','Transfert gare ou aéroport','Literie'];
const LOREM = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.";
function InfoPill({ label, info = LOREM }){
const [open, setOpen] = useState(false);
return (
{label}
{open && (
{label}{info}
)}
);
}
function SiteInfoBlocks(){
return (
