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

Open in your IDE?
  1. {% extends '@theme/base.html.twig' %}
  2. {% block title %}
  3. {{ page.title }}
  4. {% endblock %}
  5. {% block metatitle %}
  6. {{ page.metatitle }}
  7. {% endblock %}
  8. {% block metadescription -%}
  9. {{- page.metadescription|striptags|slice(0, 160) -}}
  10. {%- endblock -%}
  11. {%- block body %}
  12. <script type="application/ld+json">
  13. {
  14. "@context": "https://schema.org",
  15. "@type": "LocalBusiness",
  16. "name": "{{ sitename }}",
  17. "url": "{{ siteurl }}",
  18. "image": "{{ siteurl }}{{ imageCache(asset('build/images/logo.png'), 'cropResize', 560, 120) }}",
  19. "description": "{{ page.metadescription|striptags|slice(0, 160) }}",
  20. "telephone": "{{ renderSetting(2, 'content')|striptags }}",
  21. "email": "{{ renderSetting(3, 'content')|striptags }}",
  22. "sameAs": [
  23. "{{ renderSetting(4, 'content')|striptags }}",
  24. "{{ renderSetting(5, 'content')|striptags }}",
  25. "{{ renderSetting(6, 'content')|striptags }}"
  26. ]
  27. }
  28. </script>
  29. {{ encore_entry_link_tags('home') }}
  30. {{ encore_entry_script_tags('home') }}
  31. <twig:HomeHero :title="page.title">
  32. {{ allowInlineEditor(page, 'subtitle')|raw }}
  33. {# <button data-sa-url="https://01cd99c5-d305-4baa-9921-11e04b8a9c45.scoreapp.com/?sa_target=_top" data-sa-view="popup" data-sa-size="full" style="box-sizing: border-box; min-width: 10rem; box-shadow: none; padding: 0.75rem 2rem; background-color: #8037b5; color: #FFFFFF; font-size: 16px; cursor: pointer; text-align: center; text-decoration: none; font-weight: 400; font-family: Average Sans; line-height: 1.5; border-radius: 5px; text-transform: inherit; border: none; margin: 0; outline: 0; user-select: none"><span>Start the quiz</span></button>
  34. <script src="https://static.scoreapp.com/js/integration/v1/embedding.js?v=Ys75bg"></script> #}
  35. <twig:block name="image">
  36. <img
  37. src="{{ asset('build/images/hero-image-laura.png') }}"
  38. alt="Home Hero Image"
  39. loading="lazy"
  40. >
  41. </twig:block>
  42. <twig:block name="buttons">
  43. <twig:HeroBigButton
  44. colour="primary"
  45. text="For Employers"
  46. description="HR & Employment Law Services for Employers"
  47. url="/areas-of-expertise/employer-services"
  48. >
  49. <twig:block name="icon">
  50. <i class="fa-solid fa-building"></i>
  51. </twig:block>
  52. </twig:HeroBigButton>
  53. <twig:HeroBigButton
  54. colour="secondary"
  55. text="For Employees"
  56. description="HR & Employment Law Services for Employees"
  57. url="/areas-of-expertise/employee-services"
  58. >
  59. <twig:block name="icon">
  60. <i class="fa-solid fa-user-tie"></i>
  61. </twig:block>
  62. </twig:HeroBigButton>
  63. </twig:block>
  64. </twig:HomeHero>
  65. <twig:CompanyValues>
  66. <twig:block name="values">
  67. {{ forceRenderPcgcHtmlBlockByIdentifier(2)|raw }}
  68. </twig:block>
  69. <div class="cms-area">
  70. {{ allowInlineEditor(page, 'content2')|raw }}
  71. <a href="{{ path('router', { slug: 'about' }) }}" class="button mt-12"
  72. >About us</a
  73. >
  74. </div>
  75. </twig:CompanyValues>
  76. {{ renderPcgcComponents('Page Top', pageComponents)|raw }}
  77. <main class="home-page-content">
  78. <div class="container">
  79. <div class="cms-area">
  80. {{ allowInlineEditor(page, 'content')|raw }}
  81. </div>
  82. </div>
  83. </main>
  84. {{ allowInlineEditor(page, 'content3')|raw }}
  85. {% if page.testimonial %}
  86. <div class="bg-black text-white p-4">
  87. {{ page.testimonial.content | raw }}
  88. <div class="flex items-center justify-between">
  89. <div>
  90. {{ page.testimonial.author }} - {{ page.testimonial.company }}
  91. </div>
  92. <a href="{{ path('router', { slug: 'testimonials' }) }}"
  93. >All Testimonials</a
  94. >
  95. </div>
  96. </div>
  97. {% endif %}
  98. {% if page.ctaText and page.ctaLink %}
  99. <a href="{{ page.ctaLink }}" class="btn btn-primary">{{ page.ctaText }}</a>
  100. {% endif %}
  101. <section class="services-block">
  102. <div class="services-block-cta">
  103. <div class="container">
  104. <div
  105. class="services-block-cta__image breakout-image"
  106. style="--min-height: 370px;"
  107. >
  108. <img
  109. class="breakout-image__image"
  110. src="{{ asset('build/images/cta-bg.jpg') }}"
  111. role="presentation"
  112. >
  113. <img
  114. class="services-block-cta__image-foreground"
  115. src="{{ asset('build/images/cta-person.png') }}"
  116. alt="Stressed woman holding a laptop"
  117. width="470"
  118. height="440"
  119. >
  120. </div>
  121. <div class="services-block-cta__content">
  122. {{ forceRenderPcgcHtmlBlockByIdentifier(3)|raw }}
  123. <div class="flex flex-col xl:flex-row gap-4 mt-4">
  124. <a
  125. href="{{ path('router', { slug: 'areas-of-expertise/employer-services' }) }}"
  126. class="button button-dark"
  127. >Employer</a
  128. >
  129. <a
  130. href="{{ path('router', { slug: 'areas-of-expertise/employee-services' }) }}"
  131. class="button"
  132. >Employee</a
  133. >
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. {% if renderPcgcComponents('Services Slider', pageComponents)|raw %}
  139. <div class="services-block-slider">
  140. {{ renderPcgcComponents('Services Slider', pageComponents)|raw }}
  141. </div>
  142. {% endif %}
  143. </section>
  144. {% if forceRenderPcgcHtmlBlockByIdentifier(4)|raw %}
  145. <section class="home-page-case-studies-block">
  146. <div class="container">
  147. {{ forceRenderPcgcHtmlBlockByIdentifier(4)|raw }}
  148. {{ render(controller('App\\Controller\\CaseStudiesDefaultController::embedFeaturedCasestudies')) }}
  149. <a
  150. href="{{ path('router', { slug: 'case-studies' }) }}"
  151. class="button button-white"
  152. >View all Case Studies</a
  153. >
  154. </div>
  155. </section>
  156. {% endif %}
  157. {{ renderPcgcComponents('Accreditations', pageComponents)|raw }}
  158. {{ renderPcgcComponents('Team Members', pageComponents)|raw }}
  159. {{ renderPcgcComponents('Below Content', pageComponents)|raw -}}
  160. {{ render(controller('App\\Controller\\WisdomController::index')) }}
  161. {% include '@theme/landing_page_blocks/index.html.twig' with { blocks: page.landingPageBlocks } %}
  162. {%- endblock -%}
  163. {%- block stylesheets %}{% endblock %}