function Contact({go}){
const {SectionHeader,Breadcrumbs,Card,Input,Select,Button} = window.IDHDesignSystem_6f4674;
function Icon({name,size=20}){const pascal=name.replace(/(^\w|-\w)/g,c=>c.replace('-','').toUpperCase());const nodes=window.lucide&&window.lucide.icons[pascal];const inner=nodes?nodes.map(([tag,attrs])=>'<'+tag+' '+Object.entries(attrs).map(([k,v])=>k+'="'+v+'"').join(' ')+'/>').join(''):'';const svg='<svg xmlns="http://www.w3.org/2000/svg" width="'+size+'" height="'+size+'" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">'+inner+'</svg>';return React.createElement('span',{style:{display:'inline-flex',width:size,height:size},dangerouslySetInnerHTML:{__html:svg}});}
const {facebookUrl} = window.IDH_DATA;
const [sent,setSent]=React.useState(false);
const rows=[
{icon:'phone',label:'Téléphone',value:'+225 07 09 34 33 33'},
{icon:'mail',label:'E-mail',value:'internationaldjayiholding@gmail.com'},
{icon:'map-pin',label:'Adresse',value:'Plateau, Immeuble SIDAM, Rue Gaoussou Ouattara — Abidjan'},
{icon:'message-circle',label:'WhatsApp',value:'+225 07 09 34 33 33 — disponible 7j/7'},
{icon:'facebook',label:'Facebook',value:'Suivez IDH sur Facebook',href:facebookUrl}
];
return React.createElement(window.Reveal,{style:{maxWidth:1240,margin:'0 auto',padding:'32px 32px 80px'}},
React.createElement(Breadcrumbs,{items:[{href:'accueil',label:'Accueil'},{href:'contact',label:'Contact'}],onNavigate:go}),
React.createElement('div',{style:{marginTop:20,display:'grid',gridTemplateColumns:'1.2fr 0.8fr',gap:32,alignItems:'center'}},
React.createElement(SectionHeader,{eyebrow:'Parlons de votre projet',title:'Contactez IDH',subtitle:'Notre équipe vous répond rapidement, par téléphone, e-mail ou WhatsApp.'}),
React.createElement('div',{style:{height:170}},React.createElement(window.IllustrationContact,null))),
React.createElement('div',{style:{display:'grid',gridTemplateColumns:'0.9fr 1.1fr',gap:40,marginTop:40}},
React.createElement('div',{style:{display:'flex',flexDirection:'column',gap:16}},
rows.map(r=>React.createElement(Card,{key:r.label,padding:'18px 20px'},
React.createElement('div',{style:{display:'flex',gap:14,alignItems:'flex-start'}},
React.createElement('div',{style:{width:38,height:38,borderRadius:'var(--radius-sm)',background:'var(--surface-tint-orange)',color:'var(--color-orange-600)',display:'flex',alignItems:'center',justifyContent:'center',flexShrink:0}},React.createElement(Icon,{name:r.icon})),
React.createElement('div',null,
React.createElement('div',{style:{fontFamily:'var(--font-body)',fontSize:12,fontWeight:700,color:'var(--text-muted)',textTransform:'uppercase',letterSpacing:'var(--tracking-wide)'}},r.label),
r.href?React.createElement('a',{href:r.href,target:'_blank',rel:'noopener noreferrer',style:{fontFamily:'var(--font-display)',fontWeight:600,fontSize:15,color:'var(--text-link)',marginTop:4,display:'inline-block',textDecoration:'none'}},r.value):
React.createElement('div',{style:{fontFamily:'var(--font-display)',fontWeight:600,fontSize:15,color:'var(--text-primary)',marginTop:4}},r.value)))))),
React.createElement(Card,{padding:'32px',elevated:true},
sent?React.createElement('div',{style:{textAlign:'center',padding:'24px 0'}},
React.createElement(Icon,{name:'check-circle-2',size:40}),
React.createElement('div',{style:{fontFamily:'var(--font-display)',fontWeight:700,fontSize:18,marginTop:12}},'Message envoyé'),
React.createElement('div',{style:{fontFamily:'var(--font-body)',color:'var(--text-muted)',marginTop:6}},'Notre équipe vous recontactera sous 24h ouvrées.')):
React.createElement('form',{onSubmit:e=>{e.preventDefault();setSent(true)},style:{display:'flex',flexDirection:'column',gap:18}},
React.createElement(Input,{label:'Nom complet',placeholder:'Votre nom'}),
React.createElement(Input,{label:'E-mail',type:'email',placeholder:'vous@entreprise.com'}),
React.createElement(Select,{label:'Branche concernée',options:[{value:'consommables',label:'Consommables'},{value:'materiel',label:'Matériel informatique'},{value:'electricite',label:'Électricité'},{value:'autre',label:'Autre demande'}]}),
React.createElement(Select,{label:'Objet',options:[{value:'devis',label:'Demande de devis'},{value:'maintenance',label:'Maintenance / dépannage'},{value:'autre',label:'Autre'}]}),
React.createElement('label',{style:{display:'flex',flexDirection:'column',gap:6,fontFamily:'var(--font-body)'}},
React.createElement('span',{style:{fontSize:13,fontWeight:600,color:'var(--text-secondary)'}},'Message'),
React.createElement('textarea',{rows:4,placeholder:'Décrivez votre besoin...',style:{fontFamily:'var(--font-body)',fontSize:15,padding:'10px 12px',borderRadius:'var(--radius-sm)',border:'1.5px solid var(--border-default)',resize:'vertical'}})),
React.createElement(Button,{variant:'primary',type:'submit',fullWidth:true,size:'lg'},'Envoyer le message')))));
}
window.Contact = Contact;
