footer
This commit is contained in:
egortriston
@ -6,7 +6,7 @@ const CatalogSubscribe: React.FC = () => (
|
||||
<img
|
||||
src="/images/resource2.png"
|
||||
alt="Ресурс 2"
|
||||
className="mt-[-18px]"
|
||||
className="mt-[-18px] hide-on-991"
|
||||
/>
|
||||
<div className="div-block-9">
|
||||
{/* <h3 className="heading-3 sub">Подпишитесь на новостную рассылку</h3> */}
|
||||
@ -19,14 +19,18 @@ const CatalogSubscribe: React.FC = () => (
|
||||
<input type="submit" className="submit-button-copy w-button" value="Подписаться" />
|
||||
</form>
|
||||
</div>
|
||||
<div className="flex flex-row items-center mt-2">
|
||||
<div className="flex flex-row items-center mt-2 pl-0 justify-start">
|
||||
{/* Кастомный чекбокс без input/label */}
|
||||
{(() => {
|
||||
const [checked, setChecked] = useState(false);
|
||||
return (
|
||||
<>
|
||||
<span className="text-[#8893A1] text-[12px] leading-snug select-none mr-4">
|
||||
Я даю свое согласие на обработку персональных данных<br />
|
||||
и соглашаюсь с условиями <a href="/privacy-policy" className="underline hover:text-[#6c7684]">Политики конфиденциальности</a>
|
||||
</span>
|
||||
<div
|
||||
className={`h-[24px] w-[24px] border border-[#8893A1] rounded-sm mr-4 flex-shrink-0 flex items-center justify-center cursor-pointer transition-colors duration-150 ${checked ? 'bg-[#EC1C24]' : 'bg-transparent'}`}
|
||||
className={`h-[24px] w-[24px] border border-[#8893A1] rounded-sm flex-shrink-0 flex items-center justify-center cursor-pointer transition-colors duration-150 ${checked ? 'bg-[#EC1C24]' : 'bg-transparent'}`}
|
||||
onClick={() => setChecked(v => !v)}
|
||||
role="checkbox"
|
||||
aria-checked={checked}
|
||||
@ -43,10 +47,6 @@ const CatalogSubscribe: React.FC = () => (
|
||||
<path d="M5 13l4 4L19 7" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</div>
|
||||
<span className="text-[#8893A1] text-[12px] leading-snug select-none">
|
||||
Я даю свое согласие на обработку персональных данных<br />
|
||||
и соглашаюсь с условиями <a href="/privacy-policy" className="underline hover:text-[#6c7684]">Политики конфиденциальности</a>
|
||||
</span>
|
||||
</>
|
||||
);
|
||||
})()}
|
||||
|
||||
@ -1,104 +1,194 @@
|
||||
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">
|
||||
<>
|
||||
{/* <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 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>
|
||||
<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 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="w-layout-vflex flex-block-23">
|
||||
<div className="w-layout-hflex flex-block-86">
|
||||
<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>
|
||||
<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 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="w-layout-vflex flex-block-23">
|
||||
<div className="w-layout-hflex flex-block-86">
|
||||
<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>
|
||||
<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>
|
||||
<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="w-layout-vflex flex-block-23">
|
||||
<div className="w-layout-hflex flex-block-86">
|
||||
<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>
|
||||
<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>
|
||||
<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 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>
|
||||
</div>
|
||||
</footer>
|
||||
</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-10 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-20 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;
|
||||
Reference in New Issue
Block a user