import Container from "@/components/reusableComponent/Container"
import SectionTitle from "@/components/sectionTitle/SectionTitle"
import { getPrivacyData } from "@/lib/serverActions"
import { getTranslations } from "next-intl/server"

// export async function generateMetadata({ params }: any): Promise<Metadata> {
//   const t = await getTranslations("meta");
//   return {
//     title: t("privacy.title"),
//     description: t("privacy.description"),
//     keywords: [
//       t("privacy.privacy_policy"),
//       t("privacy.data_protection"),
//       t("privacy.personal_information"),
//       t("privacy.R&H_privacy"),
//     ],
//   };
// }

export default async function Page({ params }: any) {
    const { locale } = await params
    const t = await getTranslations("privacy")

    const data = await getPrivacyData(locale)
 
    return (
        <Container className="!pt-[48px] flex flex-col !gap-12 !px-11 mb-[120px]">
            {/* <Banner img={data?.data?.header?.image?.original_url} title={t("title")} description={data?.data?.header?.text} /> */}
            {/* <Banner
        img={data?.data?.header?.image?.original_url || pic1}
        title={t("title")}
        description={data?.data?.header?.description}
      />

      <div className="mt-[100px] text-white ">
        <p>{data?.data?.data?.text}</p>
        <p className="mt-5">{data?.data?.data?.info}</p>
      </div> */}

            <SectionTitle
                title={data?.data?.headers?.["privacy-policy-page"]?.locales?.name}
                description={data?.data?.headers?.["privacy-policy-page"]?.locales?.description}
                
            />

            <div className="flex flex-col">
                <span className="text-dark md:text-[15px]  xl:text-[40px] lg:text-[30px] font-normal">
                    {data?.data?.data?.["privacy-policy"]?.locales?.name}
                </span>
                {/* <span className="text-dark text-[20px] font-light">
                    <span className="mr-2">&#8226;</span>
                    Data Collection:
                </span> */}
                <span className="text-dark text-[15px] font-extralight ml-7   xl:text-[40px] lg:text-[30px] ">
                    <span className=" text-[15px] font-light flex">
                        {/* <span className="mr-2">&#8226;</span> */}
                        <span
                            dangerouslySetInnerHTML={{
                                __html: data?.data?.data?.["privacy-policy"]?.locales?.description,
                            }}
                        ></span>
                    </span>
                </span>
            </div>
        </Container>
    )
}