import PlanningHeader from "./PlanningHeader";
// import PackagesGrid from "./PackagesGrid";
import PackagesSliderClient from "./PackagesSlider";
import { CMSItem } from "@/types/cms";
import { filterCmsSection } from "@/services/cmsService";

export default function PlanningSection({ cms }: { cms: CMSItem[] }) {
  const packagesCms = filterCmsSection(cms, "packages");

  return (
    <section
      id="our-packages"
      className="container-padding-x flex flex-col gap-5 md:gap-10 my-10 lg:my-20"
    >
      <PlanningHeader cms={packagesCms} />
      {/* <PackagesGrid /> */}
      <PackagesSliderClient />
    </section>
  );
}