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