first commit

src/components/contacts/InfoContacts.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+
+const InfoContacts = () => (
+  <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 InfoContacts; 

src/components/contacts/LegalContacts.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+
+const LegalContacts = () => (
+  <div className="w-layout-vflex desc-wholesale">
+    <div className="w-layout-hflex flex-block-74-copy">
+      <h3 className="heading-14">Реквизиты ООО «Протек»</h3>
+      <div className="w-layout-hflex flex-block-75">
+        <div className="text-block-36-copy">ИНН</div>
+        <div className="text-block-36">5007117840</div>
+      </div>
+      <div className="w-layout-hflex flex-block-75">
+        <div className="text-block-36-copy">ОГРН</div>
+        <div className="text-block-36">1225000146282</div>
+      </div>
+      <div className="w-layout-hflex flex-block-75">
+        <div className="text-block-36-copy">КПП</div>
+        <div className="text-block-36">500701001</div>
+      </div>
+      <div className="w-layout-hflex flex-block-75">
+        <div className="text-block-36-copy">Почтовый адрес</div>
+        <div className="text-block-36">Московская обл., г. Дмитров, ул. Чекистская 6, комната 4</div>
+      </div>
+    </div>
+  </div>
+);
+
+export default LegalContacts; 

src/components/contacts/MapContacts.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+
+const MapContacts = () => (
+  <div className="w-layout-vflex map-contacts">
+    <div className="map w-widget w-widget-map" style={{ position: 'relative', overflow: 'hidden', width: '100%', height: '100%' }}>
+      <iframe
+        src="https://yandex.ru/map-widget/v1/?ll=37.532502%2C56.339223&mode=whatshere&whatshere%5Bpoint%5D=37.532502%2C56.339223&whatshere%5Bzoom%5D=17&z=16"
+        width="100%"
+        height="100%"
+        frameBorder="0"
+        allowFullScreen
+        style={{ position: 'absolute', top: 0, left: 0 }}
+        title="Карта"
+      ></iframe>
+    </div>
+  </div>
+);
+
+export default MapContacts; 

src/components/contacts/OrderContacts.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+
+const OrderContacts = () => (
+  <div className="w-layout-vflex desc-wholesale">
+    <div className="w-layout-hflex flex-block-74-copy">
+      <h3 className="heading-14">Сделать заказ или уточнить наличие</h3>
+      <div className="w-layout-hflex flex-block-75-copy">
+        <div className="phone-contacts w-embed">
+          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M5.51667 8.99167C6.71667 11.35 8.65 13.275 11.0083 14.4833L12.8417 12.65C13.0667 12.425 13.4 12.35 13.6917 12.45C14.625 12.7583 15.6333 12.925 16.6667 12.925C17.125 12.925 17.5 13.3 17.5 13.7583V16.6667C17.5 17.125 17.125 17.5 16.6667 17.5C8.84167 17.5 2.5 11.1583 2.5 3.33333C2.5 2.875 2.875 2.5 3.33333 2.5H6.25C6.70833 2.5 7.08333 2.875 7.08333 3.33333C7.08333 4.375 7.25 5.375 7.55833 6.30833C7.65 6.6 7.58333 6.925 7.35 7.15833L5.51667 8.99167Z" fill="currentColor" />
+          </svg>
+        </div>
+        <div className="text-block-36">+7 (495) 260-20-60</div>
+        <div className="text-block-36-copy">ПН-ПТ 9:00 – 18:00, Сб 10:00 – 16:00, ВС – Выходной</div>
+      </div>
+      <h3 className="heading-14">Адрес</h3>
+      <div className="w-layout-hflex flex-block-75-copy">
+        <div className="phone-contacts w-embed">
+          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M10 2C11.8565 2 13.637 2.72245 14.9497 4.00841C16.2625 5.29437 17 7.03852 17 8.85714C17 11.696 14.7911 14.6705 10.4667 17.8476C10.332 17.9465 10.1683 18 10 18C9.83171 18 9.66796 17.9465 9.53333 17.8476C5.20889 14.6705 3 11.696 3 8.85714C3 7.03852 3.7375 5.29437 5.05025 4.00841C6.36301 2.72245 8.14348 2 10 2ZM10 6.57143C9.38116 6.57143 8.78767 6.81224 8.35008 7.2409C7.9125 7.66955 7.66667 8.25093 7.66667 8.85714C7.66667 9.46335 7.9125 10.0447 8.35008 10.4734C8.78767 10.902 9.38116 11.1429 10 11.1429C10.6188 11.1429 11.2123 10.902 11.6499 10.4734C12.0875 10.0447 12.3333 9.46335 12.3333 8.85714C12.3333 8.25093 12.0875 7.66955 11.6499 7.2409C11.2123 6.81224 10.6188 6.57143 10 6.57143Z" fill="currentColor" />
+          </svg>
+        </div>
+        <div className="text-block-36">Московская обл., г. Дмитров, ул. Чекистская 6, комната 4</div>
+      </div>
+      <a href="#" className="submit-button-copy w-button">Обратная связь</a>
+    </div>
+  </div>
+);
+
+export default OrderContacts;