const CASES=[
  {id:'caso-dolce-sapore',num:'01',sector:'Restauração',title:'74 Cadeiras e 4 Sofás antes do Almoço',ctx:'Necessidade de higienizar 74 cadeiras e 4 sofás num período curto, sem afetar o serviço de almoço.',work:'Intervenção realizada entre as 06h e as 11h30min, garantindo a conclusão antes do horário de almoço.',result:'Higienização completa das 74 cadeiras e dos 4 sofás no prazo estipulado. O estabelecimento operou normalmente após o serviço.',stats:[['74','cadeiras'],['4','sofás'],['5.5','horas']],img:'assets/dolce-sapore-clean.png'}];
function CaseBlock({c,i}){
  return <section className={'section'+(i%2?' section-sub':'')} data-screen-label={c.title}><div className="wrap grid2" style={{alignItems:'start'}}>
    <div style={{order:i%2?2:1}}>
      <div className="eyebrow"><span className="num">{c.num}</span>{c.sector}</div>
      <h2 className="h1" style={{margin:'14px 0 0'}}>{c.title}</h2>
      <div className="gold-rule"></div>
      <div style={{display:'grid',gap:20,marginTop:28}}>
        {[['Contexto',c.ctx],['Intervenção',c.work],['Resultado',c.result]].map(([t,d])=><div key={t}>
          <div className="eyebrow" style={{fontSize:11,color:'var(--gray-400)'}}>{t}</div>
          <p style={{fontSize:15,margin:'8px 0 0',maxWidth:520}}>{d}</p>
        </div>)}
      </div>
      <div style={{display:'flex',gap:48,marginTop:32,paddingTop:24,borderTop:'1px solid var(--border-subtle)'}}>
        {c.stats.map(([n,l])=><div key={l}><div style={{fontFamily:'var(--font-display)',fontWeight:300,fontSize:34,color:'var(--navy-800)'}}>{n}</div><div style={{fontSize:13,color:'var(--text-muted)'}}>{l}</div></div>)}
      </div>
    </div>
    <div style={{height:480,order:i%2?1:2}}>
      <img src={c.img} alt={'Fotografia — '+c.title} style={{width:'100%',height:'100%',objectFit:'cover',display:'block'}} />
    </div>
  </div></section>;
}
function Casos(){
  return <div>
    <PageHero crumb="Casos de sucesso" eyebrow="Casos de sucesso" title="O rigor prova-se no terreno." lead="Três operações que mostram como trabalhamos: contexto, intervenção e resultado. Sem adjetivos — apenas o que foi feito."/>
    {CASES.map((c,i)=><CaseBlock key={c.id} c={c} i={i}/>)}
    <CTABand title="A sua instalação pode ser o próximo caso." lead="Comece pela visita técnica — o resto é planeamento." secondary="Falar com a equipa comercial"/>
  </div>;
}
registerPage('casos', Casos);