first commit

src/components/about/AboutIntro.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import Link from 'next/link';
+const AboutIntro = () => (
+  <div className="w-layout-hflex flex-block-69">
+    <div className="w-layout-vflex flex-block-68">
+      <div className="text-block-36">
+        Наши клиенты — как крупные поставщики, так и небольшие магазины, сервисные центры и СТО — получают возможность эффективно находить своих покупателей. Мы обеспечиваем своевременную поставку подходящих запчастей по привлекательным ценам.<br /><br />Мы стремимся сделать процесс покупок и продаж максимально выгодным и надёжным для всех участников. Контроль качества продукции, гарантия оплаты и соблюдение условий возврата в соответствии с законодательством — наши приоритеты.
+      </div>
+      <Link href="/catalog" legacyBehavior>
+        <a  className="submit-button w-button">Перейти в каталог запчастей</a>
+      </Link>
+    </div>
+    <img src="/images/auto_protek.png" loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 830px" srcSet="/images/auto_protek-p-500.png 500w, /images/auto_protek-p-800.png 800w, /images/auto_protek.png 830w" alt="" className="image-14" />
+  </div>
+);
+
+export default AboutIntro;