first commit

2025-06-26 06:59:59 +03:00
commit d44874775c
450 changed files with 76635 additions and 0 deletions
--- a/src/components/wholesale/DescWholesale.tsx
+++ b/src/components/wholesale/DescWholesale.tsx
@ -0,0 +1,38 @@
+import React from "react";
+
+const DescWholesale = () => (
+  <div className="w-layout-vflex flex-block-72">
+    <div className="w-layout-vflex desc-wholesale">
+      <div className="w-layout-hflex flex-block-74">
+        <h3 className="heading-14">Оптовые поставки автозапчастей более 35 000 000 наименований</h3>
+        <div className="text-block-36">Масштабный складской запас более полумиллиарда позиций автозапчастей открывает широкие возможности для развития вашего бизнеса!</div>
+        <div className="w-layout-vflex flex-block-95">
+          <div className="w-layout-hflex flex-block-75">
+            <div className="code-embed-3 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12C3 14.3869 3.94821 16.6761 5.63604 18.364C7.32387 20.0518 9.61305 21 12 21ZM11.768 15.64L16.768 9.64L15.232 8.36L10.932 13.519L8.707 11.293L7.293 12.707L10.293 15.707L11.067 16.481L11.768 15.64Z" fill="currentColor" /></svg></div>
+            <div className="text-block-36">Доставка по всей России</div>
+          </div>
+          <div className="w-layout-hflex flex-block-75">
+            <div className="code-embed-3 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12C3 14.3869 3.94821 16.6761 5.63604 18.364C7.32387 20.0518 9.61305 21 12 21ZM11.768 15.64L16.768 9.64L15.232 8.36L10.932 13.519L8.707 11.293L7.293 12.707L10.293 15.707L11.067 16.481L11.768 15.64Z" fill="currentColor" /></svg></div>
+            <div className="text-block-36">Вычет НДС 20%</div>
+          </div>
+          <div className="w-layout-hflex flex-block-75">
+            <div className="code-embed-3 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12C3 14.3869 3.94821 16.6761 5.63604 18.364C7.32387 20.0518 9.61305 21 12 21ZM11.768 15.64L16.768 9.64L15.232 8.36L10.932 13.519L8.707 11.293L7.293 12.707L10.293 15.707L11.067 16.481L11.768 15.64Z" fill="currentColor" /></svg></div>
+            <div className="text-block-36">Напрямую с 200+ оптовых складов</div>
+          </div>
+          <div className="w-layout-hflex flex-block-75">
+            <div className="code-embed-3 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12C3 14.3869 3.94821 16.6761 5.63604 18.364C7.32387 20.0518 9.61305 21 12 21ZM11.768 15.64L16.768 9.64L15.232 8.36L10.932 13.519L8.707 11.293L7.293 12.707L10.293 15.707L11.067 16.481L11.768 15.64Z" fill="currentColor" /></svg></div>
+            <div className="text-block-36">Закрывающие документы</div>
+          </div>
+          <div className="w-layout-hflex flex-block-75">
+            <div className="code-embed-3 w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12C3 14.3869 3.94821 16.6761 5.63604 18.364C7.32387 20.0518 9.61305 21 12 21ZM11.768 15.64L16.768 9.64L15.232 8.36L10.932 13.519L8.707 11.293L7.293 12.707L10.293 15.707L11.067 16.481L11.768 15.64Z" fill="currentColor" /></svg></div>
+            <div className="text-block-36">Персональный менеджер</div>
+          </div>
+        </div>
+        <a href="#" className="submit-button-copy w-button">Получить доступ к оптовым ценам</a>
+      </div>
+    </div>
+    <div className="w-layout-vflex image-wholesale"></div>
+  </div>
+);
+
+export default DescWholesale; 
--- a/src/components/wholesale/HowToBuy.tsx
+++ b/src/components/wholesale/HowToBuy.tsx
@ -0,0 +1,26 @@
+import React from "react";
+
+const HowToBuy = () => (
+    <div className="w-layout-hflex flex-block-96">
+    <h2 className="heading-13">Как покупать по оптовой цене</h2>
+    <div className="text-block-50"><span className="text-span">Зарегистрируйтесь</span> как юридическое лицо</div>
+    <div className="div-block-33">
+      <div className="w-embed"><svg width="40" height="40" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M55 30C55 16.2 43.8 5 30 5C16.2 5 5 16.2 5 30C5 43.8 16.2 55 30 55C43.8 55 55 43.8 55 30ZM30 36.975V32.5H22.5C21.125 32.5 20 31.375 20 30C20 28.625 21.125 27.5 22.5 27.5H30V23.025C30 21.9 31.35 21.35 32.125 22.15L39.1 29.125C39.6 29.625 39.6 30.4 39.1 30.9L32.125 37.875C31.9488 38.0478 31.7253 38.1645 31.4829 38.2105C31.2404 38.2564 30.9897 38.2296 30.7625 38.1334C30.5352 38.0371 30.3416 37.8758 30.2059 37.6696C30.0702 37.4635 29.9986 37.2218 30 36.975Z" fill="currentColor" /></svg></div>
+    </div>
+    <div className="text-block-50"><span className="text-span-2">Подберите запчасти</span> или воспользуйтесь <span className="text-span-3">помощью</span></div>
+    <div className="div-block-33">
+      <div className="w-embed"><svg width="40" height="40" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M55 30C55 16.2 43.8 5 30 5C16.2 5 5 16.2 5 30C5 43.8 16.2 55 30 55C43.8 55 55 43.8 55 30ZM30 36.975V32.5H22.5C21.125 32.5 20 31.375 20 30C20 28.625 21.125 27.5 22.5 27.5H30V23.025C30 21.9 31.35 21.35 32.125 22.15L39.1 29.125C39.6 29.625 39.6 30.4 39.1 30.9L32.125 37.875C31.9488 38.0478 31.7253 38.1645 31.4829 38.2105C31.2404 38.2564 30.9897 38.2296 30.7625 38.1334C30.5352 38.0371 30.3416 37.8758 30.2059 37.6696C30.0702 37.4635 29.9986 37.2218 30 36.975Z" fill="currentColor" /></svg></div>
+    </div>
+    <div className="text-block-50">Добавьте адрес доставки и оформите заказ</div>
+    <div className="div-block-33">
+      <div className="w-embed"><svg width="40" height="40" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M55 30C55 16.2 43.8 5 30 5C16.2 5 5 16.2 5 30C5 43.8 16.2 55 30 55C43.8 55 55 43.8 55 30ZM30 36.975V32.5H22.5C21.125 32.5 20 31.375 20 30C20 28.625 21.125 27.5 22.5 27.5H30V23.025C30 21.9 31.35 21.35 32.125 22.15L39.1 29.125C39.6 29.625 39.6 30.4 39.1 30.9L32.125 37.875C31.9488 38.0478 31.7253 38.1645 31.4829 38.2105C31.2404 38.2564 30.9897 38.2296 30.7625 38.1334C30.5352 38.0371 30.3416 37.8758 30.2059 37.6696C30.0702 37.4635 29.9986 37.2218 30 36.975Z" fill="currentColor" /></svg></div>
+    </div>
+    <div className="text-block-50">Скачайте счет на оплату или оплатите заказ картой</div>
+    <div className="div-block-33">
+      <div className="w-embed"><svg width="40" height="40" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M55 30C55 16.2 43.8 5 30 5C16.2 5 5 16.2 5 30C5 43.8 16.2 55 30 55C43.8 55 55 43.8 55 30ZM30 36.975V32.5H22.5C21.125 32.5 20 31.375 20 30C20 28.625 21.125 27.5 22.5 27.5H30V23.025C30 21.9 31.35 21.35 32.125 22.15L39.1 29.125C39.6 29.625 39.6 30.4 39.1 30.9L32.125 37.875C31.9488 38.0478 31.7253 38.1645 31.4829 38.2105C31.2404 38.2564 30.9897 38.2296 30.7625 38.1334C30.5352 38.0371 30.3416 37.8758 30.2059 37.6696C30.0702 37.4635 29.9986 37.2218 30 36.975Z" fill="currentColor" /></svg></div>
+    </div>
+    <div className="text-block-50">Получите заказ и закрывающие документы</div>
+  </div>
+);
+
+export default HowToBuy; 
--- a/src/components/wholesale/InfoWholesale.tsx
+++ b/src/components/wholesale/InfoWholesale.tsx
@ -0,0 +1,26 @@
+import React from "react";
+
+const InfoWholesale = () => (
+  <section className="section-info">
+  <div className="w-layout-blockcontainer container info w-container">
+    <div className="w-layout-vflex flex-block-9">
+      <div className="w-layout-hflex flex-block-7">
+        <a href="#" className="link-block w-inline-block">
+          <div>Главная</div>
+        </a>
+        <div className="text-block-3">→</div>
+        <a href="#" className="link-block-2 w-inline-block">
+          <div>Оптовым клиентам</div>
+        </a>
+      </div>
+      <div className="w-layout-hflex flex-block-8">
+        <div className="w-layout-hflex flex-block-10">
+          <h1 className="heading">Оптовым клиентам</h1>
+        </div>
+      </div>
+    </div>
+  </div>
+  </section>
+);
+
+export default InfoWholesale; 
--- a/src/components/wholesale/ServiceWholesale.tsx
+++ b/src/components/wholesale/ServiceWholesale.tsx
@ -0,0 +1,20 @@
+import React from "react";
+
+const ServiceWholesale = () => (
+  <div className="w-layout-hflex service-wholesale-block">
+  <h2 className="heading-13">Сервисы для удобной работы с нами</h2>
+  <div className="w-layout-hflex flex-block-71-copy">
+    <button className="service-wholesale">
+      <div className="text-block-41">Онлайн-проценка по API</div>
+    </button>
+    <button className="service-wholesale">
+      <div className="text-block-41">Прайс листы нашего наличия</div>
+    </button>
+    <button className="service-wholesale">
+      <div className="text-block-41">Онлайн заказ</div>
+    </button>
+  </div>
+</div>
+);
+
+export default ServiceWholesale; 
--- a/src/components/wholesale/WhyWholesale.tsx
+++ b/src/components/wholesale/WhyWholesale.tsx
@ -0,0 +1,67 @@
+import React from "react";
+
+const WhyWholesale = () => (
+  <div className="w-layout-hflex flex-block-69-copy">
+    <h2 className="heading-13">Почему оптовые покупатели выбирают PROTEK</h2>
+    <div className="w-layout-vflex why-wholesale">
+      <div className="w-layout-vflex flex-block-70">
+        <div className="div-block-32">
+          <div className="w-embed"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4167 18.417V29.7504H29.75V18.417H18.4167ZM4.25 29.7504H15.5833V18.417H4.25V29.7504ZM4.25 4.25036V15.5837H15.5833V4.25036H4.25ZM23.6017 2.39453L15.5833 10.3987L23.6017 18.417L31.62 10.3987L23.6017 2.39453Z" fill="currentColor" /></svg></div>
+        </div>
+        <h3 className="heading-14-copy">Широкий ассортимент</h3>
+        <div className="text-block-37">Все запчасти можно заказать в одном месте, с Российских и зарубежных складов</div>
+      </div>
+      <div className="w-layout-vflex flex-block-70">
+        <div className="div-block-32">
+          <div className="w-embed"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9845 2.83301C9.16453 2.83301 2.83203 9.17968 2.83203 16.9997C2.83203 24.8197 9.16453 31.1663 16.9845 31.1663C24.8187 31.1663 31.1654 24.8197 31.1654 16.9997C31.1654 9.17968 24.8187 2.83301 16.9845 2.83301ZM21.6595 23.6722L15.582 17.5805V9.91634H18.4154V16.4188L23.6712 21.6747L21.6595 23.6722Z" fill="currentColor" /></svg></div>
+        </div>
+        <h3 className="heading-14">Бесплатный подбор 24/7</h3>
+        <div className="text-block-37">Наши эксперты круглосуточно подберут нужные запчасти по VIN</div>
+      </div>
+      <div className="w-layout-vflex flex-block-70">
+        <div className="div-block-32">
+          <div className="w-embed"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9845 2.83301C9.16453 2.83301 2.83203 9.17968 2.83203 16.9997C2.83203 24.8197 9.16453 31.1663 16.9845 31.1663C24.8187 31.1663 31.1654 24.8197 31.1654 16.9997C31.1654 9.17968 24.8187 2.83301 16.9845 2.83301ZM21.6595 23.6722L15.582 17.5805V9.91634H18.4154V16.4188L23.6712 21.6747L21.6595 23.6722Z" fill="currentColor" /></svg></div>
+        </div>
+        <h3 className="heading-14">Минимальные цены и сроки</h3>
+        <div className="text-block-37">Сравнивайте предложения сотен поставщиков и выбирайте лучшие</div>
+      </div>
+      <div className="w-layout-vflex flex-block-70">
+        <div className="div-block-32">
+          <div className="w-embed"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9845 2.83301C9.16453 2.83301 2.83203 9.17968 2.83203 16.9997C2.83203 24.8197 9.16453 31.1663 16.9845 31.1663C24.8187 31.1663 31.1654 24.8197 31.1654 16.9997C31.1654 9.17968 24.8187 2.83301 16.9845 2.83301ZM21.6595 23.6722L15.582 17.5805V9.91634H18.4154V16.4188L23.6712 21.6747L21.6595 23.6722Z" fill="currentColor" /></svg></div>
+        </div>
+        <h3 className="heading-14">Широкий ассортимент</h3>
+        <div className="text-block-37">Все запчасти можно заказать в одном месте, с Российских и зарубежных складов</div>
+      </div>
+      <div className="w-layout-vflex flex-block-70">
+        <div className="div-block-32">
+          <div className="w-embed"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9845 2.83301C9.16453 2.83301 2.83203 9.17968 2.83203 16.9997C2.83203 24.8197 9.16453 31.1663 16.9845 31.1663C24.8187 31.1663 31.1654 24.8197 31.1654 16.9997C31.1654 9.17968 24.8187 2.83301 16.9845 2.83301ZM21.6595 23.6722L15.582 17.5805V9.91634H18.4154V16.4188L23.6712 21.6747L21.6595 23.6722Z" fill="currentColor" /></svg></div>
+        </div>
+        <h3 className="heading-14">Удобная доставка</h3>
+        <div className="text-block-37">До двери или в пункты выдачи транспортных компаний по всей России</div>
+      </div>
+      <div className="w-layout-vflex flex-block-70">
+        <div className="div-block-32">
+          <div className="w-embed"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9845 2.83301C9.16453 2.83301 2.83203 9.17968 2.83203 16.9997C2.83203 24.8197 9.16453 31.1663 16.9845 31.1663C24.8187 31.1663 31.1654 24.8197 31.1654 16.9997C31.1654 9.17968 24.8187 2.83301 16.9845 2.83301ZM21.6595 23.6722L15.582 17.5805V9.91634H18.4154V16.4188L23.6712 21.6747L21.6595 23.6722Z" fill="currentColor" /></svg></div>
+        </div>
+        <h3 className="heading-14">Минимальные цены и сроки</h3>
+        <div className="text-block-37">Сравнивайте предложения сотен поставщиков и выбирайте лучшие</div>
+      </div>
+      <div className="w-layout-vflex flex-block-70">
+        <div className="div-block-32">
+          <div className="w-embed"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9845 2.83301C9.16453 2.83301 2.83203 9.17968 2.83203 16.9997C2.83203 24.8197 9.16453 31.1663 16.9845 31.1663C24.8187 31.1663 31.1654 24.8197 31.1654 16.9997C31.1654 9.17968 24.8187 2.83301 16.9845 2.83301ZM21.6595 23.6722L15.582 17.5805V9.91634H18.4154V16.4188L23.6712 21.6747L21.6595 23.6722Z" fill="currentColor" /></svg></div>
+        </div>
+        <h3 className="heading-14">Лояльный возврат</h3>
+        <div className="text-block-37">Быстрый учет и возврат денег на баланс личного кабинета</div>
+      </div>
+      <div className="w-layout-vflex flex-block-70">
+        <div className="div-block-32">
+          <div className="w-embed"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9845 2.83301C9.16453 2.83301 2.83203 9.17968 2.83203 16.9997C2.83203 24.8197 9.16453 31.1663 16.9845 31.1663C24.8187 31.1663 31.1654 24.8197 31.1654 16.9997C31.1654 9.17968 24.8187 2.83301 16.9845 2.83301ZM21.6595 23.6722L15.582 17.5805V9.91634H18.4154V16.4188L23.6712 21.6747L21.6595 23.6722Z" fill="currentColor" /></svg></div>
+        </div>
+        <h3 className="heading-14">Бесплатный подбор 24/7</h3>
+        <div className="text-block-37">Наши эксперты круглосуточно подберут нужные запчасти по VIN</div>
+      </div>
+    </div>
+  </div>
+);
+
+export default WhyWholesale;