Car Listings Component - Copy this Html, Tailwind Component to your project

Crie uma página de listagem de carros com as seguintes características: Sidebar Lateral de Filtros: A sidebar deve ser posicionada à esquerda da tela. Incluir filtros para: Marcas de carro (checkbox ou dropdown) Ano de fabricação (range slider ou dropdown) Quilometragem (range slider) Tipo de câmbio (checkbox ou dropdown) Área de Listagem: A listagem deve poder ser visualizada em dois formatos: Lista: com os carros dispostos em uma coluna vertical. Card: com os carros organizados em uma grade. Cada item da listagem (em ambos os formatos) deve incluir: Foto do carro Título do carro (nome/marca/modelo) Valor do carro Design Responsivo: A página deve ser totalmente responsiva, ajustando o layout da sidebar e da listagem para dispositivos móveis e desktops. Funcionalidades Extras: Um botão para alternar entre os modos de visualização (Lista e Card). O filtro deve aplicar se em tempo real à medida que o usuário seleciona as opções.