<header style="text-align: center; padding: 20px;">
    <h1 style="font-size: 36px; color: #1a1a1a;">Bem-vindo à ACCR 101</h1>
    <p style="font-size: 18px; color: #333;">Levando fé, consolo e apoio aos caminhoneiros do Brasil!</p>
</header>

<section style="text-align: center; margin: 40px 0;">
    <h2 style="font-size: 28px; margin-bottom: 20px;">Nossos Projetos</h2>
    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">
        <div style="width: 150px;">
            <img src="https://via.placeholder.com/150" alt="Fé na Estrada" style="width: 100%; border-radius: 8px;">
            <p>Fé na Estrada</p>
        </div>
        <div style="width: 150px;">
            <img src="https://via.placeholder.com/150" alt="Altar Móvel" style="width: 100%; border-radius: 8px;">
            <p>Altar Móvel</p>
        </div>
        <div style="width: 150px;">
            <img src="https://via.placeholder.com/150" alt="Caminho do Saber" style="width: 100%; border-radius: 8px;">
            <p>Caminho do Saber</p>
        </div>
        <div style="width: 150px;">
            <img src="https://via.placeholder.com/150" alt="Cuidando do Templo" style="width: 100%; border-radius: 8px;">
            <p>Cuidando do Templo</p>
        </div>
        <div style="width: 150px;">
            <img src="https://via.placeholder.com/150" alt="Mãos que Ajudam" style="width: 100%; border-radius: 8px;">
            <p>Mãos que Ajudam</p>
        </div>
        <div style="width: 150px;">
            <img src="https://via.placeholder.com/150" alt="Vidas sobre Rodas" style="width: 100%; border-radius: 8px;">
            <p>Vidas sobre Rodas</p>
        </div>
    </div>
</section>

<section style="text-align: center; margin: 40px 0;">
    <h2 style="font-size: 28px;">Quer participar?</h2>
    <div style="margin-top: 20px;">
        <a href="#" style="background-color: #0077cc; color: white; padding: 12px 24px; text-decoration: none; border-radius: 6px; font-size: 18px;">Quero ser Voluntário</a>
        <a href="#" style="background-color: #00a859; color: white; padding: 12px 24px; text-decoration: none; border-radius: 6px; font-size: 18px; margin-left: 20px;">Enviar Pedido de Oração</a>
    </div>
</section>