templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5. <div class="uk-margin-small-left uk-margin-small-right">
  6. <div class="uk-cover-container">
  7. {# <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="animation: push, animation: fade, autoplay: true, autoplay-interval: 4000">#}
  8. {# <ul class="uk-slideshow-items">#}
  9. {# <li>#}
  10. <canvas height="800"></canvas>
  11. <img src="{{ asset('img/hero-bg.png') }}" alt="" uk-cover>
  12. <div class="uk-overlay-primary uk-position-cover"></div>
  13. <div class="uk-overlay uk-position-center-left uk-light">
  14. <h1 class="uk-heading-medium uk-animation-slide-left-medium">Turismo interno a tu alcance <br>en <em><span class="text-gold">Hoteles</span></em> , <em><span class="text-gold">Restaurantes</span></em> y <em><span class="text-gold">Spas</span></em></h1>
  15. <p class="uk-animation-slide-left-medium">Disfrute durante todo el año de cientos de descuentos <br>en los paraísos más renombrados de Puerto Rico.</p>
  16. <a class="uk-button uk-button-default uk-animation-slide-left-medium" href="#elija" uk-scroll>¿Cómo Funciona?</a>
  17. <a class="uk-button uk-button-primary uk-animation-slide-left-medium" href="{{ url('app_cart') }}" >Comprar Ahora</a>
  18. {# <p uk-margin>#}
  19. {# </p>#}
  20. </div>
  21. {# </li>#}
  22. {# <li>#}
  23. {# <canvas height="800"></canvas>#}
  24. {# <img src="{{ asset('img/hero-bg.png') }}" alt="" uk-cover>#}
  25. {# <div class="uk-overlay-primary uk-position-cover"></div>#}
  26. {# <div class="uk-overlay uk-position-center-left uk-light">#}
  27. {# <h1 class="uk-heading-medium uk-animation-slide-left-medium">Turismoa interno a tu alcance <br>en <em><span class="text-gold">Hoteles</span></em> , <em><span class="text-gold">Restaurantes</span></em> y <em><span class="text-gold">Spas</span></em></h1>#}
  28. {# <p class="uk-animation-slide-left-medium">Disfrute durante todo el año de cientos de descuentos <br>en los paraísos más renombrados de Puerto Rico.</p>#}
  29. {# <a class="uk-button uk-button-default uk-animation-slide-left-medium" href="#elija" uk-scroll>¿Cómo Funciona?</a>#}
  30. {# <a class="uk-button uk-button-primary uk-animation-slide-left-medium" href="{{ url('app_cart') }}" >Comprar Ahora</a>#}
  31. {# <p uk-margin>#}
  32. {# </p>#}
  33. {# </div>#}
  34. {# </li>#}
  35. {# </ul>#}
  36. </div>
  37. </div>
  38. </div>
  41. <div class="uk-section uk-margin-small-left uk-margin-small-right" uk-scrollspy="cls: uk-animation-fade; target: .uk-card; delay: 500; repeat: false">
  42. <div class="uk-container-expand uk-text-center uk-animation-slide-top-medium" id="elija">
  43. <h1 class="uk-heading-medium">Comience en 3 Simples Pasos</h1>
  44. <p>Compre cualquiera de nuestras membresías y de inmediato tendrá acceso a <br>
  45. cientos de descuentos en decenas de establecimientos alrededor de la Isla.</p>
  46. </div>
  47. <div class="uk-child-width-expand@s uk-text-center" uk-grid>
  48. <div>
  49. <div class="uk-card uk-card-default uk-box-shadow-large uk-box-shadow-hover-xlarge">
  50. <div class="uk-card-media-top">
  51. <img src="{{ asset('img/home/paso1.png') }}" width="300" height="300" alt="">
  52. </div>
  53. <div class="uk-card-body">
  54. <h2>Elija su Membresía</h2>
  55. <p>Elija entre nuestras 5 membresías cual es la<br>
  56. indicada para usted. </p>
  57. </div>
  58. </div>
  59. </div>
  60. <div>
  61. <div class="uk-card uk-card-default uk-box-shadow-large uk-box-shadow-hover-xlarge">
  62. <div class="uk-card-media-top">
  63. <img src="{{ asset('img/home/paso2.png') }}" width="300" height="300" alt="">
  64. </div>
  65. <div class="uk-card-body">
  66. <h2>Compre su Membresía</h2>
  67. <p>Compre su membresía de forma segura<br>
  68. mediante nuestro sitio web.</p>
  69. </div>
  70. </div>
  71. </div>
  72. <div>
  73. <div class="uk-card uk-card-default uk-box-shadow-large uk-box-shadow-hover-xlarge">
  74. <div class="uk-card-media-top">
  75. <img src="{{ asset('img/home/paso3.png') }}" width="300" height="300" alt="">
  76. </div>
  77. <div class="uk-card-body">
  78. <h2>Disfrute los Beneficios</h2>
  79. <p>Disfrute de todos los beneficios que ofrece<br>
  80. su membresía por todo 1 año.</p>
  81. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  88. <div class="uk-section uk-section-default uk-background-cover uk-margin-small-left uk-margin-small-right" style="background-image: url('{{ asset('img/home/home_memb.webp') }}')" uk-scrollspy="cls: uk-animation-fade; target: .uk-card; delay: 500; repeat: false">
  90. <h3 class="uk-text-center uk-heading-medium text-white" style="color: white">Tipos de Membresías</h3>
  91. <div class="uk-child-width-1-3@m uk-flex-center" uk-grid>
  93. <div>
  94. <a href="{{ path('app_membresias', {'tipo': 'paquete'}) }}">
  95. <div class="uk-card uk-card-primary uk-padding">
  96. <p class="uk-heading-small uk-text-center ">Membresías en Paquete</p>
  97. <p class="uk-text-center">Las membresías en paquete te ofrecen<br>
  98. beneficios como tarifas preferenciales,<br>
  99. descuentos, ofertas y entre otros, en varios<br>
  100. hoteles, restaurantes y spas en Puerto Rico.</p>
  101. </div>
  102. </a>
  104. </div>
  105. <div>
  106. <a href="{{ path('app_membresias', {'tipo': 'exclusivas'}) }}">
  107. <div class="uk-card uk-card-primary uk-padding">
  108. <p class="uk-heading-small uk-text-center">Membresías Exclusivas</p>
  109. <p class="uk-text-center">Las membresías exclusivas te ofrecen<br>
  110. beneficios como tarifas preferenciales,<br>
  111. descuentos y ofertas, entre otros, en<br>
  112. hoteles, restaurantes y spas de una<br>
  113. franquicia especifica.</p>
  114. </div>
  115. </a>
  116. </div>
  120. </div>
  121. </div>
  123. <div class="uk-section uk-background-muted">
  124. <div class="uk-grid-column-small uk-grid-row-medium uk-child-width-1-1 uk-text-center" uk-grid>
  125. <div>
  126. <div class="uk-card uk-card-body"><h1 class="uk-heading-medium">Cadenas Participantes </h1></div>
  127. </div>
  129. </div>
  130. <div class="uk-grid-column-small uk-grid-row-large uk-child-width-1-5@m uk-child-width-1-2@s uk-text-center" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 250">
  131. <div>
  132. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/hilton.webp') }}"></div>
  133. </div>
  134. <div>
  135. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/wyndham.jpg') }}"></div>
  136. </div>
  137. <div>
  138. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/embassy.webp') }}"></div>
  139. </div>
  140. <div>
  141. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/melia.webp') }}"></div>
  142. </div>
  143. <div>
  144. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/aloft.webp') }}"></div>
  145. </div>
  146. <div>
  147. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/hampton-logo.png') }}"></div>
  148. </div>
  149. <div>
  150. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/holiday.webp') }}"></div>
  151. </div>
  152. <div>
  153. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/DOUBLETREE-LOGO.webp') }}"></div>
  154. </div>
  155. <div>
  156. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/th.webp') }}"></div>
  157. </div>
  158. <div>
  159. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/tryp.webp') }}"></div>
  160. </div>
  161. <div>
  162. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/caribe-hotel.png') }}"></div>
  163. </div>
  164. <div>
  165. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/courtyard-logo.webp') }}"></div>
  166. </div>
  167. <div>
  168. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/punta-borinquen.png') }}"></div>
  169. </div>
  170. <div>
  171. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/faro.webp') }}"></div>
  172. </div>
  173. <div>
  174. <div class="uk-card uk-card-body"><img src="{{ asset('img/cadenas/hyatt-place.webp') }}"></div>
  175. </div>
  176. </div>
  177. </div>
  179. {#{% include 'inc/mailing.html.twig' with {'form': form} %}#}
  180. {% include 'inc/mailing_sendgrid.html.twig' with {'form': form} %}
  182. {# <iframe src="https://cdn.forms-content.sg-form.com/0bd9c014-4507-11ed-a5e0-a22781c68ca8"/>#}
  185. {% endblock %}