function Faculty(){
const people=[["Dr Pradeep Shenoy M","MD, DM, DNB, MRCP (UK), SCE","Consultant Nephrologist, Mangalore","pradeep"],["Dr Srilaxmi Prabhu","MBBS, MD, DNB, MRCP (UK), DTM & H (UK)","Senior faculty","sreelaxmi"],["Dr Saikat Datta","MD, MRCP (UK), FRCP (Glasgow), FICP, FIACM","Professor of Medicine","saikant"],["Dr Sahana G Baliga","MD, DrNB, MRCP (UK), SCE (RCP UK)","Founder","sahana"],["Dr. M.J. Wesley","MBBS MRCP UK DTM&H","Senior Medical Registrar","wesley"]];
return(<>
<section className="pp-faculty-desktop" 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 className="pp-faculty-row" style={{display:'flex',gap:20,justifyContent:'center',flexWrap:'nowrap'}}>
{people.map(([n,c,r,img],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)',backgroundImage:`url(assets/${img}.webp)`,backgroundSize:'cover',backgroundPosition:'center'}}></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>
<section className="pp-faculty-mobile" style={{display:'none',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',flexDirection:'column',gap:20}}>
{people.map(([n,c,r,img],i)=>(<div key={i} style={{border:'1px solid var(--color-border)',borderRadius:'var(--radius-md)',overflow:'hidden',background:'#fff',boxShadow:'0 8px 24px rgba(15,40,60,.08)'}}><div style={{width:'100%',height:400,background:'var(--pp-blue-100)',backgroundImage:`url(assets/${img}.webp)`,backgroundSize:'cover',backgroundPosition:'center center',backgroundRepeat:'no-repeat'}}></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;