import React from "react";

const ProductOfDaySection: React.FC = () => (
  <section className="main">
    <div className="w-layout-blockcontainer batd w-container">
      <div className="w-layout-hflex flex-block-108">
        <div data-delay="4000" data-animation="slide" className="slider w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true">
          <div className="mask w-slider-mask">
            <div className="slide w-slide">
              <div className="div-block-128"></div>
            </div>
            <div className="w-slide"></div>
            <div className="w-slide"></div>
          </div>
          <div className="left-arrow w-slider-arrow-left">
            <div className="div-block-34">
              <div className="code-embed-14 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16.6673 10H3.33398M3.33398 10L8.33398 5M3.33398 10L8.33398 15" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"></path>
                </svg></div>
            </div>
          </div>
          <div className="right-arrow w-slider-arrow-right">
            <div className="div-block-34 right">
              <div className="code-embed-14 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16.6673 10H3.33398M3.33398 10L8.33398 5M3.33398 10L8.33398 15" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"></path>
                </svg></div>
            </div>
          </div>
          <div className="slide-nav w-slider-nav w-slider-nav-invert w-round"></div>
        </div>
        <div className="div-block-129">
          <div className="w-layout-hflex flex-block-109">
            <h1 className="heading-18">ТОВАРЫ ДНЯ</h1>
            <div className="saletag">-35%</div>
          </div>
          <div className="w-layout-hflex flex-block-110">
            <div className="w-layout-vflex flex-block-111">
              <div className="w-layout-hflex flex-block-16">
                <div className="text-block-8">от 17 087 ₽</div>
                <div className="text-block-9">22 347 ₽</div>
              </div>
              <div className="text-block-10">Аккумуляторная батарея TYUMEN BATTERY &quot;STANDARD&quot;, 6CT-60L, 60</div>
            </div><img width="Auto" height="Auto" alt="" src="/images/162615.webp" loading="lazy" srcSet="/images/162615-p-500.webp 500w, /images/162615.webp 600w" sizes="(max-width: 600px) 100vw, 600px" className="image-5-copy" />
          </div>
          <div className="w-layout-hflex flex-block-125">
            <div className="div-block-134">
              <div className="code-embed-17 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16.6673 10H3.33398M3.33398 10L8.33398 5M3.33398 10L8.33398 15" stroke="currentcolor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"></path>
                </svg></div>
            </div>
            <div className="div-block-134-copy">
              <div className="code-embed-17 w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16.6673 10H3.33398M3.33398 10L8.33398 5M3.33398 10L8.33398 15" stroke="currentcolor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"></path>
                </svg></div>
            </div>
            <div className="w-layout-hflex flex-block-126">
              <div className="div-block-135"></div>
              <div className="div-block-135"></div>
            </div>
          </div>
        </div>
      </div>
        </div>
    </section>
);

export default ProductOfDaySection;