import React from "react";

const AnalogueBlock: React.FC = () => (
  <>
    <h2 className="heading-11">Аналлоги от других производителей</h2>
    {/* Аналог 1: AIX */}
    <div className="w-layout-hflex core-product-search-s2">
      <div className="w-layout-vflex core-product">
        <div className="w-layout-vflex flex-block-47">
          <div className="div-block-19"><img src="/images/info.svg" loading="lazy" alt="" className="image-9" /></div>
          <div className="w-layout-vflex flex-block-50">
            <div className="w-layout-hflex">
              <h3 className="heading-10 name">AIX</h3>
              <h3 className="heading-10">AIX10127</h3>
            </div>
            <div className="text-block-21">Кольцо уплотнительное клапанной крышки Chevrolet</div>
          </div>
        </div>
      </div>
      <div className="w-layout-vflex flex-block-48">
        <div className="w-layout-hflex sort-list">
          <div className="w-layout-hflex flex-block-49">
            <div className="sort-item first">Рейтинг</div>
            <div className="sort-item">Наличие</div>
            <div className="sort-item">Доставка</div>
          </div>
          <div className="sort-item price">Цена</div>
        </div>
        <div className="w-layout-vflex product-list-search">
          <div className="w-layout-hflex product-item-search">
            <div className="w-layout-hflex flex-block-81">
              <div className="w-layout-hflex info-block-search-copy">
                <div className="w-layout-hflex raiting"><img src="/images/Star-1.svg" loading="lazy" alt="" className="image-8" />
                  <div className="text-block-22">4,8</div>
                </div>
                <div className="pcs-search">444 шт</div>
                <div className="pcs-search">5 дней</div>
              </div>
              <div className="w-layout-hflex info-block-product-card-search">
                <div className="w-layout-hflex item-recommend"><img src="/images/ri_refund-fill.svg" loading="lazy" alt="" /></div>
                <div className="text-block-25">Рекомендуем</div>
              </div>
              <div className="price">от 17 323 ₽</div>
            </div>
            <div className="w-layout-hflex add-to-cart-block">
              <div className="w-layout-hflex flex-block-82">
                <div className="w-layout-hflex pcs-re-s1">
                  <div className="minus-plus"><img src="/images/minus_icon.svg" loading="lazy" alt="" /></div>
                  <div className="input-pcs">
                    <div className="text-block-26">1</div>
                  </div>
                  <div className="minus-plus"><img src="/images/plus_icon.svg" loading="lazy" alt="" /></div>
                </div>
                <a href="#" className="button-icon w-inline-block"><img loading="lazy" src="/images/cart_icon.svg" alt="" className="image-11" /></a>
              </div>
            </div>
          </div>
        </div>
        <div className="w-layout-hflex show-more-search">
          <div className="text-block-27">Ещё предложения от 4726 руб и 5 дней</div><img src="/images/arrow_drop_down.svg" loading="lazy" alt="" />
        </div>
      </div>
    </div>
    {/* Аналог 2 */}
    <div className="w-layout-hflex core-product-search-s2">
      <div className="w-layout-vflex core-product">
        <div className="w-layout-vflex flex-block-47">
          <div className="div-block-19"><img src="/images/info.svg" loading="lazy" alt="" className="image-9" /></div>
          <div className="w-layout-vflex flex-block-50">
            <div className="w-layout-hflex">
              <h3 className="heading-10 name">ABSEL</h3>
              <h3 className="heading-10">WG052006K</h3>
            </div>
            <div className="text-block-21">Комплект ремня ГРМ</div>
          </div>
        </div>
      </div>
      <div className="w-layout-vflex flex-block-48">
        <div className="w-layout-hflex sort-list">
          <div className="w-layout-hflex flex-block-49">
            <div className="sort-item first">Рейтинг</div>
            <div className="sort-item">Наличие</div>
            <div className="sort-item">Доставка</div>
          </div>
          <div className="sort-item price">Рейтинг</div>
        </div>
        <div className="w-layout-vflex product-list-search">
          <div className="w-layout-hflex product-item-search">
            <div className="w-layout-hflex flex-block-81">
              <div className="w-layout-hflex info-block-search-copy">
                <div className="w-layout-hflex raiting"><img src="/images/Star-1.svg" loading="lazy" alt="" className="image-8" />
                  <div className="text-block-22">4,8</div>
                </div>
                <div className="pcs-search">444 шт</div>
                <div className="pcs-search">5 дней</div>
              </div>
              <div className="w-layout-hflex info-block-product-card-search">
                <div className="w-layout-hflex item-recommend"><img src="/images/ri_refund-fill.svg" loading="lazy" alt="" /></div>
                <div className="text-block-25">Рекомендуем</div>
              </div>
              <div className="price">от 17 323 ₽</div>
            </div>
            <div className="w-layout-hflex add-to-cart-block">
              <div className="w-layout-hflex flex-block-82">
                <div className="w-layout-hflex pcs-re-s1">
                  <div className="minus-plus"><img src="/images/minus_icon.svg" loading="lazy" alt="" /></div>
                  <div className="input-pcs">
                    <div className="text-block-26">1</div>
                  </div>
                  <div className="minus-plus"><img src="/images/plus_icon.svg" loading="lazy" alt="" /></div>
                </div>
                <a href="#" className="button-icon w-inline-block"><img loading="lazy" src="/images/cart_icon.svg" alt="" className="image-11" /></a>
              </div>
            </div>
          </div>
        </div>
        <div className="w-layout-hflex show-more-search">
          <div className="text-block-27">Ещё предложения от 4726 руб и 5 дней</div><img src="/images/arrow_drop_down.svg" loading="lazy" alt="" />
        </div>
      </div>
    </div>
    {/* Аналог 3 */}
    <div className="w-layout-hflex core-product-search-s2">
      <div className="w-layout-vflex core-product">
        <div className="w-layout-vflex flex-block-47">
          <div className="div-block-19"><img src="/images/info.svg" loading="lazy" alt="" className="image-9" /></div>
          <div className="w-layout-vflex flex-block-50">
            <div className="w-layout-hflex">
              <h3 className="heading-10 name">Ganz</h3>
              <h3 className="heading-10">GIE34006</h3>
            </div>
            <div className="text-block-21">РЕМКОМПЛЕКТ ГРМ VAG+SKODA 2012- MOT.1,2TSI/1,4TSI</div>
          </div>
        </div>
      </div>
      <div className="w-layout-vflex flex-block-48">
        <div className="w-layout-hflex sort-list">
          <div className="w-layout-hflex flex-block-49">
            <div className="sort-item first">Рейтинг</div>
            <div className="sort-item">Наличие</div>
            <div className="sort-item">Доставка</div>
          </div>
          <div className="sort-item price">Рейтинг</div>
        </div>
        <div className="w-layout-vflex product-list-search">
          <div className="w-layout-hflex product-item-search">
            <div className="w-layout-hflex flex-block-81">
              <div className="w-layout-hflex info-block-search-copy">
                <div className="w-layout-hflex raiting"><img src="/images/Star-1.svg" loading="lazy" alt="" className="image-8" />
                  <div className="text-block-22">4,8</div>
                </div>
                <div className="pcs-search">444 шт</div>
                <div className="pcs-search">5 дней</div>
              </div>
              <div className="w-layout-hflex info-block-product-card-search">
                <div className="w-layout-hflex item-recommend"><img src="/images/ri_refund-fill.svg" loading="lazy" alt="" /></div>
                <div className="text-block-25">Рекомендуем</div>
              </div>
              <div className="price">от 17 323 ₽</div>
            </div>
            <div className="w-layout-hflex add-to-cart-block">
              <div className="w-layout-hflex flex-block-82">
                <div className="w-layout-hflex pcs-re-s1">
                  <div className="minus-plus"><img src="/images/minus_icon.svg" loading="lazy" alt="" /></div>
                  <div className="input-pcs">
                    <div className="text-block-26">1</div>
                  </div>
                  <div className="minus-plus"><img src="/images/plus_icon.svg" loading="lazy" alt="" /></div>
                </div>
                <a href="#" className="button-icon w-inline-block"><img loading="lazy" src="/images/cart_icon.svg" alt="" className="image-11" /></a>
              </div>
            </div>
          </div>
        </div>
        <div className="w-layout-hflex show-more-search">
          <div className="text-block-27">Ещё предложения от 4726 руб и 5 дней</div><img src="/images/arrow_drop_down.svg" loading="lazy" alt="" />
        </div>
      </div>
    </div>
    {/* Аналог 4 */}
    <div className="w-layout-hflex core-product-search-s2">
      <div className="w-layout-vflex core-product">
        <div className="w-layout-vflex flex-block-47">
          <div className="div-block-19"><img src="/images/info.svg" loading="lazy" alt="" className="image-9" /></div>
          <div className="w-layout-vflex flex-block-50">
            <div className="w-layout-hflex">
              <h3 className="heading-10 name">Gates</h3>
              <h3 className="heading-10">K015680XS</h3>
            </div>
            <div className="text-block-21">Ремень ГРМ [163 зуб.,20mm] + 2 ролика + крепеж 788</div>
          </div>
        </div>
      </div>
      <div className="w-layout-vflex flex-block-48">
        <div className="w-layout-hflex sort-list">
          <div className="w-layout-hflex flex-block-49">
            <div className="sort-item first">Рейтинг</div>
            <div className="sort-item">Наличие</div>
            <div className="sort-item">Доставка</div>
          </div>
          <div className="sort-item price">Рейтинг</div>
        </div>
        <div className="w-layout-vflex product-list-search">
          <div className="w-layout-hflex product-item-search">
            <div className="w-layout-hflex flex-block-81">
              <div className="w-layout-hflex info-block-search-copy">
                <div className="w-layout-hflex raiting"><img src="/images/Star-1.svg" loading="lazy" alt="" className="image-8" />
                  <div className="text-block-22">4,8</div>
                </div>
                <div className="pcs-search">444 шт</div>
                <div className="pcs-search">5 дней</div>
              </div>
              <div className="w-layout-hflex info-block-product-card-search">
                <div className="w-layout-hflex item-recommend"><img src="/images/ri_refund-fill.svg" loading="lazy" alt="" /></div>
                <div className="text-block-25">Рекомендуем</div>
              </div>
              <div className="price">от 17 323 ₽</div>
            </div>
            <div className="w-layout-hflex add-to-cart-block">
              <div className="w-layout-hflex flex-block-82">
                <div className="w-layout-hflex pcs-re-s1">
                  <div className="minus-plus"><img src="/images/minus_icon.svg" loading="lazy" alt="" /></div>
                  <div className="input-pcs">
                    <div className="text-block-26">1</div>
                  </div>
                  <div className="minus-plus"><img src="/images/plus_icon.svg" loading="lazy" alt="" /></div>
                </div>
                <a href="#" className="button-icon w-inline-block"><img loading="lazy" src="/images/cart_icon.svg" alt="" className="image-11" /></a>
              </div>
            </div>
          </div>
        </div>
        <div className="w-layout-hflex show-more-search">
          <div className="text-block-27">Ещё предложения от 4726 руб и 5 дней</div><img src="/images/arrow_drop_down.svg" loading="lazy" alt="" />
        </div>
      </div>
    </div>
  </>
);

export default AnalogueBlock; 