Soporte

<div class="page-width" style="max-width: 600px; margin: 40px auto; text-align: center;">
  <h1>Contacto y Soporte</h1>
  <p>Estamos aquí para ayudarte. Envíanos tu mensaje.</p>

  <div style="margin-bottom:20px;">
    <p>Email: <a href="mailto:soporte@tutienda.com">soporte@tutienda.com</a></p>
    <p>Tel: <a href="tel:+521234567890">+52 123 456 7890</a></p>
  </div>

  <form method="post" action="/contact#contact_form">
    <input type="hidden" name="form_type" value="contact">
    <input type="hidden" name="utf8" value="✓">

    <input type="text" name="contact[name]" placeholder="Nombre" required
      style="width:100%; padding:10px; margin:8px 0;">

    <input type="email" name="contact[email]" placeholder="Correo electrónico" required
      style="width:100%; padding:10px; margin:8px 0;">

    <textarea name="contact[body]" placeholder="¿En qué podemos ayudarte?" required
      style="width:100%; padding:10px; margin:8px 0;"></textarea>

    <button type="submit"
      style="padding:12px 20px; background:black; color:white; border:none; cursor:pointer;">
      Enviar mensaje
    </button>
  </form>
</div>