import PropertyCard from "@/components/homePage/PropertyCard";
import Container from "@/components/reusableComponent/Container";
import { getPropertiesPage } from "@/lib/serverActions";
import { PropertyItem } from "@/types/property";
import { Metadata } from "next";
import { getTranslations } from "next-intl/server";
export async function generateMetadata(): Promise<Metadata> {


    const t = await getTranslations("seo");
    return {
        title: t("listings.title"),
        description:t("listings.description "),
      keywords: [
        t("listings.Dubai_properties_for_sale"),
        t("listings.residential_and_commercial_properties"),
        t("listings.buy_villa_Dubai"),
        t("listings.apartments_for_sale_UAE"),
        t("listings.real_estate_listings")
      ]
    };
  }
export default async function propertiesPage({params}:any) {
    const { locale } = await params;
   const data = await getPropertiesPage(locale);
    const propertiesArray : PropertyItem[] =data?.data?.data

    return (
        <Container className="grid xl:grid-cols-3 md:grid-cols-2  gap-6 mb-[120px]" >
            {propertiesArray?.map((item)=>{ 
                return(
                    <PropertyCard key={item?.id} item={item}/>
            )})}
        </Container>
    )
}