const Footer = () => (
  <>
    {/* <footer className="section-2">
      <div className="w-layout-blockcontainer container footer w-container">
        <div className="w-layout-vflex flex-block-20">
          <div className="w-layout-hflex flex-block-18-copy-copy">
            <div className="w-layout-vflex flex-block-19">
              <img src="/images/logo_gor.svg" loading="lazy" width="320" alt="" className="image-15" />
              <div className="text-block-15">Пн-Пт 9:00 – 18:00, <br />Сб 10:00 – 16:00, Вс – выходной</div>
              <a href="#" className="link-block-5 w-inline-block">
                <div className="w-layout-hflex flex-block-3">
                  <img src="/images/phone_icon.svg" loading="lazy" alt="" className="image-23" />
                  <div className="phone">+7 (495) 260-20-60</div>
                </div>
              </a>
            </div>
            <div className="w-layout-hflex flex-block-22">
              <div className="w-layout-vflex flex-block-23">
                <div className="w-layout-hflex flex-block-86">
                  <div className="text-block-17">Покупателям</div>
                </div>
                <a href="#" className="link">Оплата</a>
                <a href="#" className="link">Возврат</a>
                <a href="#" className="link">Доставка</a>
                <div data-hover="false" data-delay="0" className="dropdown-3 w-dropdown">
                  <div className="dropdown-toggle-2 w-dropdown-toggle">
                    <div className="text-block-17">Покупателям</div>
                    <div className="code-embed-10 w-embed"><svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M2 6.74036L3.28446 5.5L9 11.0193L14.7155 5.5L16 6.74036L9 13.5L2 6.74036Z" fill="currentColor"></path></svg></div>
                  </div>
                  <nav className="dropdown-list-3 w-dropdown-list">
                    <a href="#" className="dropdown-link-2 w-dropdown-link">Оплата</a>
                    <a href="#" className="dropdown-link-2 w-dropdown-link">Возврат</a>
                    <a href="#" className="dropdown-link-2 w-dropdown-link">Доставка</a>
                  </nav>
                </div>
              </div>
              <div className="w-layout-vflex flex-block-23">
                <div className="w-layout-hflex flex-block-86">
                  <div className="text-block-17">Сотрудничество</div>
                </div>
                <a href="#" className="link">Поставщикам</a>
                <a href="#" className="link">Дилерская сеть</a>
                <a href="#" className="link">Оптовым покупателям</a>
                <div data-hover="false" data-delay="0" className="dropdown-3 w-dropdown">
                  <div className="dropdown-toggle-2 w-dropdown-toggle">
                    <div className="text-block-17">Сотрудничество</div>
                    <div className="code-embed-10 w-embed"><svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M2 6.74036L3.28446 5.5L9 11.0193L14.7155 5.5L16 6.74036L9 13.5L2 6.74036Z" fill="currentColor"></path></svg></div>
                  </div>
                  <nav className="dropdown-list-3 w-dropdown-list">
                    <a href="#" className="dropdown-link-2 w-dropdown-link">Поставщикам</a>
                    <a href="#" className="dropdown-link-2 w-dropdown-link">Дилерская сеть</a>
                    <a href="#" className="dropdown-link-2 w-dropdown-link">Оптовым покупателям</a>
                  </nav>
                </div>
              </div>
              <div className="w-layout-vflex flex-block-23">
                <div className="w-layout-hflex flex-block-86">
                  <div className="text-block-17">PROTEK</div>
                </div>
                <a href="#" className="link">Вакансии</a>
                <a href="#" className="link">О компании</a>
                <a href="#" className="link">Контакты</a>
                <div data-hover="false" data-delay="0" className="dropdown-3 w-dropdown">
                  <div className="dropdown-toggle-2 w-dropdown-toggle">
                    <div className="text-block-17">PROTEK</div>
                    <div className="code-embed-10 w-embed"><svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M2 6.74036L3.28446 5.5L9 11.0193L14.7155 5.5L16 6.74036L9 13.5L2 6.74036Z" fill="currentColor"></path></svg></div>
                  </div>
                  <nav className="dropdown-list-3 w-dropdown-list">
                    <a href="#" className="dropdown-link-2 w-dropdown-link">Вакансии</a>
                    <a href="#" className="dropdown-link-2 w-dropdown-link">О компании</a>
                    <a href="#" className="dropdown-link-2 w-dropdown-link">Контакты</a>
                  </nav>
                </div>
              </div>
              <div className="w-layout-vflex flex-block-23">
                <div className="w-layout-hflex flex-block-86">
                  <div className="text-block-17">Оферта</div>
                </div>
                <a href="#" className="link">Поставщикам</a>
                <a href="#" className="link">Поставщикам</a>
                <a href="#" className="link">Поставщикам</a>
                <div data-hover="false" data-delay="0" className="dropdown-3 w-dropdown">
                  <div className="dropdown-toggle-2 w-dropdown-toggle">
                    <div className="text-block-17">Оферта</div>
                    <div className="code-embed-10 w-embed"><svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M2 6.74036L3.28446 5.5L9 11.0193L14.7155 5.5L16 6.74036L9 13.5L2 6.74036Z" fill="currentColor"></path></svg></div>
                  </div>
                  <nav className="dropdown-list-3 w-dropdown-list">
                    <a href="#" className="dropdown-link-2 w-dropdown-link">Поставщикам</a>
                    <a href="#" className="dropdown-link-2 w-dropdown-link">Поставщикам</a>
                    <a href="#" className="dropdown-link-2 w-dropdown-link">Поставщикам</a>
                  </nav>
                </div>
              </div>
            </div>
          </div>
          <div className="w-layout-hflex flex-block-18-copy">
            <div className="w-layout-hflex flex-block-21"><img src="/images/mastercard.svg" loading="lazy" alt="" /><img src="/images/visa.svg" loading="lazy" alt="" /><img src="/images/mir.svg" loading="lazy" alt="" /></div>
            <div className="text-block-16">© 2025 Protek. Все права защищены.</div>
          </div>
        </div>
      </div>
    </footer> */}
    {/* Новый футер под основным */}
    <footer className="section-2 text-white h-full">
    <div className="w-layout-blockcontainer container footer w-container h-full">
        <div className="mx-auto flex flex-col md:flex-row items-center md:items-end justify-between gap-2 md:gap-4 mt-2 h-full w-full">
          {/* Левая часть: логотип и контакты */}
          <div className="flex flex-col gap-4 min-w-[260px] items-center md:items-start mx-auto md:mx-0">
            <div className="flex items-center gap-2">
              <img src="/images/logo_gor.svg" alt="Protek Авто" className="h-10" />
              {/* <span className="bg-[#EC1C24] text-white font-bold rounded px-2 py-1 ml-2 text-sm">АВТО</span> */}
            </div>
            <div className="text-xs opacity-80 leading-tight">ООО «Протек» ИНН 5007117840<br />ОРГН 1225000146282</div>
            <div className="font-semibold mt-2">Есть вопросы или предложения?</div>
            <button className="bg-[#23407A] rounded-lg py-2 px-6 font-medium mt-1 mb-2">Напиши нам</button>
          </div>
          {/* Центр: меню */}
          <div className="hidden md:flex flex-1 flex-wrap gap-30 justify-center min-w-[400px]">
            <div className="flex flex-col gap-3 min-w-[150px]">
              <div className="link">Подбор по марке авто</div>
              <a href="#" className="link">Поиск по VIN</a>
              <a href="#" className="link">Добавить авто в гараж</a>
              <a href="#" className="link">Личный кабинет</a>
              <a href="#" className="link">История поиска</a>
              <a href="#" className="link">Избранное</a>
            </div>
            <div className="flex flex-col gap-3 min-w-[150px]">
              <div className="link">Детали для ТО</div>
              <a href="#" className="link">Шины</a>
              <a href="#" className="link">Диски</a>
              <a href="#" className="link">Масла и жидкости</a>
              <a href="#" className="link">Инструменты</a>
              <a href="#" className="link">Все категории</a>
            </div>
            <div className="flex flex-col gap-3 min-w-[150px]">
              <div className="link">О компании</div>
              <a href="#" className="link">Оплата и доставка</a>
              <a href="#" className="link">Гарантии и возврат</a>
              <a href="#" className="link">Оптовым клиентам</a>
              <a href="#" className="link">Покупателям</a>
              <a href="#" className="link">Контакты</a>
            </div>
          </div>
          {/* Правая часть: контакты и платежи */}
          <div className="flex flex-col gap-3 min-w-[220px] items-center md:items-end mx-auto md:mx-0">
            <div className="text-lg font-bold">+7 (495) 260-20-60</div>
            <div className="text-xs opacity-80">Ежедневно 9:00 – 21:00</div>
            <div className="text-sm font-medium">info@protekauto.ru</div>
            <div className="flex gap-3 mt-2">
              <a href="#" className="hover:opacity-80 flex items-center gap-1">
                <img src="/images/whatsapp.svg" alt="Whatsapp" className="" />
                <span className="font-medium text-sm">WhatsApp</span>
              </a>
              <a href="#" className="hover:opacity-80 flex items-center gap-1">
                <img src="/images/tg2.svg" alt="Telegram" className="" />
                <span className="font-medium text-sm">Telegram</span>
              </a>
            </div>
            <div className="flex gap-3 mt-4 items-center">
              <img src="/images/mastercard.svg" alt="Mastercard" className="h-6" />
              <img src="/images/visa.svg" alt="Visa" className="h-3" />
              <img src="/images/mir.svg" alt="Mir" className="h-3" />
            </div>
          </div>
        </div>
        <div className="mx-auto flex flex-col md:flex-row items-center md:items-start justify-between gap-2 md:gap-4 mt-5 h-full w-full">
          <div className="hidden md:flex gap-4 min-w-[260px]">
            <a href="#" className="hover:opacity-80 flex items-center gap-1">
              <img src="/images/vk.svg" alt="VK" />
          
            </a>
            <a href="#" className="hover:opacity-80 flex items-center gap-1">
              <img src="/images/tg.svg" alt="Telegram" />
             
            </a>
            <a href="#" className="hover:opacity-80 flex items-center gap-1">
              <img src="/images/ws.svg" alt="Support" />
      
            </a>
          </div>
          <div className="flex flex-col items-center md:flex-row md:items-start md:justify-center flex-1 flex-wrap gap-4 md:gap-37 md:mt-6 md:min-w-[400px]">
            <a href="#" className=" hover:underline text-xs opacity-70 text-center  md:w-auto md:text-left">Политика конфиденциальности</a>
            
            <a href="#" className=" hover:underline text-xs opacity-70 text-center md:w-auto md:text-left">Согласие на обработку персональных данных</a>
            <span className="text-xs opacity-70">© 2025 Protek. Все права защищены.</span>
          </div>
          
        </div>
      </div>
    </footer>
  </>
);

export default Footer; 