const AboutUs = () => {
  return (
    <section className="flex flex-col w-[1440px] mx-auto pb-20">
      <div className="text-white flex justify-center py-40">
        <div className="flex flex-col">
          <h2 className="font-semibold text-white text-7xl pb-10">
            К нам приходят
          </h2>
          <p className="text-wrap w-full text-2xl">
            Когда нужно продать то, что еще не построено, презентовать то, что
            еще не создано, разработать технологичные и эффективные визуальные
            решения для продвижения бизнеса.
          </p>
        </div>
        <img
          className="w-full"
          src="https://thumb.tildacdn.com/tild3666-3766-4530-a263-356432653536/-/resize/820x/-/format/webp/A81I0037_2.jpg"
          alt="img"
        />
      </div>
      <ul className="grid grid-cols-2 text-white text-[18px] gap-10">
        <li className="flex flex-row items-center gap-5 ">
          <div>
            <img
              className="w-[88px] max-w-none"
              src="https://thumb.tildacdn.com/tild6538-3462-4634-b139-386636633133/-/resize/108x/-/format/webp/Group_50.png"
              alt=""
            />
          </div>
          <div>
            Собственный штат разработчиков и полный цикл производства продукта
            внутри компании.
          </div>
        </li>
        <li className="flex flex-row items-center gap-5">
          <div>
            <img
              className="w-[88px] max-w-none"
              src="https://thumb.tildacdn.com/tild3863-3662-4136-b363-376264643236/-/resize/108x/-/format/webp/2.png"
              alt=""
            />
          </div>
          <div>Умеем работать с удалённым заказчиком.</div>
        </li>
        <li className="flex flex-row items-center gap-5">
          <div>
            <img
              className="w-[88px] max-w-none"
              src="https://thumb.tildacdn.com/tild6337-6133-4233-a334-376437313564/-/resize/108x/-/format/webp/3.png"
              alt=""
            />
          </div>
          <div>Работа над международными проектами.</div>
        </li>
        <li className="flex flex-row items-center gap-5">
          <div>
            <img
              className="w-[88px] max-w-none"
              src="https://thumb.tildacdn.com/tild6637-3165-4164-b537-326461633832/-/resize/108x/-/format/webp/14.png"
              alt=""
            />
          </div>
          <div>14 лет разрабатываем интерактивный контент.</div>
        </li>
      </ul>
    </section>
  );
};

export default AboutUs;
