templates/main/contact.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>
  28.     <link rel="alternate" hreflang="en" href="https://gettohikes.com/en/contact"/>
  29.     <link rel="alternate" hreflang="fr" href="https://gettohikes.com/fr/contact"/>
  30.     <link rel="alternate" hreflang="pt" href="https://gettohikes.com/pt/contact"/>
  31.     <link rel="alternate" hreflang="de" href="https://gettohikes.com/de/contact"/>
  32.     <link rel="alternate" hreflang="pl" href="https://gettohikes.com/pl/contact"/>
  33.     <link rel="alternate" hreflang="x-default" href="https://gettohikes.com/en/contact"/>
  34.     {% if app.request.locale == 'en' %}
  35.         <link rel="canonical" href="https://gettohikes.com/en/contact"/>
  36.     {% endif %}
  37.     {% if app.request.locale == 'fr' %}
  38.         <link rel="canonical" href="https://gettohikes.com/fr/contact"/>
  39.     {% endif %}
  40.     {% if app.request.locale == 'pt' %}
  41.         <link rel="canonical" href="https://gettohikes.com/pt/contact"/>
  42.     {% endif %}
  43.     {% if app.request.locale == 'de' %}
  44.         <link rel="canonical" href="https://gettohikes.com/de/contact"/>
  45.     {% endif %}
  46.     {% if app.request.locale == 'pl' %}
  47.         <link rel="canonical" href="https://gettohikes.com/pl/contact"/>
  48.     {% endif %}
  49. {% endblock %}
  50. {% block title %}
  51.     {% if seo['meta-title'] %}
  52.         {{ seo['meta-title'] }}
  53.     {% endif %}
  54. {% endblock %}
  55. {% block meta_description %}
  56.     {% if seo['meta-desc'] %}
  57.         {{ seo['meta-desc'] }}
  58.     {% endif %}
  59. {% endblock %}
  60. {% block meta_keywords %}
  61.     {% if seo['meta-keywords'] %}
  62.         {{ seo['meta-keywords'] }}
  63.     {% endif %}
  64. {% endblock %}
  65. {% block meta_nofollow %}
  66.     {% if seo['nofollow'] %}noindex, nofollow
  67.     {% endif %}
  68. {% endblock %}
  70. {% block header %}
  71.     {% include './partials/secondaryHeader.html.twig' %}
  72. {% endblock %}
  73. {% block body %}
  74.     <div class="container contact-form-container">
  75.         <div class="row px-4">
  76.             <nav aria-label="breadcrumb" class="px-0">
  77.                 <ol class="breadcrumb">
  78.                     <li class="breadcrumb-item">
  79.                         <a href="/">{{ 'pages.breadcrumb.home'|trans }}</a>
  80.                     </li>
  81.                     <li class="breadcrumb-item active" aria-current="page">{{ 'pages.menu.contact'|trans }}</li>
  82.                 </ol>
  83.             </nav>
  84.         </div>
  85.         <div class="row px-2">
  86.             <div class="co-12 col-lg-4">
  87.                 <h1 class="header">{{ 'pages.contact.header'|trans }}</h1>
  88.                 <div class="subheader">{{ page.description|raw }}</div>
  89.                 <img class="image" src="{{ absolute_url( asset('build/images/icons/Contact.svg') ) }}" alt="contact image">
  90.             </div>
  91.             <div class="co-12 col-lg-8">
  92.                 <div class="d-lg-flex flex-column justify-content-end">
  93.                     <div class="payment-alert">
  94.                         {% for label, messages in app.session.flashbag.all() %}
  95.                             {% for message in messages %}
  96.                                 <div class="payment-alert-{{ label }}">
  97.                                     <img src="{{ absolute_url( asset('build/images/icons/' ~ (label == 'success' ? 'done.png' : 'block.png') ) ) }}" alt="{{message|trans}}">
  98.                                     {{message|trans}}
  99.                                 </div>
  100.                             {% endfor %}
  101.                         {% endfor %}
  102.                     </div>
  103.                     <form action="" class="contact-form mx-auto" method="POST" novalidate>
  104.                         {{ form_start(form) }}
  105.                         <div class="row">
  107.                             <div class="col-12 col-lg-6 form-name">
  108.                                 {{ form_row(form.name, { 'label':  'pages.contact.form.name'|trans }) }}
  109.                             </div>
  110.                             <div class="col-12 col-lg-6 form-email">
  111.                                 {{ form_row(form.email, { 'label': 'pages.reservationForm.email'|trans }) }}
  112.                             </div>
  113.                             <div class="col-12 form-message">
  114.                                 {{ form_row(form.content, { 'label': 'pages.contact.form.message'|trans }) }}
  115.                             </div>
  116.                             <div class="col-12 form-recaptcha">
  117.                                 {{ form_row(form.recaptcha, { 'label': ''}) }}
  118.                             </div>
  120.                             <div class="col-12 d-flex justify-content-end form-button">
  121.                                 {{ form_row(form.send, { 'label': 'pages.contact.form.send'|trans }) }}
  122.                             </div>
  124.                         </div>
  125.                         {{ form_end(form) }}
  127.                     </div>
  128.                 </div>
  129.             </div>
  130.         </div>
  131.     </div>
  132.     <div class="container-fluid white-space d-none d-lg-block"></div>
  135.     <div class="col-12 gallery d-none d-lg-flex">
  136.         {% for item in page.gallery.galleryItems %}
  137.             {% if item.media %}
  138.                 <img src="{{ sonata_path(item.media, 'reference') }}" loading="lazy" alt="{{item.media.description}}">
  139.             {% endif %}
  140.         {% endfor %}
  141.     </div>
  142.     <div class="swiper gallery-swiper d-lg-none">
  144.         <div class="swiper-wrapper">
  145.             {% for item in page.gallery.galleryItems %}
  146.                 {% if item.media %}
  147.                     <div class="swiper-slide">
  148.                         <img src="{{ sonata_path(item.media, 'reference') }}" loading="lazy" alt="{{item.media.description}}">
  149.                     </div>
  150.                 {% endif %}
  151.             {% endfor %}
  152.         </div>
  153.     </div>
  154. {% endblock %}
  155. {% block footer %}
  156.     {% include './partials/footer.html.twig' %}
  157. {% endblock %}
  158. {% block javascripts %}
  159.     {{ parent() }}
  160. {% endblock %}