import { Title } from '../../ui/Title';

export function Distance() {
  return (
    <div className="lg:py-[70px] lg:px-10 mobile:py-14 sm:px-6 mobile:px-4">
      <Title className="desktop-figma:mb-[77px] lg:mb-14 sm:mb-6 mobile:mb-4">
        Платформа GRAFF.training поволяет осуществлять{' '}
        <span className="text-gradient">дистанционное обучение</span> с любого
        устройства
      </Title>
      <div className="xl:pl-64">
        <div className="sm:grid lg:gap-x-4 lg:gap-y-6 sm:gap-x-3 sm:gap-y-4 lg:grid-cols-2 md:max-[956px]:grid-cols-[446px_1fr]">
          <p className="text-[#ffffff] row-start-1 mobile:max-sm:mb-6 l-text">
            Обучающиеся будут получать доступ к системе с высоко
            детализированной 3D графикой для прохождения сценариев на любом
            устройстве, без необходимости установки дополнительного ПО.
          </p>
          <img
            src="src/assets/datamining_2.png"
            alt="дистанционное обучение с любого устройства"
            className="row-start-2 mobile:max-sm:mb-4 w-full"
          />
          <img
            src="src/assets/datamining_1.png"
            alt="дистанционное обучение с любого устройства"
            className="row-start-2 col-start-2 h-full w-full"
          />
        </div>
      </div>
    </div>
  );
}