TaxWire .js
4.54 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
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 Image from "next/image";
import { cleanImage } from "@/layout/imageHandling";
// const services = [
// {
// id: 1,
// 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.",
// serviceDetailsUrl: "/services/details",
// date: "21 Sep 2023",
// pdfUrl: "/images/knoweledge/pdf/taxwire/Mismatch_in_year_of_taxation_of_Income_and_TDS_Credit_–_Form_71_to_the_relief.pdf",
// },
// {
// id: 2,
// 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 taxor Goods and Service Tax (GST). Broadly,the Government’s intention seemed clear –tax commercial rentals and exemptresidential rentals. ",
// serviceDetailsUrl: "/services/details",
// date: "04 Aug 2022",
// pdfUrl: "/images/knoweledge/pdf/taxwire/GST_on_Renting_of_residential_property_to_registered_person.pdf",
// },
// {
// id: 3,
// 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.",
// serviceDetailsUrl: "/services/details",
// date: "25 Aug 2021",
// pdfUrl: "/images/knoweledge/pdf/taxwire/Remission_of_Duties_and_Taxes_on_Exported_Products_(RoDTEP).pdf",
// },
// ];
const TaxWire = ({taxWire , taxwirelist}) => {
const taxwirelistlatest = taxwirelist.slice(0, 3);
return (
<>
<div className="taxwire-area pt-70 pb-100 ">
<Container>
<Row>
<Col lg={8} md={8} sm={12}>
<div className="text-align-left">
<Heading heading={taxWire?.Title} el="h2"
/>
<p className="mb-lg-5 mb-3">
{taxWire?. Description}
</p>
</div>
</Col>
<Col
lg={4}
md={4}
sm={12}
className="d-flex align-self-center justify-content-start justify-content-lg-end mb-5 mb-lg-0"
>
<Link href="/taxwire" className="default-btn-two">
Load More <i className="ri-arrow-right-line"></i>
</Link>
</Col>
</Row>
<Row className="align-items-center">
{taxwirelistlatest &&
taxwirelistlatest.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">
<Image
src={cleanImage(service?.Image?.url)}
alt={service?.alternativeText ? service?.alternativeText : "image"}
width={40}
height={40}
className="img-fluid me-3"
/>
<h3>
<Link href={`/taxwire/${service?.slug ? service?.slug : "#"}`}>
{service.Title}
</Link>
</h3>
</div>
<p>{service.Description}</p>
<Link href={`/taxwire/${service?.slug ? service?.slug : "#"}`}
className="default-btn" target="_blank"
>
Read More
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</motion.div>
</Col>
))}
</Row>
</Container>
</div>
</>
);
};
export default TaxWire;