{% extends 'base.html.twig' %}
{% block head %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Dragon Tree Travel Unipessoal Lda",
"image": "https://gettohikes.com/build/images/icons/footer-logo.png",
"@id": "1",
"url": "https://gettohikes.com/",
"telephone": "914 000 440",
"priceRange": "$",
"address": {
"@type": "PostalAddress",
"streetAddress": "Estrada João Gonçalves Zarco 435",
"addressLocality": "Madeira",
"postalCode": "9325-033",
"addressCountry": "PT"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 32.6703265,
"longitude": -16.9807572
}
}
</script>
{% if app.request.locale == 'en' %}
<link rel="canonical" href="https://gettohikes.com/en"/>
{% endif %}
{% if app.request.locale == 'pl' %}
<link rel="canonical" href="https://gettohikes.com/pl"/>
{% endif %}
{% if app.request.locale == 'fr' %}
<link rel="canonical" href="https://gettohikes.com/fr"/>
{% endif %}
{% if app.request.locale == 'de' %}
<link rel="canonical" href="https://gettohikes.com/de"/>
{% endif %}
{% if app.request.locale == 'pt' %}
<link rel="canonical" href="https://gettohikes.com/pt"/>
{% endif %}
<link rel="alternate" hreflang="en" href="https://gettohikes.com/en"/>
<link rel="alternate" hreflang="fr" href="https://gettohikes.com/fr"/>
<link rel="alternate" hreflang="pt" href="https://gettohikes.com/pt"/>
<link rel="alternate" hreflang="de" href="https://gettohikes.com/de"/>
<link rel="alternate" hreflang="pl" href="https://gettohikes.com/pl"/>
<link rel="alternate" hreflang="x-default" href="https://gettohikes.com/en"/>
{% endblock %}
{% block title %}
{% if seo['meta-title'] %}
{{ seo['meta-title'] }}
{% endif %}
{% endblock %}
{% block meta_description %}
{% if seo['meta-desc'] %}
{{ seo['meta-desc'] }}
{% endif %}
{% endblock %}
{% block meta_keywords %}
{% if seo['meta-keywords'] %}
{{ seo['meta-keywords'] }}
{% endif %}
{% endblock %}
{% block meta_nofollow %}
{% if seo['nofollow'] %}noindex, nofollow
{% endif %}
{% endblock %}
{% block header %}
<div class="container-fluid primary-header">
{% include './partials/header.html.twig' %}
</div>
<div class="container-fluid fixed-top secondary-header">
{% include './partials/secondaryHeader.html.twig' %}
</div>
{% endblock %}
{% block body %}
<div class="container-fluid hero"></div>
<div class="container search-form">
<div class="container hero-container">
<h1 class="hero-header">
{{ page.mainPageSectionSliderTitle }}
</h1>
</div>
<form action="" class="form" novalidate="novalidate">
<div class=" col-12 col-lg-2 col-xl-2 col-xxl-3 form-header">
<h2>
{{ 'pages.main.form.title'|trans }}
</h2>
<p class="form-header-subtitle">{{ 'pages.main.form.subtitle'|trans }}
<span>28<span>Є</span>
</span>
</p>
</div>
<div class=" col-12 col-lg-3 col-xl-3 col-xxl-2 form-passengers">
<label for="passengersNumber">{{ 'pages.main.form.numberOfPassengers'|trans }}</label>
<div class="form-passengers-buttons">
<button class="decrease">
<span class="visually-hidden">Decrease button</span><img src="{{ absolute_url( asset('build/images/icons/minus.svg') ) }}" alt="minus icon"></button>
<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">
<span class="visually-hidden">Increase button</span><img src="{{ absolute_url( asset('build/images/icons/plus.svg') ) }}" loading="lazy" alt="plus icon"></button>
</div>
</div>
<div class=" col-12 col-lg-2 form-from">
<label for="trip-from">{{ 'pages.main.form.from'|trans }}</label>
<select name="trip-from" id="trip-from" form="trip-from">
<option value=""></option>
</select>
</div>
<div class=" col-12 col-lg-2 form-to">
<label for="trip-to">{{ 'pages.main.form.to'|trans }}</label>
<select name="trip-to" id="trip-to" form="trip-to">
<option value=""></option>
</select>
</div>
<div class=" col-12 col-lg-2 form-date">
<label for="airdatapicker">{{ 'pages.main.form.date'|trans }}</label>
<input type="text" id="airdatapicker" name="trip-start">
</div>
<div class="col-12 col-lg-1 form-button">
<label for="" class="d-none d-lg-block" style="height: 26px;margin-bottom:10px;"></label>
<a role="button" class="button-form-1" href="">
<span>{{ 'pages.main.form.search'|trans }}</span>
</a>
</div>
</form>
</div>
<div class="container bus-stop">
<div class="col-12 col-lg-6 bus-stop-image">
<img src="{{ absolute_url( asset('build/images/icons/Busstops.png') ) }}" loading="lazy" alt="bus stops">
</div>
<div class="col-lg-6 bus-stop-content ">
<h3>{{ page.mainPageSectionBusStop }}</h3>
<a href="{{ path('app_bus_stop') }}" role="button">
<span>{{ 'pages.main.check'|trans }}</span>
</a>
</div>
</div>
{% if app.request.locale == 'en' %}
<div class="container-fluid white-bg">
<div class="container transfers">
<div class="transfers-inner">
<div class="row">
<div class="col-12 col-lg-6">
<h2>Transfers</h2>
<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>
</div>
<div class="col-12 col-lg-6">
<ul class="inspirations">
{% for route in routes %}
{% if route.headTitle is not empty %}
<li class="inspirations-item">
<a href="{{path('app_transfer', {slug: route.slug}) }}"></a>
<h3>{{route.headTitle}}</h3>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
{% endif %}
<div class="container-fluid white-bg">
<div class="container reccomendation">
<h2>{{ page.mainPageSectionRecommendationsTitle }}</h2>
<div class="reccomendation-item">
<div class="row">
<div class="reccomendation-item-image col-12 col-md-6">
<img src="{{ absolute_url( asset('build/images/icons/Areeiro.svg') ) }}" loading="lazy" alt="Areeiro">
</div>
<div class="col-12 col-md-6 reccomendation-item-description">
<h3>
{{ page.mainPageSectionAveiroTitle }}
</h3>
<div class="link">{{ page.mainPageSectionAveiroDescription|raw }}</div>
</div>
</div>
</div>
<div class="reccomendation-item">
<div class="row">
<div class="reccomendation-item-image col-12 col-md-6">
<img src="{{ absolute_url( asset('build/images/icons/Rabacall.png') ) }}" loading="lazy" alt="Rabacal">
</div>
<div class="col-12 col-md-6 reccomendation-item-description">
<h3>
{{ page.mainPageSectionRabacalTitle }}
</h3>
<div class="link">{{ page.mainPageSectionRabacalDescription|raw }}</div>
</div>
</div>
</div>
<div class="reccomendation-item">
<div class="row">
<div class="reccomendation-item-image col-12 col-md-6">
<img src="{{ absolute_url( asset('build/images/icons/Fanal.png') ) }}" loading="lazy" alt="Areeiro">
</div>
<div class="col-12 col-md-6 reccomendation-item-description">
<h3>
{{ page.mainPageSectionFanalTitle }}
</h3>
<div class="link">{{ page.mainPageSectionFanalDescription|raw }}</div>
</div>
</div>
</div>
{# <div class="reccomendation-item">#}
{# <div class="row">#}
{# <div class="reccomendation-item-image col-12 col-md-6">#}
{# <img src="{{ absolute_url( asset('build/images/icons/levada.png') ) }}" loading="lazy" alt="Rabacal">#}
{# </div>#}
{# <div class="col-12 col-md-6 reccomendation-item-description">#}
{# <h3>#}
{# {{ page.mainPageSectionLevadaTitle }}#}
{# </h3>#}
{# <div class="link">{{ page.mainPageSectionLevadaDescription|raw }}</div>#}
{# </div>#}
{# </div>#}
{# </div>#}
</div>
</div>
<div class="safety">
<div class="container">
<div class="row">
<div class="col-12 col-lg-5 safety-header">
<h3 class="safety-header-title">{{ page.mainPageSectionOutdooTitle }}</h3>
<div class="safety-header-description">{{ page.mainPageSectionOutdoorDescription|raw }}</div>
<div class="accordion safety-header-accordion" id="accordionExample">
{% for item in outdoorSafety %}
<div class="accordion-item">
<h2 class="accordion-header" id="heading{{item.id}}">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{item.id}}" aria-expanded="true" aria-controls="collapse{{item.id}}">
<span>{{ item.title }}</span>
</button>
</h2>
<div id="collapse{{item.id}}" class="accordion-collapse collapse show" aria-labelledby="heading{{item.id}}" data-bs-parent="#accordionExample">
<div class="accordion-body">
{{ item.description|raw }}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="col-12 col-lg-7 align-self-end safety-image">
<img src="{{ absolute_url( asset('build/images/icons/safety.svg') ) }}" loading="lazy" alt="safety image">
</div>
</div>
</div>
</div>
{% if app.request.locale == 'en' %}
<div class="container-fluid white-bg travel-info">
<div class="container">
<div class="row">
<div class="d-lg-block col-lg-5"></div>
<div class="col-12 col-lg-7">
<div class="travel-info-header">
<h2>Travel info</h2>
<a href="/en/travel-info">
<span>Check all information</span>
<i class="bi bi-chevron-right"></i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="d-none d-lg-block col-lg-5">
<img src="{{ absolute_url( asset('build/images/icons/Fanal.png') ) }}" loading="lazy" alt="Fanalimage">
</div>
<div class="col-12 col-lg-7">
<ul class="inspirations">
{% for menuPage in travelMenu %}
<li class="inspirations-item">
<a href="{{path('app_page_item', {slug: menuPage.slug})}}"></a>
<h3>{{menuPage.title}}</h3>
</li>
{% endfor %}
</ul>
</div>
<div class="col-12 d-lg-none">
<img src="{{ absolute_url( asset('build/images/icons/Fanal.png') ) }}" loading="lazy" alt="Fanalimage">
</div>
</div>
<div class="row">
<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>
</div>
</div>
</div>
{% endif %}
{% if app.request.locale == 'en' %}
<div class="container opinions">
<div class="row">
<h2>Reviews</h2>
<div class="col-12">
<p class="opinions-text">Read the feedback from travelers who have used our transfer services for Madeira's trails.</p>
</div>
<div class="col-12">
<div class="swiper px-4 swiper-opinions">
<div class="swiper-wrapper">
{% for opinion in opinions %}
<div id="opionon_nb_{{opinion.sortPosition}}" class="swiper-slide">
<div class="opinions-item">
<p class="description">
{{opinion.opinion|nl2br}}</p>
<p class="author">{{opinion.author}}</p>
</div>
</div>
{% endfor %}
</div>
<div class="buttons">
<div class="swiper-button-prev">
<img src="{{ absolute_url( asset('build/images/icons/arrow-left.svg') ) }}" style="transform:rotate(180deg)" alt="">
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-next">
<img src="{{ absolute_url( asset('build/images/icons/arrow-left.svg') ) }}" alt="">
</div>
</div>
</div>
</div>
<div class="col-12">
<h3 class="opinions-header">Tell Us About Your Trip</h3>
</div>
<div class="col-12 d-flex justify-content-center mt-4" style="gap:10px;">
<a role="button" class="opinions-btn" target="_blank" href="https://g.page/r/Cc0m8gltGTL7EBM/review">
<span>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewbox="0 0 48 48">
<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>
<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>
<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>
<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>
</svg>
</span>
</a>
<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">
<span>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewbox="0 0 48 48">
<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>
<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>
<path fill="#F44336" d="M12 24A2 2 0 1 0 12 28A2 2 0 1 0 12 24Z"></path>
<path fill="#00C853" d="M36 24A2 2 0 1 0 36 28A2 2 0 1 0 36 24Z"></path>
<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>
<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>
<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>
<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>
</svg>
</span>
</a>
</div>
</div>
</div>
{% endif %}
{% if app.request.locale == 'en' %}
<div class="seo-article">
<div class="container">
<div class="row">
<div class="col-12">
{{ page.seoDesc|raw }}
</div>
</div>
</div>
</div>
{% endif %}
{% endblock %}
{% block footer %}
{% include './partials/footer.html.twig' %}
{% endblock %}
{% block javascripts %}
{{ parent() }}
{% endblock %}