templates/themes/theme/templates/cmspage-about.html.twig line 70

Open in your IDE?
  1. {% extends '@theme/base.html.twig' %}
  2. {% block metatitle %}{{page.metatitle}}{% endblock %}
  3. {% block metadescription %}{{page.metadescription|striptags|slice(0, 160)}}{% endblock %}
  5. {% block body %}
  7. <script type="application/ld+json">
  8. {
  9. "@context": "https://schema.org",
  10. "@type": "AboutPage",
  11. "name": "{{ page.metatitle }}",
  12. "url": "{{ siteurl }}{{ path(app.request.attributes.get('_route'),app.request.attributes.get('_route_params')) }}",
  13. "mainEntity": {
  14. "@type": "LocalBusiness",
  15. "name": "{{ sitename }}",
  16. "description": "{{ page.metadescription|striptags|slice(0, 160) }}",
  17. "url": "{{ siteurl }}",
  18. "logo": {
  19. "@type": "ImageObject",
  20. "url": "{{ siteurl }}{{ imageCache(asset('build/images/kas-scaffolding-logo.png'), 'cropResize', 600, 232) }}",
  21. "width": 600,
  22. "height": 232
  23. },
  24. "address": {
  25. "@type": "PostalAddress",
  26. "streetAddress": "42 Readmans Industrial Estate",
  27. "addressLocality": "East Tilbury",
  28. "addressRegion": "Essex",
  29. "postalCode": "RM18 8QR",
  30. "addressCountry": "GB"
  31. },
  32. "telephone": "{{ renderSetting(2, 'content') }}",
  33. "email": "{{ renderSetting(3, 'content') }}",
  34. "areaServed": [
  35. {
  36. "@type": "Place",
  37. "name": "London"
  38. },
  39. {
  40. "@type": "Place",
  41. "name": "Esssex"
  42. },
  43. {
  44. "@type": "Place",
  45. "name": "Kent"
  46. },
  47. {
  48. "@type": "Place",
  49. "name": "Cambridge"
  50. },
  51. {
  52. "@type": "Place",
  53. "name": "Oxford"
  54. }
  55. ],
  56. "sameAs": [
  57. "{{ renderSetting(7, 'content') }}",
  58. "{{ renderSetting(8, 'content') }}",
  59. "{{ renderSetting(9, 'content') }}"
  60. ]
  61. }
  62. }
  63. </script>
  65. <section class="bg-pattern-light mb-12 pt-[148px] md:pt-[163px] mt-12">
  66. <div class="container relative z-10">
  67. <div class="row">
  68. <div class="col-12">
  69. <picture>
  70. <source srcset="{{ imageCache('/userfiles/images/page/' ~ page.image, 'zoomCrop', 1566, 535) }}" media="(max-width: 767px)">
  71. <img class="max-w-full h-auto" src="{{ imageCache('/userfiles/images/page/' ~ page.image, 'zoomCrop', 2340, 800) }}" width="1370" height="468" alt="{{ page.title }}" loading="lazy" />
  72. </picture>
  73. </div>
  74. </div>
  75. </div>
  76. </section>
  78. <section class="content">
  79. <div class="container">
  80. <div class="row">
  81. <div class="lg:col-6 order-2 lg:order-1">
  82. <img class="max-w-full h-auto" src="{{ imageCache('/userfiles/images/page/' ~ page.image2, 'zoomCrop', 1140, 1200) }}" width="670" height="706" alt="{{ page.title }}" loading="lazy" />
  83. </div>
  84. <div class="xl:col-5 xl:offset-1 lg:col-6 order-1 lg:order-2 flex flex-col justify-between mb-12 lg:mb-0">
  85. <div class="text-lg">
  86. {% if page.subtitle %}
  87. <h3 class="text-green">{{ page.subtitle|raw }}</h3>
  88. {% endif %}
  89. <h1>{{ replaceIfComponentDataExists(pageComponents, "title", page.title) }}</h1>
  90. {{ allowInlineEditor(page, 'content')|raw }}
  91. </div>
  92. <div>
  93. <a class="btn btn-primary mt-12" href="{{ renderSetting(18, 'content') }}">{{ renderSetting(18, 'title') }}</a>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </section>
  100. {% include '@theme/common/company-info.html.twig' %}
  102. <div class="container text-center mb-12">
  103. {{ renderComponents('Sector Slider', pageComponents)|raw }}
  105. {{ renderComponents('Team', pageComponents)|raw }}
  106. </div>
  108. {{ renderComponents('FAQs', pageComponents)|raw }}
  110. {% endblock %}
  112. {% block stylesheets %}
  113. {% endblock %}