import Filter from "../filter/filter";
import MainProduct from "./mianProduct";

export function Products() {
  return (
    <div className="bg-[#1e1d1c] pb-10 pt-5 px-2">
      <div className="max-w-300 mx-auto w-full z-20 relative">
        <div className="flex flex-col items-start gap-2">
          {/* filter part */}
          <Filter />

          {/* main products */}
          <MainProduct />
        </div>
      </div>
    </div>
  );
}