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

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 %}