Corpedia.js
4.28 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
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";
const services = [
{
id: 1,
serviceIcon: "icon ri-global-line",
serviceTitle: "Karnataka Compulsory Gratuity Insurance Rules, 2024",
serviceShortDescription:
"Gratuity is a monetary compensation payable by an employer to employees who have rendered 5 or more years of continuous service to an organization and retires or quits the organization",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details",
},
{
id: 2,
serviceIcon: "icon ri-global-line",
serviceTitle: "Recent amendment in Companies and LLP Act in India",
serviceShortDescription:
"Recently, the Ministry of Corporate Affairs came out with certain amendments concerning dematerilisation of shares of private limited companies, the issue of warrants by companies, certain administrative matters, and additional compliances applicable to Limited Liability Partnerships (LLP). ",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details",
},
{
id: 3,
serviceIcon: "icon ri-global-line",
serviceTitle:
"Recent Amendments relating to Accounts and Audit under Companies Act, 2013",
serviceShortDescription:
"Recently, the Ministry of Corporate Affairs came out with certain amendments which impact the maintenance of accounts, reporting and preparation of financial statements",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details",
},
];
const Corpedia = () => {
return (
<>
<div className="corpedia-area pt-70 pb-100 bg-light">
<Container>
<Row>
<Col lg={8} md={8} sm={12}>
<div className="text-align-left">
<Heading heading={"Corpedia"} el="h2" />
<p className="mb-lg-5 mb-3">
Get the scoop on India's corporate legal happenings with
<br className="d-none d-lg-block" />
Corpedia, your go-to source for updates and analysis.
</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="/corpedia" className="default-btn-two">
Load More <i className="ri-arrow-right-line"></i>
</Link>
</Col>
</Row>
<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">
<Image
src="../images/knoweledge/corpedia.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;