import CategoriesData from "@comp/AppsComponent/CategoriesData/page";
import React from "react";

export async function generateMetadata({ params }) {
  const decodedName = decodeURIComponent(params.id[1]);

  return {
    title: decodedName,
    description: `  خرید ${decodedName}| برندهای متنوع با پایین ترین قیمت | فروشگاه اینترنتی وسمه`,
    metadataBase: new URL(
      `https://www.vesmeh.com/categories/${params.id[0]}/${decodedName}`
    ),
    keywords: [
      "آرایشی",
      "بهداشت خانگی",
      "محصولات زیبایی",
      "لوازم تمیزی",
      "مراقبت شخصی",
    ],
    openGraph: {
      title: decodedName,
      description: `  خرید ${decodedName}| برندهای متنوع با پایین ترین قیمت | فروشگاه اینترنتی وسمه`,
      url: `https://www.vesmeh.com/categories/${params.id[0]}/${decodedName}`,
      type: "website",
    },
    twitter: {
      site: "@vesmehstore",
      description: `  خرید ${decodedName}| برندهای متنوع با پایین ترین قیمت | فروشگاه اینترنتی وسمه`,
      title: decodedName,
      creator: "@vesmehstore",
    },
  };
}

const page = ({ params }) => {
  return (
    <div>
      <CategoriesData params={params} />
    </div>
  );
};

export default page;
