<?php require_once 'includes/header.php'; ?>

  <section class="contacto-section" id="contacto" style="padding-top: 120px;">
    <div class="section-header">
      <span class="section-tag">Escríbenos</span>
      <h2>Contacto</h2>
      <p>¿Tienes alguna pregunta? Estamos para atenderte</p>
    </div>
    <div class="contacto-container">
      <form class="contacto-form" id="contactoForm" novalidate>
        <div class="form-group">
          <label for="con-nombre">Nombre *</label>
          <input type="text" id="con-nombre" placeholder="Tu nombre" />
          <span class="error-msg" id="err-con-nombre"></span>
        </div>
        <div class="form-group">
          <label for="con-email">Correo *</label>
          <input type="email" id="con-email" placeholder="tu@correo.com" />
          <span class="error-msg" id="err-con-email"></span>
        </div>
        <div class="form-group">
          <label for="con-asunto">Asunto *</label>
          <input type="text" id="con-asunto" placeholder="¿En qué podemos ayudarte?" />
          <span class="error-msg" id="err-con-asunto"></span>
        </div>
        <div class="form-group">
          <label for="con-mensaje">Mensaje *</label>
          <textarea id="con-mensaje" rows="5" placeholder="Escribe tu mensaje aquí..."></textarea>
          <span class="error-msg" id="err-con-mensaje"></span>
        </div>
        <button type="submit" class="btn btn-primary full-width">
          <i class="fas fa-paper-plane"></i> Enviar Mensaje
        </button>
      </form>
      <div class="contacto-cards">
        <div class="contact-card">
          <i class="fas fa-map-marker-alt"></i>
          <h4>Dirección</h4>
          <p>Av. Canelita 206<br/>Chota, Cajamarca</p>
        </div>
        <div class="contact-card">
          <i class="fas fa-phone-alt"></i>
          <h4>Teléfono</h4>
          <p>+51 941 325 268<br/>+51 930 690 296</p>
        </div>
        <div class="contact-card">
          <i class="fas fa-envelope"></i>
          <h4>Email</h4>
          <p>info@canelitaduckhouse.pe</p>
        </div>
        <div class="contact-card">
          <i class="fab fa-instagram"></i>
          <h4>Redes Sociales</h4>
          <p>@canelitaduckhouse</p>
        </div>
      </div>
    </div>
  </section>

<?php require_once 'includes/footer.php'; ?>