first commit

2025-06-26 06:59:59 +03:00
commit d44874775c
450 changed files with 76635 additions and 0 deletions
--- a/src/components/payments/DeliveryInfo.tsx
+++ b/src/components/payments/DeliveryInfo.tsx
@ -0,0 +1,39 @@
+import React from "react";
+
+const DeliveryInfo = () => (
+  <div className="w-layout-hflex flex-block-69-copy">
+    <h2 className="heading-13">Доставка</h2>
+    <div className="text-block-38">Мы заботимся о вашем времени и комфорте, поэтому предлагаем удобные варианты доставки</div>
+    <div className="w-layout-hflex flex-block-83">
+      <div className="w-layout-hflex flex-block-71">
+        <h4 className="heading-15">В пределах Москвы и области</h4>
+        <div className="div-block-24">
+          <div className="text-block-41">Собственная доставка на следующий день после заказа</div>
+        </div>
+        <div className="div-block-24">
+          <div className="text-block-42">Стоимость доставки зависит от суммы заказа</div>
+        </div>
+        <div className="div-block-24">
+          <div className="text-block-43">Подробности уточняйте у менеджера</div>
+        </div>
+      </div>
+      <div className="w-layout-hflex flex-block-71">
+        <h4 className="heading-15">В регионы</h4>
+        <div className="div-block-24">
+          <div className="text-block-44">СДЕК, ПОЧТА, Деловые линии</div>
+        </div>
+        <div className="div-block-24">
+          <div className="text-block-45">Доставка транспортными компаниями</div>
+        </div>
+        <div className="div-block-24">
+          <div className="text-block-46">Заказы, оформленные до 12:00, доставляем в тот же день</div>
+        </div>
+        <div className="div-block-24">
+          <div className="text-block-46">Доставка в ТК – бесплатно</div>
+        </div>
+      </div>
+    </div>
+  </div>
+);
+
+export default DeliveryInfo; 
--- a/src/components/payments/InfoPayments.tsx
+++ b/src/components/payments/InfoPayments.tsx
@ -0,0 +1,26 @@
+import React from "react";
+
+const InfoPayments = () => (
+  <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 InfoPayments; 
--- a/src/components/payments/PaymentsCompony.tsx
+++ b/src/components/payments/PaymentsCompony.tsx
@ -0,0 +1,13 @@
+import React from "react";
+
+const PaymentsCompony = () => (
+  <div className="w-layout-hflex flex-block-94">
+    <div className="div-block-31"><img src="/images/Group-9.png" loading="lazy" alt="" className="image-18" /></div>
+    <div className="div-block-31"><img src="/images/Group.png" loading="lazy" alt="" className="image-18" /></div>
+    <div className="div-block-31"><img src="/images/Group-8.png" loading="lazy" alt="" className="image-18" /></div>
+    <div className="div-block-31"><img src="/images/Group-1.png" loading="lazy" alt="" className="image-18" /></div>
+    <div className="div-block-31"><img src="/images/Clip-path-group.png" loading="lazy" alt="" className="image-18" /></div>
+  </div>
+);
+
+export default PaymentsCompony; 
--- a/src/components/payments/PaymentsDetails.tsx
+++ b/src/components/payments/PaymentsDetails.tsx
@ -0,0 +1,55 @@
+import React from "react";
+
+const PaymentsDetails = () => (
+  <div className="w-layout-vflex flex-block-72">
+    <div className="w-layout-vflex flex-block-73-copy-copy">
+      <div className="w-layout-hflex flex-block-74">
+        <h3 className="heading-14">Для физических лиц</h3>
+        <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 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">По QR-коду через мобильное приложение банка</div>
+        </div>
+      </div>
+    </div>
+    <div className="w-layout-vflex flex-block-73-copy-copy">
+      <div className="w-layout-hflex flex-block-74">
+        <h3 className="heading-14">Для юридических лиц</h3>
+        <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">Доплата при оплате с НДС не требуется</div>
+        </div>
+      </div>
+    </div>
+    <div className="w-layout-vflex flex-block-73-copy-copy-red">
+      <div className="w-layout-hflex flex-block-74">
+        <h3 className="heading-14-white">Важно</h3>
+        <div className="w-layout-hflex flex-block-75">
+          <div className="code-embed-3-white w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z" fill="currentColor"/></svg></div>
+          <div className="text-block-36-white">100% предоплата для всех заказов</div>
+        </div>
+        <div className="w-layout-hflex flex-block-75">
+          <div className="code-embed-3-white w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z" fill="currentColor"/></svg></div>
+          <div className="text-block-36-white">Предоплата меньшего размера только для предзаказа</div>
+        </div>
+      </div>
+    </div>
+  </div>
+);
+
+export default PaymentsDetails;