import PageBanner from "@/components/reuseables/PageBanner";
import React from "react";
import Clientele from "@/components/reuseables/Clientele";
import qs from "qs";
import axios from "axios";
import MethodTwoSection from "@/components/reuseables/services/MethodTwo";
import MethodOne from "@/components/reuseables/services/MethodOne";
import Seo from "@/components/reuseables/Seo/Seo";
import LeftSideImage from "@/container/Corpedia/LeftSideImage";
import RightSideImage from "@/container/Corpedia/RightSideImage";

const banners = [
  {
    imageSrc: "/images/banner/business_advisory.webp  ",
    pageTitle: "Business Advisory ",
    homePageUrl: "/client-servicing",
    homePageText: "Client Servicing",
    activePageText: "Business Advisory ",
  },
  // Add more banners as needed
];
const BAData = [
  {
    subtitle: "Client Servicing",
    title: "Business Advisory  ",
    paragraphs: [
      "At Advith Consulting, we guide businesses through the critical growth stages - Existence, Survival, Success, Take off & Maturity . Our advisory services are tailored to navigate each phase with strategic foresight and financial acumen, ensuring your business thrives at every turn. Partner with us for a journey of financial excellence.",
    ],
    imageSrc: "/images/client-service/About-Business-Advisory.png",
    imageAlt: "Client Servicing Image",
  },
];
const shareholders = [
  {
    // subtitle: "About FC & CFO Services",
    title: "Stakeholders & their expectations",
    paragraphs: [
      "McKinsey & Company has defined a matrix where they have arrived at 4 types of consulting - a neutral facilitator, a facilitative consultant, an observer or an expert. In Business Conuslting engagements, in addition to performing these roles, we also perform the role of a doer and an enabler, helping founders solve problems with their idea. ",
    ],
    imageSrc: "/images/client-service/stake.png",
    imageAlt: "FC & CFO Services Image",
  },
];

const aboutcfo = [
  {
    subtitle: "About FC & CFO Services",
    title: "About Business Advisory",
    paragraphs: [
      "An idea is great only as long as it solves a problem. In solving a problem, an organisation and its founder go through multiple stages. Founders are often stuck in a balancing act, handling multiple stakeholders and their expectations.Through our Business Advisory engagements, we play the critical role of guiding organizations through their growth journey, providing strategic insights and actionable plans that align with their goals. We help management teams and founders navigate the complexities of each stage, from existence to maturity, ensuring they make informed decisions. Our expertise enables us to identify the strengths, weaknesses, opportunities and threats of organisations, ultimately supporting our clients in achieving their long-term vision while effectively balancing stakeholder expectations",
    ],
    imageSrc: "/images/client-service/cfo.webp",
    imageAlt: "FC & CFO Services Image",
  },
];

const sliderConfig = {
  spaceBetween: 20,
  slidesPerView: 5,
  showPagination: true,
  showAutoplay: true,
  autoplayDelay: 4000,
};
const MethodOneData = [
  {
    stepNumber: "01",
    img: "/images/shape/icon/discovery.png",
    title: "Founder’s Office",
    descr:
      "Our Founders's Office offers strategic guidance and executive oversight, ensuring alignment with the organization's long-term vision and objectives. We facilitate high-level decision-making processes and foster stakeholder relationships to drive sustainable growth and corporate excellence.",
    altText: "discovery-icon",
  },
  {
    stepNumber: "02",
    img: "/images/shape/icon/analysis.png",
    title: "Family Business Advisory & Succession Planning",
    descr:
      "Our Family Business Advisory services focus on sustaining and enhancing family-owned enterprises. We provide strategies for governance, succession planning, family office setup and conflict resolution to ensure long-term success and harmony within the family business.",
    altText: "analysis-icon",
  },
  {
    stepNumber: "03",
    img: "/images/shape/icon/setup.png",
    title: "Compensation Structuring (Stock Based Plans)",
    descr:
      "Our Compensation Structuring services are designed to align employee incentives with company performance and strategic goals. We develop and implement comprehensive compensation plans that attract, retain, and motivate top talent while fostering a culture of ownership and engagement.",
    altText: "setup-icon",
  },
  {
    stepNumber: "04",
    img: "/images/shape/icon/execution.png",
    title: "Transfer Pricing",
    descr:
      "We provide comprehensive transfer pricing strategies, documentation, and risk assessment to manage intercompany transactions effectively and minimize potential tax challenges.",
    altText: "execution-icon",
  },
  {
    stepNumber: "05",
    img: "/images/shape/icon/setup.png",
    title: "Bespoke Advisory",
    descr:
      "Our Business Advisory practice is agile & agnostic to the type & size of an organisation. We offer solutions covering the strategic, operational & tactical needs of any business. ",
    altText: "setup-icon",
  },
  {
    stepNumber: "06",
    img: "/images/shape/icon/execution.png",
    title: "Transformation Engagements",
    descr:
      "Our Transformation Engagements are designed to drive comprehensive change. We implement innovative strategies and solutions to optimize business processes, foster a culture of continuous improvement, and achieve measurable results. ",
    altText: "execution-icon",
  },
  {
    stepNumber: "07",
    img: "/images/shape/icon/setup.png",
    title: "Governance Models",
    descr:
      "Our Governance Models services help create clear and effective frameworks for better decision-making and accountability. We design customized structures to improve performance and ensure regulatory compliance. ",
    altText: "setup-icon",
  },
];

const partners = [
  {
    image: "/images/clientel/academic-city.svg",
    altText: "partner",
    link: "#",
  },
  {
    image: "/images/clientel/ADALVO.svg",
    altText: "partner",
    link: "#",
  },
  {
    image: "/images/clientel/RANDOX.svg",
    altText: "partner",
    link: "#",
  },
  {
    image: "/images/clientel/Relicare.svg",
    altText: "partner",
    link: "#",
  },
  {
    image: "/images/clientel/Relicare-1.svg",
    altText: "partner",
    link: "#",
  },
  {
    image: "/images/clientel/Sigma.svg",
    altText: "partner",
    link: "#",
  },
];
const Ba = ({ bapage }) => {
  const dynamicdata = bapage?.BusinessDetails;
  // console.log("dynamicdata", dynamicdata);

  const clientlogo = bapage?.Clientel;
  // console.log("clientlogo", clientlogo);

  const seo = bapage?.seo;
  // console.log(seo);

  return (
    <>
      <Seo seo={seo} />
      <PageBanner banners={banners} />
      <section className="cfo-page">
        {dynamicdata &&
          dynamicdata?.map((section, index) => {
            // console.log("section", section);
            switch (section.__component) {
              case "dynamic-zone.about":
                return (
                  <LeftSideImage
                  title={section?.Title}
                  subtitle={section?.Subtitle}
                  image={section?.Image}
                  content={section?.Content}
                  />
                );
              case "dynamic-zone.background":
                return (
                  <RightSideImage
                    title={section?.Title}
                    subtitle={section?.Subtitle}
                    image={section?.Image}
                    content={section?.Content}
                  />
                );
              case "dynamic-zone.element-one":
                return (
                  <MethodOne
                    heading={section?.Heading}
                    data={section?.ElementList}
                  />
                );
              case "dynamic-zone.element-two":
                return (
                  <MethodTwoSection
                    heading={section?.Heading}
                    data={section?.ElementList}
                  />
                );
              default:
                return null;
            }
          })}
      </section>
      {/* <div className="cfo-services-area pt-100 ">
        <Container>
          {BAData.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}
            />
          ))}
        </Container>
      </div>
      
      <div className="cfo-services-area ptb-100 bg-light">
        <Container>
          {aboutcfo.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 !== 1}
            />
          ))}
        </Container>
      </div>

      <div className="cfo-services-area ptb-100">
        <Container>
          {shareholders.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}
            />
          ))}
        </Container>
      </div>   

      <MethodOne
        data={MethodOneData}
        sectionTitle="Methodology 2 - Nature of Engagements" 
        heading="Elements in CFO Services"
        descrption="Here are some key activities we focus on in our CFO services."
        sliderConfig={sliderConfig} // Pass the slider configuration here
      /> */}
      <div className="ptb-100">
        <Clientele partners={clientlogo} />
      </div>
    </>
  );
};

export default Ba;

export async function getServerSideProps() {
  try {
    const query1 = {
      populate: [
        "Banner.Image",
        "BusinessDetails",
        "BusinessDetails.Image",
        "BusinessDetails.Heading",
        "BusinessDetails.ElementList.StepImg",
        "Clientel.logos",
        "seo",
        "seo.metaImage",
        "seo.schema",
      ],
    };

    const query1String = qs.stringify(query1, {
      encodeValuesOnly: true,
    });

    const endpoint1 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/business-page?${query1String}`;
    console.log(`Final url: ${endpoint1}`);

    const response1 = await axios.get(endpoint1);
    const bapage = response1.data.data;

    return {
      props: { bapage },
    };
  } catch (error) {
    console.log("Error", error);
  }
}