📦 Blocos / Colunas para seu Rodapé

Estes blocos estão prontos para serem copiados e usados no rodapé do seu site. Cada bloco tem título e links direcionáveis.

INSTITUCIONAL

PRODUTOS

ATENDIMENTO

REDES SOCIAIS

🔧 Como usar estes blocos no seu rodapé

1. Copie o HTML dentro da div com classe .blocos-grid (os 4 blocos).

2. Cole dentro da tag <footer> do seu site, substituindo o conteúdo antigo.

3. Os links (/quem-somos, /produtos, etc.) já estão apontando para as páginas que você criou. Se quiser mudar, basta editar o href.

4. O número de telefone e WhatsApp já estão configurados com (21) 98795-3871. O e-mail é contato@pisoeucafloor.com.

5. Você pode adicionar ou remover links conforme sua necessidade.

✅ Pronto! Seu rodapé ficará com 4 colunas lado a lado, igual ao modelo que você pediu.

📋 Código pronto para copiar (os 4 blocos):

<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; background: #1a2a32; padding: 40px 30px; border-radius: 20px; color: #ccc;">
    <!-- Bloco Institucional -->
    <div>
        <h3 style="color: #fff; font-size: 1.1rem; margin-bottom: 20px; border-left: 3px solid #e67e22; padding-left: 10px;">INSTITUCIONAL</h3>
        <ul style="list-style: none; padding: 0;">
            <li style="margin-bottom: 10px;"><a href="/quem-somos" style="color: #ccc; text-decoration: none;">Quem somos</a></li>
            <li style="margin-bottom: 10px;"><a href="/politica-privacidade" style="color: #ccc; text-decoration: none;">Política de Privacidade</a></li>
            <li style="margin-bottom: 10px;"><a href="/politica-venda" style="color: #ccc; text-decoration: none;">Política de Venda</a></li>
            <li style="margin-bottom: 10px;"><a href="/blog" style="color: #ccc; text-decoration: none;">Blog</a></li>
            <li style="margin-bottom: 10px;"><a href="/contato" style="color: #ccc; text-decoration: none;">Contato</a></li>
        </ul>
    </div>
    <!-- Bloco Produtos -->
    <div>
        <h3 style="color: #fff; font-size: 1.1rem; margin-bottom: 20px; border-left: 3px solid #e67e22; padding-left: 10px;">PRODUTOS</h3>
        <ul style="list-style: none; padding: 0;">
            <li style="margin-bottom: 10px;"><a href="/pisos-laminados" style="color: #ccc; text-decoration: none;">Pisos Laminados</a></li>
            <li style="margin-bottom: 10px;"><a href="/pisos-vinilicos" style="color: #ccc; text-decoration: none;">Pisos Vinílicos</a></li>
            <li style="margin-bottom: 10px;"><a href="/piso-eucafloor" style="color: #ccc; text-decoration: none;">Linha Eucafloor</a></li>
            <li style="margin-bottom: 10px;"><a href="/instalacao" style="color: #ccc; text-decoration: none;">Instalação</a></li>
            <li style="margin-bottom: 10px;"><a href="/acessorios" style="color: #ccc; text-decoration: none;">Acessórios</a></li>
        </ul>
    </div>
    <!-- Bloco Atendimento -->
    <div>
        <h3 style="color: #fff; font-size: 1.1rem; margin-bottom: 20px; border-left: 3px solid #e67e22; padding-left: 10px;">ATENDIMENTO</h3>
        <ul style="list-style: none; padding: 0;">
            <li style="margin-bottom: 10px;"><i class="fas fa-phone"></i> <a href="tel:+5521987953871" style="color: #ccc; text-decoration: none;">(21) 98795-3871</a></li>
            <li style="margin-bottom: 10px;"><i class="fab fa-whatsapp"></i> <a href="https://wa.me/5521987953871" style="color: #ccc; text-decoration: none;">(21) 98795-3871</a></li>
            <li style="margin-bottom: 10px;"><i class="fas fa-envelope"></i> <a href="mailto:contato@pisoeucafloor.com" style="color: #ccc; text-decoration: none;">contato@pisoeucafloor.com</a></li>
            <li style="margin-bottom: 10px;"><i class="fas fa-clock"></i> Seg-Sex: 8h-18h</li>
            <li style="margin-bottom: 10px;"><i class="fas fa-clock"></i> Sáb: 9h-13h</li>
        </ul>
    </div>
    <!-- Bloco Redes Sociais -->
    <div>
        <h3 style="color: #fff; font-size: 1.1rem; margin-bottom: 20px; border-left: 3px solid #e67e22; padding-left: 10px;">REDES SOCIAIS</h3>
        <ul style="list-style: none; padding: 0;">
            <li style="margin-bottom: 10px;"><i class="fab fa-instagram"></i> <a href="#" style="color: #ccc; text-decoration: none;">@pisoeucafloor</a></li>
            <li style="margin-bottom: 10px;"><i class="fab fa-facebook"></i> <a href="#" style="color: #ccc; text-decoration: none;">/pisoeucafloor</a></li>
            <li style="margin-bottom: 10px;"><i class="fab fa-youtube"></i> <a href="#" style="color: #ccc; text-decoration: none;">Vídeos</a></li>
        </ul>
    </div>
</div>

* Lembre-se de incluir o FontAwesome no seu site: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">