{% extends "base.html" %}

{% block title %}Каталог - Wanlanda{% endblock %}

{% block content %}
<h1 class="text-3xl sm:text-4xl font-bold mb-8 text-wanlanda-green">Каталог фильтров Wanlanda</h1>

<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
    <!-- Воздушные фильтры -->
    <section class="bg-white p-6 rounded-lg shadow">
        <h2 class="text-2xl font-bold mb-4 text-wanlanda-green">Воздушные фильтры</h2>
        <img src="/static/img/air-filter.jpg" alt="Воздушный фильтр" class="w-fit max-h-80 object-cover mb-4 rounded">
        <p class="mb-4">Воздушный фильтр является одним из наиболее важных в системе работы тяжелого дизельного двигателя, позволяет двигателю автомобиля «дышать» чистым воздухом. Воздушный фильтр устраняет любой возможный в воздухе сор, включая частицы самой минимальной величины, которые могут навредить двигателю.</p>
        <a href="/catalog/air-filters" class="text-wanlanda-green hover:underline">Подробнее о воздушных фильтрах</a>
    </section>

    <!-- Масляные фильтры -->
    <section class="bg-white p-6 rounded-lg shadow">
        <h2 class="text-2xl font-bold mb-4 text-wanlanda-green">Масляные фильтры</h2>
        <img src="/static/img/oil-filter.jpg" alt="Масляный фильтр" class="w-fit max-h-80 object-cover mb-4 rounded">
        <p class="mb-4">Двигатель, работающий на грязном масле, проработает недолго. Масляный фильтр задерживает все вредящие двигателю абразивные частицы еще до того, как они могут повлиять на его работу и срок службы. Фильтр должен не просто очищать масло, а делать это эффективно, без создания значительных помех потоку и должен работать продолжительный период времени между заменами масла.</p>
        <a href="/catalog/oil-filters" class="text-wanlanda-green hover:underline">Подробнее о масляных фильтрах</a>
    </section>

    <!-- Топливные фильтры -->
    <section class="bg-white p-6 rounded-lg shadow">
        <h2 class="text-2xl font-bold mb-4 text-wanlanda-green">Топливные фильтры</h2>
        <img src="/static/img/fuel-filter.jpg" alt="Топливный фильтр" class="w-fit max-h-80 object-cover mb-4 rounded">
        <p class="mb-4">Топливный фильтр защищает двигатель от попадания в него вместе с топливом грязи, ржавчины и других частиц. При использовании некачественного фильтрующего элемента грязь, влага и ржавчина могут попасть в топливный бак. Топливный фильтр защищает топливную систему от попадания в нее загрязнений и преждевременного вывода из строя инжекторной системы или карбюратора двигателя.</p>
        <a href="/catalog/fuel-filters" class="text-wanlanda-green hover:underline">Подробнее о топливных фильтрах</a>
    </section>

    <!-- Салонные фильтры -->
    <section class="bg-white p-6 rounded-lg shadow">
        <h2 class="text-2xl font-bold mb-4 text-wanlanda-green">Салонные фильтры</h2>
        <img src="/static/img/cabin-filter.jpg" alt="Салонный фильтр" class="w-fit max-h-80 object-cover mb-4 rounded">
        <p class="mb-4">Салонный фильтр помогает задерживать пыльцу, аллергены, дым, пары и запахи. При регулярной замене салонные фильтры могут помочь уменьшить загрязнение и износ систем отопления, вентиляции и кондиционирования воздуха вашего автомобиля. Таким образом, качественный салонный фильтр в течение всего срока службы транспортного средства будет обеспечивать эффективность работы воздушных систем автомобиля и снижать общие затраты на техническое обслуживание.</p>
        <a href="/catalog/cabin-filters" class="text-wanlanda-green hover:underline">Подробнее о салонных фильтрах</a>
    </section>

    
</div>
{% endblock %}