import LayoutDefault from "@/components/Layouts/LayoutDefault";
import SubCategoryProductListBanner from "@/modules/SubCategory/SubCategoryProductList/SubCategoryProductListBanner";
import { SubCategoryProductListProvider } from "@/modules/SubCategory/SubCategoryProductList/SubCategoryProductListContext";
import SubCategoryProductListFilter from "@/modules/SubCategory/SubCategoryProductList/SubCategoryProductListFilter";
import SubCategoryProductListModalFilter from "@/modules/SubCategory/SubCategoryProductList/SubCategoryProductListModalFilter";
import SubCategoryProductListModalFilterCountry from "@/modules/SubCategory/SubCategoryProductList/SubCategoryProductListModalFilterCountry";
import SubCategoryProductListModalSort from "@/modules/SubCategory/SubCategoryProductList/SubCategoryProductListModalFilterSort";
import SubCategoryProductLists from "@/modules/SubCategory/SubCategoryProductList/SubCategoryProductLists";
import React from "react";
import { withProviders } from "utils/withProviders";

const ListCategoryProductPage = () => {
  return (
    <LayoutDefault
      meta={{
        title: AppsName+"Instagram",
      }}
      navbarHeader={{
        showLogo: false,
        showBackButton: true,
        showBackground: false,
        title: "Instagram Follower",
        showCart: true,
        variant: "black",
      }}>
      <SubCategoryProductListBanner />
      <SubCategoryProductListFilter />
      <SubCategoryProductLists />
      <SubCategoryProductListModalSort />
      <SubCategoryProductListModalFilter />
      <SubCategoryProductListModalFilterCountry />
    </LayoutDefault>
  );
};

export default withProviders(SubCategoryProductListProvider)(
  ListCategoryProductPage
);