AdvisoryBoard.js
4.2 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
import React from "react";
import Image from "next/image";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
const advisoryBoardData = [
{
image: "/images/people/CA-Srinivasa-Upadhya-G.webp",
name: "CA Srinivasa Upadhya G",
title: "Advisory Board Member",
description: `CA Srinivasa Upadhya G is practicing CA since 1980, having
over four decades of experience. He is an expert in the
field of audit, taxation, litigation, and advisory with
clients spanning across industries. He is an authority in
the hospitality sector due to a vast number of clients
serviced in the sector over the years. He is currently the
Chief Advisor to the firm.`,
},
{
image: "/images/people/CA-Sundaresha-A.webp",
name: "CA Sundaresha A.S",
title: "Advisory Board Member",
description: `CA Sundaresha A.S qualified as a CA in 1978. He is a founder partner of CA firm's M/s Sundaresh & Sridhar (1980), M/s Sundaresha & Associates (1997) and M/s ASRMP & Co (2018). He is a pioneer & leading in representation of Income Tax Litigation matters, particularly in the field of Search & Seizure cases, Corporate cases, Transfer Pricing cases, Individual Entrepreneurs, Small Business houses, Firms & HUF.`,
},
];
const AdvisoryBoard = () => {
return (
<>
<div className="testimonial-area ptb-100">
<Container>
<Heading className="text-center mb-5" heading="Advisory Board" />
{advisoryBoardData.map((member, index) => (
<Row key={index} className="row align-items-center">
{index % 2 === 0 ? (
<>
<Col lg={5} md={5} className="order-2 order-md-1">
<div className="testimonial-Image">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<div className="testimonial-img">
<Image
src={member.image}
alt={member.name}
layout="fill"
className="img-fluid image rounded-3"
/>
</div>
</motion.div>
</div>
</Col>
<Col lg={7} md={7} className="order-1 order-md-2">
<Heading el="h2" heading={member.name} />
<div className="testimonial-content">
<p>{member.description}</p>
</div>
</Col>
</>
) : (
<>
<Col lg={7} md={7} className="order-1 order-md-1">
<Heading el="h2" heading={member.name} />
<div className="testimonial-content">
{/* <span className="sub-title">{member.title}</span> */}
<p className="mb-3 mb-lg-0">{member.description}</p>
</div>
</Col>
<Col lg={5} md={5} className="order-2 order-md-2">
<div className="testimonial-Image">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<div className="testimonial-img">
<Image
src={member.image}
alt={member.name}
layout="fill"
className="img-fluid image rounded-3"
/>
</div>
</motion.div>
</div>
</Col>
</>
)}
</Row>
))}
</Container>
</div>
</>
);
};
export default AdvisoryBoard;