templates/main/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block head %}
  3.      <script type="application/ld+json">
  4.                                                                                                                 {
  5.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "@context": "https://schema.org", 
  6.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             "@type": "LocalBusiness",
  7.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "name": "Dragon Tree Travel Unipessoal Lda",
  8.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "image": "https://gettohikes.com/build/images/icons/footer-logo.png",
  9.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "@id": "1",
  10.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             "url": "https://gettohikes.com/",
  11.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             "telephone": "914 000 440",
  12.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "priceRange": "$",
  13.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "address": {
  14.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "@type": "PostalAddress",
  15.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "streetAddress": "Estrada João Gonçalves Zarco 435",
  16.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "addressLocality": "Madeira",
  17.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "postalCode": "9325-033",
  18.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             "addressCountry": "PT"
  19.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }, 
  20.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "geo": {
  21.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "@type": "GeoCoordinates",
  22.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "latitude": 32.6703265,
  23.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 "longitude": -16.9807572
  24.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }
  25.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }
  26.                                                                                                             </script>
  27.     {% if app.request.locale == 'en' %}
  28.         <link rel="canonical" href="https://gettohikes.com/en"/>
  29.     {% endif %}
  30.     {% if app.request.locale == 'pl' %}
  31.         <link rel="canonical" href="https://gettohikes.com/pl"/>
  32.     {% endif %}
  33.     {% if app.request.locale == 'fr' %}
  34.         <link rel="canonical" href="https://gettohikes.com/fr"/>
  35.     {% endif %}
  36.     {% if app.request.locale == 'de' %}
  37.         <link rel="canonical" href="https://gettohikes.com/de"/>
  38.     {% endif %}
  39.     {% if app.request.locale == 'pt' %}
  40.         <link rel="canonical" href="https://gettohikes.com/pt"/>
  41.     {% endif %}
  42.     <link rel="alternate" hreflang="en" href="https://gettohikes.com/en"/>
  43.     <link rel="alternate" hreflang="fr" href="https://gettohikes.com/fr"/>
  44.     <link rel="alternate" hreflang="pt" href="https://gettohikes.com/pt"/>
  45.     <link rel="alternate" hreflang="de" href="https://gettohikes.com/de"/>
  46.     <link rel="alternate" hreflang="pl" href="https://gettohikes.com/pl"/>
  47.     <link rel="alternate" hreflang="x-default" href="https://gettohikes.com/en"/>
  48. {% endblock %}
  49. {% block title %}
  50.     {% if seo['meta-title'] %}
  51.         {{ seo['meta-title'] }}
  52.     {% endif %}
  53. {% endblock %}
  54. {% block meta_description %}
  55.     {% if seo['meta-desc'] %}
  56.         {{ seo['meta-desc'] }}
  57.     {% endif %}
  58. {% endblock %}
  59. {% block meta_keywords %}
  60.     {% if seo['meta-keywords'] %}
  61.         {{ seo['meta-keywords'] }}
  62.     {% endif %}
  63. {% endblock %}
  64. {% block meta_nofollow %}
  65.     {% if seo['nofollow'] %}noindex, nofollow
  66.     {% endif %}
  67. {% endblock %}
  68. {% block header %}
  69.     <div class="container-fluid primary-header">
  70.         {% include './partials/header.html.twig' %}
  71.     </div>
  72.     <div class="container-fluid fixed-top secondary-header">
  73.         {% include './partials/secondaryHeader.html.twig' %}
  74.     </div>
  75. {% endblock %}
  76. {% block body %}
  77.     <div class="container-fluid hero"></div>
  78.     <div class="container search-form">
  79.         <div class="container hero-container">
  80.             <h1 class="hero-header">
  81.                 {{ page.mainPageSectionSliderTitle }}
  82.             </h1>
  83.         </div>
  84.         <form action="" class="form" novalidate="novalidate">
  85.             <div class=" col-12 col-lg-2 col-xl-2 col-xxl-3 form-header">
  86.                 <h2>
  87.                     {{ 'pages.main.form.title'|trans }}
  88.                 </h2>
  89.                 <p class="form-header-subtitle">{{ 'pages.main.form.subtitle'|trans }}
  90.                     <span>28<span>Є</span>
  91.                     </span>
  92.                 </p>
  93.             </div>
  94.             <div class=" col-12 col-lg-3 col-xl-3 col-xxl-2 form-passengers">
  95.                 <label for="passengersNumber">{{ 'pages.main.form.numberOfPassengers'|trans }}</label>
  96.                 <div class="form-passengers-buttons">
  97.                     <button class="decrease">
  98.                         <span class="visually-hidden">Decrease button</span><img src="{{ absolute_url( asset('build/images/icons/minus.svg') ) }}" alt="minus icon"></button>
  99.                     <input type="number" onkeypress="return (event.charCode == 8 || event.charCode == 0 || event.charCode == 13) ? null : event.charCode >= 48 && event.charCode <= 57" id="passengersNumber" min="1" max="55" value="2" name="passengersNumber"><button class="increase">
  100.                         <span class="visually-hidden">Increase button</span><img src="{{ absolute_url( asset('build/images/icons/plus.svg') ) }}" loading="lazy" alt="plus icon"></button>
  101.                 </div>
  102.             </div>
  103.             <div class=" col-12 col-lg-2 form-from">
  104.                 <label for="trip-from">{{ 'pages.main.form.from'|trans }}</label>
  105.                 <select name="trip-from" id="trip-from" form="trip-from">
  106.                     <option value=""></option>
  107.                 </select>
  108.             </div>
  109.             <div class=" col-12 col-lg-2 form-to">
  110.                 <label for="trip-to">{{ 'pages.main.form.to'|trans }}</label>
  111.                 <select name="trip-to" id="trip-to" form="trip-to">
  112.                     <option value=""></option>
  113.                 </select>
  114.             </div>
  115.             <div class=" col-12 col-lg-2 form-date">
  116.                 <label for="airdatapicker">{{ 'pages.main.form.date'|trans }}</label>
  117.                 <input type="text" id="airdatapicker" name="trip-start">
  118.             </div>
  119.             <div class="col-12 col-lg-1 form-button">
  120.                 <label for="" class="d-none d-lg-block" style="height: 26px;margin-bottom:10px;"></label>
  121.                 <a role="button" class="button-form-1" href="">
  122.                     <span>{{ 'pages.main.form.search'|trans }}</span>
  123.                 </a>
  124.             </div>
  125.         </form>
  126.     </div>
  127.     <div class="container bus-stop">
  128.         <div class="col-12 col-lg-6 bus-stop-image">
  129.             <img src="{{ absolute_url( asset('build/images/icons/Busstops.png') ) }}" loading="lazy" alt="bus stops">
  130.         </div>
  131.         <div class="col-lg-6 bus-stop-content ">
  132.             <h3>{{ page.mainPageSectionBusStop }}</h3>
  133.             <a href="{{ path('app_bus_stop') }}" role="button">
  134.                 <span>{{ 'pages.main.check'|trans }}</span>
  135.             </a>
  136.         </div>
  137.     </div>
  138.     {% if app.request.locale == 'en' %}
  139.         <div class="container-fluid white-bg">
  140.             <div class="container transfers">
  141.                 <div class="transfers-inner">
  142.                     <div class="row">
  143.                         <div class="col-12 col-lg-6">
  144.                             <h2>Transfers</h2>
  145.                             <p>Looking for a bus to Pico do Arieiro from Funchal? Or perhaps you need a return transfer to Madeira's capital after hiking between Pico do Arieiro and Pico Ruivo? We provide bus transfers to the most important tourist routes and hiking trails in Madeira. Check our bus schedule.</p>
  146.                         </div>
  147.                         <div class="col-12 col-lg-6">
  148.                             <ul class="inspirations">
  149.                                 {% for route in routes %}
  150.                                     {% if route.headTitle is not empty %}
  151.                                         <li class="inspirations-item">
  152.                                             <a href="{{path('app_transfer', {slug: route.slug}) }}"></a>
  153.                                             <h3>{{route.headTitle}}</h3>
  154.                                         </li>
  155.                                     {% endif %}
  156.                                 {% endfor %}
  157.                             </ul>
  158.                         </div>
  159.                     </div>
  160.                 </div>
  161.             </div>
  162.         </div>
  163.     {% endif %}
  164.     <div class="container-fluid white-bg">
  165.         <div class="container reccomendation">
  166.             <h2>{{ page.mainPageSectionRecommendationsTitle }}</h2>
  167.             <div class="reccomendation-item">
  168.                 <div class="row">
  169.                     <div class="reccomendation-item-image col-12 col-md-6">
  170.                         <img src="{{ absolute_url( asset('build/images/icons/Areeiro.svg') ) }}" loading="lazy" alt="Areeiro">
  171.                     </div>
  172.                     <div class="col-12 col-md-6 reccomendation-item-description">
  173.                         <h3>
  174.                             {{ page.mainPageSectionAveiroTitle }}
  175.                         </h3>
  176.                         <div class="link">{{ page.mainPageSectionAveiroDescription|raw }}</div>
  177.                     </div>
  178.                 </div>
  179.             </div>
  180.             <div class="reccomendation-item">
  181.                 <div class="row">
  182.                     <div class="reccomendation-item-image col-12 col-md-6">
  183.                         <img src="{{ absolute_url( asset('build/images/icons/Rabacall.png') ) }}" loading="lazy" alt="Rabacal">
  184.                     </div>
  185.                     <div class="col-12 col-md-6 reccomendation-item-description">
  186.                         <h3>
  187.                             {{ page.mainPageSectionRabacalTitle }}
  188.                         </h3>
  189.                         <div class="link">{{ page.mainPageSectionRabacalDescription|raw }}</div>
  190.                     </div>
  191.                 </div>
  192.             </div>
  193.             <div class="reccomendation-item">
  194.                 <div class="row">
  195.                     <div class="reccomendation-item-image col-12 col-md-6">
  196.                         <img src="{{ absolute_url( asset('build/images/icons/Fanal.png') ) }}" loading="lazy" alt="Areeiro">
  197.                     </div>
  198.                     <div class="col-12 col-md-6 reccomendation-item-description">
  199.                         <h3>
  200.                             {{ page.mainPageSectionFanalTitle }}
  201.                         </h3>
  202.                         <div class="link">{{ page.mainPageSectionFanalDescription|raw }}</div>
  203.                     </div>
  204.                 </div>
  205.             </div>
  206.             {#            <div class="reccomendation-item">#}
  207.         {#                <div class="row">#}
  208.             {#                    <div class="reccomendation-item-image col-12 col-md-6">#}
  209.             {#                        <img src="{{ absolute_url( asset('build/images/icons/levada.png') ) }}" loading="lazy" alt="Rabacal">#}
  210.             {#                    </div>#}
  211.             {#                    <div class="col-12 col-md-6 reccomendation-item-description">#}
  212.             {#                        <h3>#}
  213.             {#                            {{ page.mainPageSectionLevadaTitle }}#}
  214.             {#                        </h3>#}
  215.             {#                        <div class="link">{{ page.mainPageSectionLevadaDescription|raw }}</div>#}
  216.             {#                    </div>#}
  217.             {#                </div>#}
  218.             {#            </div>#}
  219.         </div>
  220.     </div>
  221.     <div class="safety">
  222.         <div class="container">
  223.             <div class="row">
  224.                 <div class="col-12 col-lg-5 safety-header">
  225.                     <h3 class="safety-header-title">{{ page.mainPageSectionOutdooTitle }}</h3>
  226.                     <div class="safety-header-description">{{ page.mainPageSectionOutdoorDescription|raw }}</div>
  227.                     <div class="accordion safety-header-accordion" id="accordionExample">
  228.                         {% for item in outdoorSafety %}
  229.                             <div class="accordion-item">
  230.                                 <h2 class="accordion-header" id="heading{{item.id}}">
  231.                                     <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{item.id}}" aria-expanded="true" aria-controls="collapse{{item.id}}">
  232.                                         <span>{{ item.title }}</span>
  233.                                     </button>
  234.                                 </h2>
  235.                                 <div id="collapse{{item.id}}" class="accordion-collapse collapse show" aria-labelledby="heading{{item.id}}" data-bs-parent="#accordionExample">
  236.                                     <div class="accordion-body">
  237.                                         {{ item.description|raw }}
  238.                                     </div>
  239.                                 </div>
  240.                             </div>
  241.                         {% endfor %}
  242.                     </div>
  243.                 </div>
  244.                 <div class="col-12 col-lg-7 align-self-end safety-image">
  245.                     <img src="{{ absolute_url( asset('build/images/icons/safety.svg') ) }}" loading="lazy" alt="safety image">
  246.                 </div>
  247.             </div>
  248.         </div>
  249.     </div>
  250.     {% if app.request.locale == 'en' %}
  251.         <div class="container-fluid white-bg travel-info">
  252.             <div class="container">
  253.                 <div class="row">
  254.                     <div class="d-lg-block col-lg-5"></div>
  255.                     <div class="col-12 col-lg-7">
  256.                         <div class="travel-info-header">
  257.                             <h2>Travel info</h2>
  258.                             <a href="/en/travel-info">
  259.                                 <span>Check all information</span>
  260.                                 <i class="bi bi-chevron-right"></i>
  261.                             </a>
  262.                         </div>
  263.                     </div>
  264.                 </div>
  265.                 <div class="row">
  266.                     <div class="d-none d-lg-block col-lg-5">
  267.                         <img src="{{ absolute_url( asset('build/images/icons/Fanal.png') ) }}" loading="lazy" alt="Fanalimage">
  268.                     </div>
  269.                     <div class="col-12 col-lg-7">
  270.                         <ul class="inspirations">
  271.                             {% for menuPage in travelMenu %}
  272.                                 <li class="inspirations-item">
  273.                                     <a href="{{path('app_page_item', {slug: menuPage.slug})}}"></a>
  274.                                     <h3>{{menuPage.title}}</h3>
  275.                                 </li>
  276.                             {% endfor %}
  277.                         </ul>
  278.                     </div>
  279.                     <div class="col-12 d-lg-none">
  280.                         <img src="{{ absolute_url( asset('build/images/icons/Fanal.png') ) }}" loading="lazy" alt="Fanalimage">
  281.                     </div>
  282.                 </div>
  283.                 <div class="row">
  284.                     <p class="travel-info-text">Check out the latest blog posts about Madeira - interesting facts from life, places worth visiting, ways to spend time on dthe Island.</p>
  285.                 </div>
  286.             </div>
  287.         </div>
  288.     {% endif %}
  289.     {% if app.request.locale == 'en' %}
  290.         <div class="container opinions">
  291.             <div class="row">
  292.                 <h2>Reviews</h2>
  293.                 <div class="col-12">
  294.                     <p class="opinions-text">Read the feedback from travelers who have used our transfer services for Madeira's trails.</p>
  295.                 </div>
  296.                 <div class="col-12">
  297.                     <div class="swiper px-4 swiper-opinions">
  298.                         <div class="swiper-wrapper">
  299.                             {% for opinion in opinions %}
  300.                                 <div id="opionon_nb_{{opinion.sortPosition}}" class="swiper-slide">
  301.                                     <div class="opinions-item">
  302.                                         <p class="description">
  303.                                             {{opinion.opinion|nl2br}}</p>
  304.                                         <p class="author">{{opinion.author}}</p>
  305.                                     </div>
  306.                                 </div>
  307.                             {% endfor %}
  308.                         </div>
  309.                         <div class="buttons">
  310.                             <div class="swiper-button-prev">
  311.                                 <img src="{{ absolute_url( asset('build/images/icons/arrow-left.svg') ) }}" style="transform:rotate(180deg)" alt="">
  312.                             </div>
  313.                             <div class="swiper-pagination"></div>
  314.                             <div class="swiper-button-next">
  315.                                 <img src="{{ absolute_url( asset('build/images/icons/arrow-left.svg') ) }}" alt="">
  316.                             </div>
  317.                         </div>
  318.                     </div>
  319.                 </div>
  320.                 <div class="col-12">
  321.                     <h3 class="opinions-header">Tell Us About Your Trip</h3>
  322.                 </div>
  323.                 <div class="col-12 d-flex justify-content-center mt-4" style="gap:10px;">
  324.                     <a role="button" class="opinions-btn" target="_blank" href="https://g.page/r/Cc0m8gltGTL7EBM/review">
  325.                         <span>
  326.                             <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewbox="0 0 48 48">
  327.                                 <path fill="#fbc02d" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12    s5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20    s20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"></path>
  328.                                 <path fill="#e53935" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039    l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"></path>
  329.                                 <path fill="#4caf50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36    c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"></path>
  330.                                 <path fill="#1565c0" d="M43.611,20.083L43.595,20L42,20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571    c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"></path>
  331.                             </svg>
  332.                         </span>
  333.                     </a>
  334.                     <a role="button" class="opinions-btn" target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g1190960-d27907093-Reviews-Get_To_Hikes-Estreito_de_Camara_de_Lobos_Madeira_Madeira_Islands.html">
  335.                         <span>
  336.                             <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewbox="0 0 48 48">
  337.                                 <path fill="#FFE082" d="M24,29C6.9,29-3.1,23.7,3.2,18C8.7,13,16,10,24,10c7.2,0,13.8,2.4,19,6.5C50.3,22.2,41.1,29,24,29z"></path>
  338.                                 <path fill="#FFF" d="M23,26c0,6.1-4.9,11-11,11S1,32.1,1,26s4.9-11,11-11S23,19.9,23,26z M36,15c-6.1,0-11,4.9-11,11s4.9,11,11,11s11-4.9,11-11S42.1,15,36,15z"></path>
  339.                                 <path fill="#F44336" d="M12 24A2 2 0 1 0 12 28A2 2 0 1 0 12 24Z"></path>
  340.                                 <path fill="#00C853" d="M36 24A2 2 0 1 0 36 28A2 2 0 1 0 36 24Z"></path>
  341.                                 <path fill="#37474F" d="M12,17c5,0,9,4,9,9s-4,9-9,9s-9-4-9-9S7,17,12,17 M12,14C5.4,14,0,19.4,0,26c0,6.6,5.4,12,12,12c6.6,0,12-5.4,12-12C24,19.4,18.6,14,12,14L12,14z"></path>
  342.                                 <path fill="#37474F" d="M12 22c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4S9.8 22 12 22M12 20c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6S15.3 20 12 20L12 20zM36 17c5 0 9 4 9 9s-4 9-9 9-9-4-9-9S31 17 36 17M36 14c-6.6 0-12 5.4-12 12 0 6.6 5.4 12 12 12 6.6 0 12-5.4 12-12C48 19.4 42.6 14 36 14L36 14z"></path>
  343.                                 <path fill="#37474F" d="M36 22c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4S33.8 22 36 22M36 20c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6S39.3 20 36 20L36 20zM24 26L21 33 24 37zM24 26L27 33 24 37zM36 14h12c0 0-3.1 3.8-3 7C42.1 16 36 14 36 14zM12 14H0c0 0 3.1 3.8 3 7C5.9 16 12 14 12 14z"></path>
  344.                                 <path fill="#37474F" d="M24,10c-6.3,0-12.2,1.9-17.1,5.2C8.4,14.4,10.2,14,12,14c0.4,0,0.8,0,1.3,0.1c3.4-1.4,7-2.1,10.7-2.1c3.7,0,7.4,0.7,10.7,2.1c0.4,0,0.8-0.1,1.3-0.1c1.8,0,3.6,0.4,5.1,1.2C36.2,11.9,30.3,10,24,10z"></path>
  345.                             </svg>
  346.                         </span>
  347.                     </a>
  348.                 </div>
  349.             </div>
  350.         </div>
  351.     {% endif %}
  352.     {% if app.request.locale == 'en' %}
  353.         <div class="seo-article">
  354.             <div class="container">
  355.                 <div class="row">
  356.                     <div class="col-12">
  357.                         {{ page.seoDesc|raw }}
  358.                     </div>
  359.                 </div>
  360.             </div>
  361.         </div>
  362.     {% endif %}
  363. {% endblock %}
  364. {% block footer %}
  365.     {% include './partials/footer.html.twig' %}
  366. {% endblock %}
  367. {% block javascripts %}
  368.     {{ parent() }}
  369. {% endblock %}