"use client";

import { useTranslations } from "next-intl";
import SectionTitle from "../sectionTitle/SectionTitle";
import LastProjectSlider from "./LastProjectSlider";

const LastPro = ({
  homeData,
  homeData2,
}: {
  homeData: any;
  homeData2: any;
}) => {
  const t = useTranslations("LastProjects");

  return (
    <div
      className="container mx-auto flex flex-col justify-center items-center 
    md:px-[35px]  lg:px-[50px]  xl:!px-[120px]   2xl:p-0 gap-9 md:gap-12  mt-[48px] lg:mt-[120px]  
    "
    >
      <SectionTitle
        title={homeData?.locales.name}
        description={homeData?.locales.description}
      />

      <LastProjectSlider homeData2={homeData2} />
    </div>
  );
};

export default LastPro;