import Heading from "@/components/reuseables/Heading";
import Link from "next/link";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
import Image from "next/image";
import { motion } from "framer-motion";
import {
  fadeIn,
  slideFromLeft,
  slideFromRight,
} from "@/components/reuseables/variants";
import ContentSection from "@/components/reuseables/ServicesContent";

const CFOData = [
  {
    id: 1,
    subtitle: "Client Servicing",
    title: "Client Servicing - CFO",
    paragraphs: [
      "FC & CFO Services at Advith Consulting LLP brings together specialists at different functional layers enabling finance operations in your organisation to function in an efficient manner. Depending upon the requirement of the business, our areas of focus range from streamling routine finance operations to ensuring compliances including taxation and corporate law and even to strategic, business finance & assurance, to provide a holistic approach to financial management.",
    ],
    imageSrc: "/images/about/people.jpg",
    imageAlt: "Client Servicing Image",
  },
  {
    id: 2,
    subtitle: "About FC & CFO Services",
    title: "About FC & CFO Services",
    paragraphs: [
      "The significance and role of a finance function in an organisation depends on multiple factors including the vision of the management, nature of business, scale of operations & status of funding among others. At Advith Consulting, we offer FC & CFO Services upon careful evaluation of the requirement of your business. Our role as FC's and CFO's will be to act as enablers in moving from data entry and reporting merely as a compliance to a mechanism wherein we bring together insightful data analysis and financial expertise to offer actionable insights to the leadership team.",
    ],
    imageSrc: "/images/home/knowledge.png",
    imageAlt: "FC & CFO Services Image",
  },
  // Add more objects here if needed
];
const Cfoservice = () => {
  return (
    <>
      <div className="what-we-do-area ptb-100">
        <Container>
          {CFOData.map((item, index) => (
            <ContentSection
              key={item.id}
              subtitle={item.subtitle}
              title={item.title}
              paragraphs={item.paragraphs}
              imageSrc={item.imageSrc}
              imageAlt={item.imageAlt}
              reverse={index % 2 !== 0}
              animation={
                index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
              }
            />
          ))}
        </Container>
      </div>
    </>
  );
};

export default Cfoservice;