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: "Corpedia",
    homePageUrl: "/",
    homePageText: "Home",
    activePageText: "Corpedia",
  },
  // Add more banners as needed
];
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",
  },
  {
    id: 4,
    serviceIcon: "icon ri-group-2-line",
    serviceTitle:
      "The Companies (Corporate Social Responsibility Policy) Amendment Rules, 2021",
    serviceShortDescription:
      "The Company law in India mandates certain category of companies to carry out Corporate Social Responsibility (CSR) activities mandatorily.",
    readMoreText: "Read More",
    serviceDetailsUrl: "/corpedia/details",
  },
  {
    id: 5,
    serviceIcon: "icon ri-briefcase-line",
    serviceTitle: "Company and LLP – Amnesty Schemes",
    serviceShortDescription:
      "Ministry of Corporate Affairs (MCA), in order to encourage Companies and Limited Liability Partnerships (LLPs) to come clean on all the non-compliances that they may have mounted over the years, has come out with 2 amnest",
    readMoreText: "Read More",
    serviceDetailsUrl: "/corpedia/details",
  },
  {
    id: 6,
    serviceIcon: "icon ri-money-dollar-box-line",
    serviceTitle: "ESI contribution rates reduced",
    serviceShortDescription:
      "The Employees’ State Insurance Corporation (ESIC), a statutory body, is set up under theEmployees’ State Insurance (ESI) Act, 1948. The body administers the scheme of ESI and protects the interests of the employees thereunder and their immediate dependents who are entitled to medical facilities in unforeseen situations.",
    readMoreText: "Read More",
    serviceDetailsUrl: "/corpedia/details",
  },
];

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

      <div className="corpedia-page-area pt-70 pb-100 bg-light">
        <Container>
          <div className="section-title">
            <Heading heading={"Corpedia"} el="h2" />
            <p>
              Get the scoop on India's corporate legal happenings with Corpedia,
              your go-to source for updates and analysis.
            </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/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 CorpediaPage;