Ask a Question

{% form 'contact' %}
  {% if form.posted_successfully? %}
    <p style="color:green; margin-bottom:1rem;">✅ Mensagem enviada! Retornaremos em breve.</p>
  {% endif %}

  <div style="display:flex; flex-direction:column; gap:0.75rem; padding: 0.5rem 0;">

    <input type="text" name="contact[name]" placeholder="Nome"
      style="padding:0.75rem; border:1px solid #ddd; border-radius:4px; font-size:1rem; width:100%;">

    <input type="email" name="contact[email]" placeholder="E-mail *" required
      style="padding:0.75rem; border:1px solid #ddd; border-radius:4px; font-size:1rem; width:100%;">

    <input type="tel" name="contact[phone]" placeholder="Telefone"
      style="padding:0.75rem; border:1px solid #ddd; border-radius:4px; font-size:1rem; width:100%;">

    <textarea name="contact[body]" placeholder="Sua dúvida..." rows="4"
      style="padding:0.75rem; border:1px solid #ddd; border-radius:4px; font-size:1rem; width:100%; resize:vertical;"></textarea>

    <button type="submit"
      style="background-color:#5a7a3a; color:white; padding:0.85rem; border:none; border-radius:4px; font-size:1rem; cursor:pointer; width:100%;">
      Enviar
    </button>

  </div>
{% endform %}