import React from "react";
import Link from "next/link";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
import PageBanner from "@/components/reuseables/PageBanner";
import Image from "next/image";
const banners = [
  {
    imageSrc: "/images/banner/knowledge.webp",
    pageTitle: "Tax Wire",
    homePageUrl: "/",
    homePageText: "Home",
    activePageText: "Tax Wire",
  },
  // Add more banners as needed
];
const services = [
  {
    id: 1,
    serviceIcon: "icon ri-group-2-line",
    serviceTitle:
      "Mismatch in year of taxation of Income and TDS Credit – Form 71 to the relief",
    serviceShortDescription:
      "The Income Tax Law in India requires that income from a particular assessment year be subjected to tax in that assessment year. ",
    readMoreText: "Read More",
    serviceDetailsUrl: "/services/details",
  },
  {
    id: 2,
    serviceIcon: "icon ri-briefcase-line",
    serviceTitle: "GST on Renting of residential property to registered person",
    serviceShortDescription:
      "For more than 15 years, renting of property has been covered under either service tax or Goods and Service Tax (GST).",
    readMoreText: "Read More",
    serviceDetailsUrl: "/services/details",
  },
  {
    id: 3,
    serviceIcon: "icon ri-money-dollar-box-line",
    serviceTitle: "Remission of Duties and Taxes on Exported Products (RoDTEP)",
    serviceShortDescription:
      "RoDTEP rates and scheme details have been announced by the Ministry of Commerce and Industry by making suitable amendments to chapter 4 of the Foreign Trade Policy (FTP) in the notification (19/2015-2020) dated 17th August 2021.",
    readMoreText: "Read More",
    serviceDetailsUrl: "/services/details",
  },
  {
    id: 4,
    serviceIcon: "icon ri-group-2-line",
    serviceTitle:
      "Slump Sale consideration to be determined based on FMV for taxation - Rule 11UAE",
    serviceShortDescription:
      "Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
    readMoreText: "Read More",
    serviceDetailsUrl: "/services/details",
  },
  {
    id: 5,
    serviceIcon: "icon ri-briefcase-line",
    serviceTitle:
      "Consideration for sale of software - Royalty or not: Delhi tax tribunal ruling",
    serviceShortDescription:
      "Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
    readMoreText: "Read More",
    serviceDetailsUrl: "/services/details",
  },
  {
    id: 6,
    serviceIcon: "icon ri-money-dollar-box-line",
    serviceTitle: "Finance Act, 2020 – Passed with multiple amendments",
    serviceShortDescription:
      "Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
    readMoreText: "Read More",
    serviceDetailsUrl: "/services/details",
  },
];

const Corpedia = () => {
  return (
    <>
      <PageBanner banners={banners} />

      <div className="tax-wire-page-area pt-70 pb-100 ">
        <Container>
          <div className="section-title">
            <Heading heading={"Tax Wire"} el="h2" />
            <p>
              Navigating the complex terrain of India's tax landscape? TaxWire
              is your reliable companion, serving up the latest news,
              developments, and insights to help you stay informed and in the
              know.
            </p>
          </div>
          <Row className="align-items-center">
            {services &&
              services.map((service, index) => (
                <Col lg={4} md={6} sm={12} key={service.id}>
                  <motion.div
                    variants={slideFromLeft(index * 0.5)}
                    initial={"hidden"}
                    whileInView={"show"}
                    viewport={{ once: false, amount: 0.4 }}
                  >
                    <div className="services-box-budget">
                      <div className="d-flex align-items-center">
                        {/* <i className={service.serviceIcon}></i> */}
                        <Image
                          src="../images/knoweledge/taxwire.svg"
                          alt={service.serviceTitle}
                          width={40}
                          height={40}
                          className="img-fluid me-3"
                        />
                        <h3>
                          <Link href={service.serviceDetailsUrl}>
                            {service.serviceTitle}
                          </Link>
                        </h3>
                      </div>

                      <p>{service.serviceShortDescription}</p>

                      <Link
                        href={service.serviceDetailsUrl}
                        className="default-btn"
                      >
                        {service.readMoreText}{" "}
                        <i className="ri-arrow-right-line"></i>
                      </Link>
                    </div>
                  </motion.div>
                </Col>
              ))}
          </Row>
        </Container>
      </div>
    </>
  );
};

export default Corpedia;