const LastProjects = () => {
  return (
    <section className="flex flex-col place-items-center mt-10">
      <h2 className="font-semibold text-white text-7xl py-10">
        Последние проекты
      </h2>
      <div className="flex flex-col gap-16">
        <div className="flex gap-10 w-full justify-center">
          <div className="flex flex-col text-white gap-5">
            <img
              src="https://thumb.tildacdn.com/tild3662-3166-4165-a533-346530303466/-/resize/570x/-/format/webp/nks.png"
              className="w-[700px]"
            />
            <button className="text-left text-4xl hover:text-[#E498FF] w-fit">
              ЖК "Rewolution Towers" НКС <br /> Девелопмент
            </button>
            <button className="text-left text-2xl hover:text-[#E498FF]">
              Интерактивная презентация для застройщика г.
              <br /> Екатеринбург
            </button>
          </div>
          <div className="flex flex-col text-white gap-5">
            <img
              src="https://thumb.tildacdn.com/tild3732-3665-4566-b232-343231333038/-/resize/570x/-/format/webp/image_3.png"
              className="w-[700px]"
            />
            <button className="text-left text-4xl hover:text-[#E498FF] w-fit">
              ЖК "Графика" Мавис
            </button>
            <button className="text-left text-2xl hover:text-[#E498FF]">
              Интерактивная презентация для жилого комплекса включает
              <br /> в себя интерактивный макет для сенсорного дисплея и<br />{" "}
              прогулку по жилому комплексу в шлеме виртуальной
              <br /> реальности.
            </button>
          </div>
        </div>
        <div className="flex flex-col text-white gap-5">
          <img
            src="https://thumb.tildacdn.com/tild6138-3138-4233-b234-636362346132/-/format/webp/image_2.png"
            alt="img"
            className="w-[1440px]"
          />
          <button className="text-left text-4xl hover:text-[#E498FF] w-fit">
            ЖК «Айвазовский» ЭНКО
          </button>
          <button className="text-left text-2xl hover:text-[#E498FF] w-fit">
            Интерактивная презентация для жилого комплекса включает <br />в себя
            интерактивный макет для сенсорного дисплея и <br />
            прогулку по жилому комплексу в шлеме виртуальной
            <br /> реальности.
          </button>
        </div>
        <button className="py-5 px-16 bg-[#ce56c2] text-[18px] w-fit m-auto flex items-center rounded-full text-white font-semibold shadow-xl shadow-[rgba(245,101,231,0.4)] hover:bg-[#b82caa] transition-all duration-300">
          Открыть все работы
        </button>
      </div>
      <div></div>
    </section>
  );
};

export default LastProjects;
