templates/themes/theme/templates/home.html.twig line 1

Open in your IDE?
  1. {% extends '@theme/base.html.twig' %}
  2. {% block title %}{{ page.title }}{% endblock %}
  3. {% block metatitle %}{{ page.metatitle }}{% endblock %}
  4. {% block metadescription %}{{ page.metadescription|striptags|slice(0, 160) }}{% endblock %}
  6. {% block body %}
  8. <script type="application/ld+json">
  9.     {
  10.         "@context": "https://schema.org",
  11.         "@type": "LocalBusiness",
  12.         "name": "{{ sitename }}",
  13.         "url": "{{ siteurl }}",
  14.         "image": "{{ siteurl }}{{ imageCache(asset('build/images/kas-scaffolding-logo.png'), 'cropResize', 600, 232)  }}",
  15.         "description": "{{ page.metadescription|striptags|slice(0, 160) }}",
  16.         "address": {
  17.             "@type": "PostalAddress",
  18.             "streetAddress": "42 Readmans Industrial Estate",
  19.             "addressLocality": "East Tilbury",
  20.             "addressRegion": "Essex",
  21.             "postalCode": "RM18 8QR",
  22.             "addressCountry": "GB"
  23.         },
  24.         "telephone": "{{ renderSetting(2, 'content') }}",
  25.         "email": "{{ renderSetting(3, 'content') }}",
  26.         "geo": {
  27.             "@type": "GeoCoordinates",
  28.             "latitude": "{{ renderSetting(4, 'content') }}",
  29.             "longitude": "{{ renderSetting(5, 'content') }}"
  30.         },
  31.         "sameAs": [
  32.             "{{ renderSetting(7, 'content') }}",
  33.             "{{ renderSetting(8, 'content') }}",
  34.             "{{ renderSetting(9, 'content') }}"
  35.         ]
  36.     }
  37. </script>
  39. <section class="video w-full flex items-center text-white">
  40.     {% if page.file %}
  41.     <video autoplay muted playsinline loop id="myVideo">
  42.         <source src="{{ page.getFileUrl }}" type="video/mp4">
  43.         Your browser does not support the video tag.
  44.     </video>
  45.      {% endif %}
  46.     <div class="container relative z-20">
  47.         <div class="row">
  48.             <div class="lg:col-8 md:col-10 sm:col-12 col-12">
  49.                 <h1>{{ allowInlineEditor(page, 'title')|raw }}</h1>
  50.             </div>
  51.         </div>
  52.         <div class="row">
  53.             <div class="lg:col-7 md:col-8 sm:col-12 col-12">
  54.                 {{ allowInlineEditor(page, 'kicker')|raw }}
  55.                 <a class="btn btn-primary" href="{{ renderSetting(21, 'content') }}">{{ renderSetting(21, 'title') }}</a>
  56.             </div>
  57.         </div>
  58.         <a href="/nasc-membership" class="absolute bottom-0 right-4 z-20 block">
  59.             <img src="{{ imageCache(asset('build/images/nasc-logo.png'), 'cropResize', 340, 80)  }}" width="170" height="40" alt="NASC accredited logo" loading="lazy" />
  60.         </a>
  61.     </div>
  62. </section>
  64. <section class="pt-10">
  65.      {{ renderComponents('Before Content', pageComponents)|raw }}
  67.     <div class="container">
  68.         <div class="row flex items-center">
  69.             <div class="lg:col-3 hidden lg:block">
  70.                 <div>
  71.                     <div class="img-top"></div>
  72.                     <div class="lg:-mr-72 relative z-30">
  73.                         <img class="max-w-full h-auto" src="{{ imageCache('/userfiles/images/page/' ~ page.image, 'zoomCrop', 900, 840) }}" width="608" height="568" alt="{{ page.title }}" loading="lazy" />
  74.                     </div>
  75.                     <div class="img-btm"></div>
  76.                 </div>
  77.             </div>
  78.             <div class="lg:col-9">
  79.                 <div class="bg-extend bg-primary text-white text-xl font-light py-12 lg:py-24 lg:pl-80 lg:pr-8 relative z-20 cms-area">
  80.                     {{ allowInlineEditor(page, 'content')|raw }}
  81.                     <a class="btn btn-white mt-12" href="{{ renderSetting(20, 'content') }}">{{ renderSetting(20, 'title') }}</a>
  82.                     {% include '@theme/common/certified.html.twig' %}
  83.                 </div>
  84.             </div>
  85.         </div>
  86.     </div>
  88.     {{ renderComponents('After Content', pageComponents)|raw }}
  89. </section>
  91. <section class="split mb-16 relative">
  92.     <div class="container">
  93.         <div class="split-wrapper text-white md:flex md:flex-row">
  94.             <div class="split-left md:w-1/2 bg-secondary py-12 pr-4">
  95.                 {{ allowInlineEditor(page, 'content2')|raw }}
  96.                 <a class="btn btn-white mt-12" href="{{ renderSetting(22, 'content') }}">{{ renderSetting(22, 'title') }}</a>
  97.             </div>
  98.             <div class="split-right md:w-1/2 py-12 md:pl-36">
  99.                 {{ renderComponents('Service List', pageComponents)|raw }}
  100.             </div>
  101.         </div>
  102.     </div>
  103. </section>
  105. <section class="featured-team-members text-center mb-12">
  106.     <div class="container">
  107.         {{ renderComponents('Team Members', pageComponents)|raw }}
  108.     </div>
  109. </section>
  111. {{ renderHtmlBlock('Content Block', pageHtmlBlocks, page)|raw }}
  113. {{ renderComponents('Contact Form', pageComponents)|raw }}
  115. {% endblock %}
  117. {% block stylesheets %}
  118. {% endblock %}