templates/front/main/home.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base_front.html.twig' %}
  3. {% block title %}{{ homePage.title }}{% endblock %}
  5. {% block SEO %}
  6.     {% if seo.homeSeoTitle is not empty %}
  7.         <meta name="title" content="{{ seo.homeSeoTitle }}">
  8.     {% endif %}
  9.     {% if seo.homeSeoDescription is not empty %}
  10.         <meta name="description" content="{{ seo.homeSeoDescription }}">
  11.     {% endif %}
  12. {% endblock %}
  14. {% block stylesheets %}
  15.     {{ parent() }}
  16.     {{ encore_entry_link_tags('app') }}
  17. {% endblock %}
  19. {% block container %}
  20.     {# <!-- Banner Area --> #}
  21.     {{ include ('front/main/subheader/slider.html.twig' ) }}
  22.     <div {{ react_component('HomeTabs/HomeSearchTabs', {
  23.         p_locale : app.session.get('_locale') ?? app.request.locale,
  24.         p_autocomplete : true,
  25.         p_hotel : modules['Hotel'],
  26.         p_flight : modules['Flight'],
  27.         p_transfer : modules['Transfer'],
  28.         p_hotelSuggestions : hotelSuggestions,
  29.         p_flightSuggestions : flightSuggestions,
  31.     }) }}>
  32. {#        Loading... <i class="fas fa-cog fa-spin fa-3x"></i>#}
  33.     </div>
  36.     {{ include('front/main/recent_search/recent_search_hotel.html.twig') }}
  38.     {% for zone in zones %}
  39.         {% if zone.active and zone.items is not empty %}
  40.             {{ include ('front/main/zones/zone'~zone.view~'.html.twig') }}
  41.         {% endif %}
  42.     {% endfor %}
  45.     {#    Sections #}
  46.     <section class="about-section">
  47.         <div class="container">
  48.             <h2 class="section-title">{{ 'Pages.Home.Messages.FrontSectionsTitle' | trans({}, 'messages_front') }}</h2>
  49.             <div class="row gy-4">
  50.                 {% if sections|length > 0 %}
  51.                     <div class="col-md-6">
  52.                         <div class="info-box">
  53.                             <div class="info-icon">
  54.                                 <img src="/front/assets/img/voyage.png" alt="رسالتنا">
  55.                             </div>
  56.                             <div class="info-content">
  57.                                 <h5>{{ sections[0].title }}</h5>
  58.                                 <p>{{ sections[0].content }}</p>
  59.                             </div>
  60.                         </div>
  61.                     </div>
  62.                 {% endif %}
  63.                 {% if sections|length > 1 %}
  64.                     <div class="col-md-6">
  65.                         <div class="info-box">
  66.                             <div class="info-icon">
  67.                                 <img src="/front/assets/img/solution.png" alt="من نحن">
  68.                             </div>
  69.                             <div class="info-content">
  70.                                 <h5>{{ sections[1].title }}</h5>
  71.                                 <p>{{ sections[1].content }}</p>
  72.                             </div>
  73.                         </div>
  74.                     </div>
  75.                 {% endif %}
  76.             </div>
  77.         </div>
  79.     </section>
  81. {% endblock %}