24 lines
1.0 KiB
JavaScript
24 lines
1.0 KiB
JavaScript
function AboutDcotor({ doctor }) {
|
|
return (
|
|
<div>
|
|
<a
|
|
id="about-doctor"
|
|
className='absolute -translate-y-[148px] sm:-translate-y-[157px] md:-translate-y-[166px] lg:-translate-y-[176px]'
|
|
></a>
|
|
<p className="text-[#616161] text-[14px] font-normal text-justify">{doctor.detail}</p>
|
|
<div className="my-2">
|
|
<p className="text-[#525252] text-[16px] font-bold">تخصص ها</p>
|
|
<ul className="flex flex-wrap gap-y-1 items-center justify-start gap-4">
|
|
{doctor.specialties.map((item, idx) => (
|
|
<li className="flex items-center justify-start gap-1">
|
|
<span className="w-2 h-2 bg-[#F17732] rounded-full"></span>
|
|
<p className="text-[#616161] text-[16px] font-normal">{item}</p>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default AboutDcotor |