import MainLayout from "@/components/layout/MainLayout";
import CategoryGrid from "@/components/home/CategoryGrid";
import AppDownloadBanner from "@/components/home/AppDownloadBanner";
import {
  DynamicHeroSlider,
  DynamicHomeSections,
} from "@/components/home/HomeClientWrappers";

export default function HomePageContent({ typeId }: { typeId?: string }) {
  return (
    <MainLayout>
      <div className="py-4 space-y-5 page-enter">
        <div className="container-custom space-y-5">
          <DynamicHeroSlider typeId={typeId} />

          {typeId == null && <CategoryGrid />}
          {/* {typeId == null && <PromoBannerCards />} */}
        </div>

        <DynamicHomeSections typeId={typeId} />

        <div className="container-custom space-y-5">
          {typeId == null && <AppDownloadBanner />}
        </div>
      </div>
    </MainLayout>
  );
}