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 %}