36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import Link from 'next/link';
|
|
import { TeamMemberType } from '@/types';
|
|
|
|
interface MemberCardProps {
|
|
member: TeamMemberType;
|
|
}
|
|
|
|
const MemberCard: React.FC<MemberCardProps> = ({ member }) => {
|
|
return (
|
|
<div className="team-author-boxarea">
|
|
<div className="img1 image-anime">
|
|
<img src={member.image} alt={member.name} />
|
|
</div>
|
|
<div className="content-area">
|
|
<div className="text">
|
|
<Link href="/our-team">{member.name}</Link>
|
|
<div className="space8"></div>
|
|
<p>{member.role}</p>
|
|
</div>
|
|
<div className="icons">
|
|
<a href="#"><img src="/assets/img-app/icons/share1.svg" alt="" /></a>
|
|
</div>
|
|
</div>
|
|
<ul>
|
|
<li><a href="#"><i className="fa-brands fa-facebook-f"></i></a></li>
|
|
<li><a href="#"><i className="fa-brands fa-instagram"></i></a></li>
|
|
<li><a href="#"><i className="fa-brands fa-youtube"></i></a></li>
|
|
<li><a href="#"><i className="fa-brands fa-linkedin-in"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default MemberCard;
|