TeamLead.js
3.22 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
import Heading from "@/components/reuseables/Heading";
import Image from "next/image";
import React from "react";
const team = [
{
id: 1,
image: "/images/people/krishna.webp",
altText: "Krishna Upadhya S ",
name: "Krishna Upadhya S ",
designation: "Lead, Direct Tax & Consulting Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/in/krishna-upadhya-13696161/",
},
],
},
{
id: 2,
image: "/images/people/pavan.webp",
altText: "Pavan Kumar Daga",
name: "Pavan Kumar Daga",
designation: "Lead, CFO Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/in/pavan-daga-64449219/",
},
],
},
{
id: 3,
image: "/images/people/suchindra.webp",
altText: "R. K. Suchindra",
name: "R. K. Suchindra",
designation: "Lead, Indirect Tax Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/in/suchindra-r-k-291a9140/",
},
],
},
{
id: 4,
image: "/images/people/dhushyantha.webp",
altText: "Dhushyantha Kumar K",
name: "Dhushyantha Kumar K",
designation: " Lead, Corporate Law Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
},
],
},
];
const TeamLead = () => {
return (
<>
<div className="team-area pt-100 pb-70 bg-fafafa">
<div className="container">
<div className="section-title">
<span className="sub-title">
Our Exclusive Team for Your Business
</span>
<Heading el="h2" heading="Team Leads" />
</div>
<div className="row justify-content-center">
{team &&
team.map((member, index) => (
<div
className={`col-lg-3 col-md-6 col-sm-6 col-xs-6 ${
index % 2 === 1 ? "even-member" : ""
}`}
key={member.id}
>
<div className="single-team-member">
<Image
src={member.image}
alt={member.altText}
fill
className="img-fluid image"
/>
<div className="content">
<h3>{member.name}</h3>
<span>{member.designation}</span>
<ul className="social-links">
{member.socialLinks.map((link) => (
<li key={link.id}>
<a
href={link.url}
target="_blank"
rel="noopener noreferrer"
>
<i className={link.icon}></i>
</a>
</li>
))}
</ul>
</div>
</div>
</div>
))}
</div>
</div>
</div>
</>
);
};
export default TeamLead;