TechnicalExpertise.js 3.76 KB
import React from "react";
import Link from "next/link";
import { Tab, Tabs, TabList, TabPanel, resetIdCounter } from "react-tabs";
import Image from "next/image";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
const KnowledgeData = [
  {
    title: "Assurance",
    content:
      "Assurance is not a one-time annual activity but rather a continuous system of monitoring that builds trust among the stakeholders.  At Advith Consulting, Assurance is a key plug in to all our services to ensure that the value we are adding to our clients is not merely advisory in nature but rather a form of assurance.",
    buttonlink: "#",
  },
  {
    title: "Direct Tax ",
    content:
      "Our Team of experts in the Direct Tax Team can help you navigate any maze in matters pertaining to Income Tax Act, 1961 and International Tax.  Their expertise comes not just from multiple years of experience in this field but also from a passion for this subject that ensures that they are hands on in all matters. ",
    buttonlink: "#",
  },
  {
    title: "Indirect Tax",
    content:
      "GST in India and its implications on businesses is multi dimensional. Our Team at Advith Consulting ensure that elements of GST for all our service offerings are dissected and duly complied with. ",
    buttonlink: "#",
  },
  {
    title: "Corporate Law ",
    content:
      "For all matters right from incorporation of an entity, conducting & documenting meetings, managing FEMA compliances to analysis of relvant laws for Companies and LLP, our Corporate Law Team is a significant plug in to all matters where entities in the form of companies or LLP's are involved. ",
    buttonlink: "#",
  },
  {
    title: "Corporate Legal ",
    content:
      "Right from ensuring that routine maters as per Companies Act, 2013 are complied with or drafting complex agreements, our team of Company Secretaries and Lawyers leave no stone unturned in ensuring that all statutory and legal matters are accurately complied with.",
    buttonlink: "#",
  },
];

const TechnicalExpertise = ({technicalexpertise}) => {
  console.log(technicalexpertise,"technicalexpertise")
  return (
    <>
      <div className="what-we-do-area pt-50 pb-50">
        <Container>
          <Row className="align-items-center">
            <Col lg={6} md={12}>
              <div className="what-we-do-image">
                <Image
                  src="/images/services/area-of-technical.webp"
                  alt="image"
                  layout="fill"
                  className="img-fluid image"
                />
                <Image
                  src="/images/shape/shape8.png"
                  alt="image"
                  width={300}
                  height={300}
                  className="shape"
                />
              </div>
            </Col>

            <Col lg={6} md={12}>
              <div className="what-we-do-content">
                <span className="sub-title">{technicalexpertise?.Subtitle}</span>
                <Heading
                  el="h2"
                  heading={technicalexpertise?.SectionTitle}
                  className="h2"
                />

                <Tabs>
                  <TabList>
                    {technicalexpertise?.Technicallist.map((tab, index) => (
                      <Tab key={index}>{tab.Title}</Tab>
                    ))}
                  </TabList>

                  {technicalexpertise?.Technicallist.map((tab, index) => (
                    <TabPanel key={index}>
                      <p>{tab.Description}</p>
                    </TabPanel>
                  ))}
                </Tabs>
              </div>
            </Col>
          </Row>
        </Container>
      </div>
    </>
  );
};

export default TechnicalExpertise;