94 lines
3.3 KiB
JavaScript
94 lines
3.3 KiB
JavaScript
import React from 'react';
|
|
import Link from 'next/link';
|
|
export default function Team() {
|
|
const teamMembers = [
|
|
{
|
|
name: 'Black Marvin',
|
|
role: 'Medical Assistant',
|
|
image: 'assets/images/team/team-1.jpg',
|
|
socialLinks: [
|
|
{ icon: 'icon-4', link: '/' },
|
|
{ icon: 'icon-5', link: '/' },
|
|
{ icon: 'icon-6', link: '/' },
|
|
{ icon: 'icon-7', link: '/' },
|
|
],
|
|
},
|
|
{
|
|
name: 'Eleanor Pena',
|
|
role: 'Doctor',
|
|
image: 'assets/images/team/team-2.jpg',
|
|
socialLinks: [
|
|
{ icon: 'icon-4', link: '/' },
|
|
{ icon: 'icon-5', link: '/' },
|
|
{ icon: 'icon-6', link: '/' },
|
|
{ icon: 'icon-7', link: '/' },
|
|
],
|
|
},
|
|
{
|
|
name: 'Arlene Maccy',
|
|
role: 'Nursing Assistant',
|
|
image: 'assets/images/team/team-3.jpg',
|
|
socialLinks: [
|
|
{ icon: 'icon-4', link: '/' },
|
|
{ icon: 'icon-5', link: '/' },
|
|
{ icon: 'icon-6', link: '/' },
|
|
{ icon: 'icon-7', link: '/' },
|
|
],
|
|
},
|
|
{
|
|
name: 'Jenny Wilson',
|
|
role: 'Senior Doctor',
|
|
image: 'assets/images/team/team-4.jpg',
|
|
socialLinks: [
|
|
{ icon: 'icon-4', link: '/' },
|
|
{ icon: 'icon-5', link: '/' },
|
|
{ icon: 'icon-6', link: '/' },
|
|
{ icon: 'icon-7', link: '/' },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<section className="team-section sec-pad centred" id="team">
|
|
<div className="pattern-layer">
|
|
<div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.webp)' }}></div>
|
|
<div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
|
|
</div>
|
|
<div className="shape">
|
|
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
|
|
<div className="shape-2"></div>
|
|
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
|
|
</div>
|
|
<div className="auto-container">
|
|
<div className="sec-title mb_50">
|
|
<span className="sub-title">Our Team</span>
|
|
<h2>Meet our experienced doctors <br />for the best treatment</h2>
|
|
</div>
|
|
<div className="row clearfix">
|
|
{teamMembers.map((member, index) => (
|
|
<div key={index} className="col-lg-3 col-md-6 col-sm-12 team-block">
|
|
<div className="team-block-one wow fadeInUp animated" data-wow-delay={`${index * 200}ms`} data-wow-duration="1500ms">
|
|
<div className="inner-box">
|
|
<div className="image-box">
|
|
<figure className="image"><img src={member.image} alt={member.name} /></figure>
|
|
<ul className="social-links clearfix">
|
|
{member.socialLinks.map((link, i) => (
|
|
<li key={i}><Link href={link.link}><i className={link.icon}></i></Link></li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
<div className="lower-content">
|
|
<h3><Link href="team-details">{member.name}</Link></h3>
|
|
<span className="designation">{member.role}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|