function Faculty(){
const people=[["Dr Pradeep Shenoy M","MD, DM, DNB, MRCP (UK), SCE","Consultant Nephrologist, Mangalore"],["Dr Srilaxmi Prabhu","MBBS, MD, DNB, MRCP (UK), DTM & H (UK)","Senior faculty"],["Dr Saikat Datta","MD, MRCP (UK), FRCP (Glasgow), FICP, FIACM","Professor of Medicine"],["Dr Sahana G Baliga","MD, DrNB, MRCP (UK), SCE (RCP UK)","Founder"],["Dr. M.J. Wesley","MBBS MRCP UK DTM&H","Senior Medical Registrar"]];
return(<section style={{background:'var(--color-bg-section)',padding:'56px 0'}}>
<div className="pp-container">
<h2 style={{fontFamily:'var(--font-display)',fontSize:'var(--text-h2)',fontWeight:700,textAlign:'center',color:'var(--color-text-heading)',margin:'0 0 32px'}}>Meet Our Experienced Faculty</h2>
<div style={{display:'flex',gap:20,justifyContent:'center',flexWrap:'nowrap'}}>
{people.map(([n,c,r],i)=>(<div key={i} style={{border:'1px solid var(--color-border)',borderRadius:'var(--radius-md)',overflow:'hidden',background:'#fff',flex:1,minWidth:0,boxShadow:'0 8px 24px rgba(15,40,60,.08)'}}><div style={{width:'100%',height:200,background:'var(--pp-blue-100)'}}><image-slot id={"faculty-"+i} shape="rect" placeholder={n.split(' ')[0]+' '+n.split(' ')[1]}></image-slot></div><div style={{padding:'16px 16px'}}><div style={{fontFamily:'var(--font-display)',fontWeight:600,fontSize:14,color:'var(--color-text-heading)',marginBottom:6}}>{n}</div><div style={{fontFamily:'var(--font-body)',fontSize:14,color:'var(--color-text-body)',lineHeight:1.4}}>{c}</div>{r&&<div style={{fontFamily:'var(--font-body)',fontSize:14,color:'var(--color-muted,#8b98a3)',marginTop:4}}>{r}</div>}</div></div>))}
</div>
</div>
</section>);
}
window.Faculty=Faculty;
