import Filter from "../filter/filter";
import FilterInfo from "../filter/filterInfo";
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 lg:flex-row flex-col lg:items-start items-center gap-5">
          {/* filter part */}
          <Filter />

          {/* main products */}
          <MainProduct />

          <FilterInfo />
        </div>
      </div>
    </div>
  );
}
