/*
  This page is for the FAQs.
  It includes a banner with a title and a link to the contact page.
  It also includes a section with the FAQs.
  It also includes a contact CTA.
*/
import { getDictionarys } from "@/getDictionarys";
import ContactCTA from "@/src/components/ContactCTA";
import FAQsSection from "@/src/components/page/FAQs/FAQsSection/FAQsSection";
import PageBannerTitle from "@/src/components/PageBannerTitle";
import getFAQsList from "@/src/ssrapi/getFAQsList";
import { FAQsContent } from "@/src/types/StaticContent/faqs.content.type";
import Routes from "@/src/utils/RouteConstants";
import React from "react";

const page: React.FC = async () => {

  const FAQsList = await getFAQsList({ page: 1, perPage: -1 });

  // Get the contact us content
  const FAQsContent = await getDictionarys('faqs') as FAQsContent;

  // Banner Content
  const BannerDetails = {
    BannerTitle: FAQsContent.TITLE,
    BannerLink: Routes.CONTACT,
    BannerLinkText: FAQsContent.CONTACT_US,
  };

  return (
    <>
      <main className={`main-mt pb-[30px] sm:pb-[40px] lg:pb-[50px] xxl:pb-[65px]`}>
        <PageBannerTitle CommonDetails={BannerDetails} />
        <FAQsSection FAQsList={FAQsList?.data} />
        {/* Contact CTA Start */}
        <ContactCTA ContactCTAContent={FAQsContent?.CONTACT_CTA} />
        {/* Contact CTA End*/}
      </main>
    </>
  );
};

export default page;