"use server";

import HeroSlider from "@/(pages)/home/swiperHero";
import { getBannersByCategory } from "@/actions/banners";
import { getProductServices } from "@/actions/services/products";
import ClientHorseCamelProducts from "@/(pages)/services/products";
import { metaObject } from "@/config/site.config";
import { getLocale, getTranslations } from "next-intl/server";

export async function generateMetadata() {
  const locale = await getLocale();
  const t = await getTranslations({
    locale,
    namespace: "SERVICES_PRODUCTS_PAGE",
  });
  return metaObject(
    t("meta_title"),
    t("meta_description"),
    undefined,
    undefined,
    "/services/products",
  );
}

export default async function HorseCamelProductsPage() {
  const [bannersRes, res] = await Promise.all([
    getBannersByCategory("products"),
    getProductServices({ page: 1, per_page: 12 }),
  ]);
  const banners = bannersRes?.data ?? [];
  const data = res.data;
  return (
    <>
      <HeroSlider banners={banners} />
      <ClientHorseCamelProducts data={data} />
    </>
  );
}