templates/web/contact.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.     <!-- Breadscrumb Section -->
  4.     <div class="breadcrumb-bar">
  5.         <div class="container">
  6.             <div class="row align-items-center text-center">
  7.                 <div class="col-md-12 col-12">
  8.                     <h2 class="breadcrumb-title">Contáctanos</h2>
  9.                     <nav aria-label="breadcrumb" class="page-breadcrumb">
  10.                         <ol class="breadcrumb">
  11.                             <li class="breadcrumb-item"><a href="{{ path('web_home') }}">Inicio</a></li>
  12.                             <li class="breadcrumb-item active" aria-current="page">Contáctanos</li>
  13.                         </ol>
  14.                     </nav>
  15.                 </div>
  16.             </div>
  17.         </div>
  18.     </div>
  19.     <!-- /Breadscrumb Section -->
  21.     <!-- Contact us -->
  22.     <section class="contact-section">
  23.         <div class="container">
  24.             <div class="contact-info-area">
  25.                 <div class="row">
  26.                     <div class="col-lg-3 col-md-6 col-12 d-flex" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="0.1">
  27.                         <div class="single-contact-info flex-fill">
  28.                             <span><i class="feather-phone-call"></i></span>
  29.                             <h3>Teléfonos</h3>
  30.                             <a href="tel:(5101)2237343">(01) 223 7343</a> Opc. 0 Anx. 20 / 21<br>
  31.                             <a href="tel:+51996507548">(+51) 996507548</a> <br>
  32.                             <a href="tel:+51951328480">(+51) 951328480</a> <br>
  33.                             <a href="tel:+51999895971">(+51) 999895971</a> <br>
  34.                             <a href="tel:+51941435663">(+51) 941435663</a> <br>
  36.                         </div>
  37.                     </div>
  38.                     <div class="col-lg-3 col-md-6 col-12 d-flex" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="0.2">
  39.                         <div class="single-contact-info flex-fill">
  40.                             <span><i class="feather-mail"></i></span>
  41.                             <h3>Correos</h3>
  42.                             <a href="mailto:reservaciones@benibussac.com">reservaciones@benibussac.com</a> <br>
  43.                             <a href="mailto:serviciosespeciales@benibussac.com">serviciosespeciales@benibussac.com</a>
  44.                         </div>
  45.                     </div>
  46.                     <div class="col-lg-3 col-md-6 col-12 d-flex" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="0.3">
  47.                         <div class="single-contact-info flex-fill">
  48.                             <span><i class="feather-map-pin"></i></span>
  49.                             <h3>Dirección</h3>
  50.                             <a href="javascript:void(0);">Av. José Gálvez Barrenechea 1079 <br> Urb. Corpac, San Borja. Lima</a>
  51.                         </div>
  52.                     </div>
  53.                     <div class="col-lg-3 col-md-6 col-12 d-flex" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="0.4">
  54.                         <div class="single-contact-info flex-fill">
  55.                             <span><i class="feather-clock"></i></span>
  56.                             <h3>Horario</h3>
  57.                             <a href="javascript:void(0);">Lunes - Domingo <br> (08.30AM - 06.30PM)</a>
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.             <div class="form-info-area" data-aos="fade-down" data-aos-duration="1200" data-aos-delay="0.5">
  63.                 <div class="row">
  64.                     <div class="col-lg-6">
  65.                         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d885.7596568878184!2d-77.01066900978893!3d-12.106222846366128!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9105c925f4df3e79%3A0xb1724fe6e0c9a6be!2sBenibus%20S.A.C!5e0!3m2!1ses!2spe!4v1686215673373!5m2!1ses!2spe" height="100%" style="border:15px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  66.                     </div>
  67.                     <div class="col-lg-6">
  69.                         {{ form_start(form) }}
  71.                         <div class="row">
  72.                             <h1>¡Conéctate con nosotros!</h1>
  73.                             {% for message in app.flashes('success') %}
  74.                                 <div class="col-md-12">
  75.                                     <div class="alert alert-success" role="alert">
  76.                                         <i class="feather-check"></i> {{ message }}
  77.                                     </div>
  78.                                 </div>
  79.                             {% endfor %}
  80.                             <div class="col-md-12">
  81.                                 <div class="form-group">
  82.                                     <label>Nombres y Apellidos / Razón Social <span class="text-danger">*</span></label>
  83.                                     {{ form_widget(form.name) }}
  84.                                 </div>
  85.                             </div>
  86.                             <div class="col-md-12">
  87.                                 <div class="form-group">
  88.                                     <label>Teléfono o Celular <span class="text-danger">*</span></label>
  89.                                     {{ form_widget(form.phone) }}
  90.                                 </div>
  91.                             </div>
  92.                             <div class="col-md-12">
  93.                                 <div class="form-group">
  94.                                     <label>Correo Electrónico <span class="text-danger">*</span></label>
  95.                                     {{ form_widget(form.email) }}
  96.                                 </div>
  97.                             </div>
  98.                             <div class="col-md-12">
  99.                                 <div class="form-group">
  100.                                     <label>Comentario <span class="text-danger">*</span></label>
  101.                                     {{ form_widget(form.message) }}
  102.                                 </div>
  103.                             </div>
  105.                         </div>
  106.                         <p>(*) Campos obligatorios.</p> <br>
  107.                         {{ form_rest(form) }}
  108.                         {{ form_end(form) }}
  109.                     </div>
  110.                 </div>
  111.                 <div class="row">
  112.                     <div class="col-lg-12">
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.         </div>
  118.     </section>
  119.     <!-- /Contact us -->
  120. {% endblock %}