import AboutUsImageSection from "./AboutUsImageSection";
import AboutUsContent from "./AboutUsContent";
import { CMSItem } from "@/types/cms";
import { filterCmsSection } from "@/services/cmsService";

export default function AboutUsSection({ cms }: { cms: CMSItem[] }) {
  const servicesCms = filterCmsSection(cms, "services");

  return (
    <section id="about-us" className="container-padding-x my-10 lg:my-20 lg:pt-5 lg:pb-24 md:pb-29 pb-13.5 grid grid-cols-1 lg:grid-cols-2 gap-5 lg:gap-10">
      <AboutUsImageSection cms={servicesCms} />
      <AboutUsContent cms={servicesCms} />
    </section>
  );
}