import ProductFilter from "./Filter";
import Static from "./Static";
import FAQ from "./FAQ";
import Banner from "./Banner";
import SortByCollection from "./Sort";
import ProductList from "./Product";
import Paging from "./Paging";

export default function ProductCategory({ slug }: { slug: string }) {

    return(
        <div className="product-page container">
            <h1 className="text-[#004BA4] text-[32px] leading-10 mb-4 font-600">
                PC THIẾT KẾ ĐỒ HỌA 3D
            </h1>

            <div className="product-page-content flex flex-wrap items-start gap-4 mb-5">
                <div className="col-left-group w-[264px] rounded-[16px] bg-white p-4 pb-6">
                    <ProductFilter />
                </div>

                <div className="col-right-group w-[968px]">
                    <div className="box-item rounded-[24px] bg-white px-6 pt-4 pb-8 mb-4">
                        <Banner />

                        <SortByCollection />
                        
                        <ProductList />

                        <Paging />
                    </div>

                    <Static />
                </div>
            </div>

            <FAQ />
        </div>
    )
}