{% extends '@theme/base.html.twig' %}
{% block title %}
{{ page.title }}
{% endblock %}
{% block metatitle %}
{{ page.metatitle }}
{% endblock %}
{% block metadescription -%}
{{- page.metadescription|striptags|slice(0, 160) -}}
{%- endblock -%}
{%- block body %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "{{ sitename }}",
"url": "{{ siteurl }}",
"image": "{{ siteurl }}{{ imageCache(asset('build/images/logo.png'), 'cropResize', 560, 120) }}",
"description": "{{ page.metadescription|striptags|slice(0, 160) }}",
"telephone": "{{ renderSetting(2, 'content')|striptags }}",
"email": "{{ renderSetting(3, 'content')|striptags }}",
"sameAs": [
"{{ renderSetting(4, 'content')|striptags }}",
"{{ renderSetting(5, 'content')|striptags }}",
"{{ renderSetting(6, 'content')|striptags }}"
]
}
</script>
{{ encore_entry_link_tags('home') }}
{{ encore_entry_script_tags('home') }}
<twig:HomeHero :title="page.title">
{{ allowInlineEditor(page, 'subtitle')|raw }}
{# <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>
<script src="https://static.scoreapp.com/js/integration/v1/embedding.js?v=Ys75bg"></script> #}
<twig:block name="image">
<img
src="{{ asset('build/images/hero-image-laura.png') }}"
alt="Home Hero Image"
loading="lazy"
>
</twig:block>
<twig:block name="buttons">
<twig:HeroBigButton
colour="primary"
text="For Employers"
description="HR & Employment Law Services for Employers"
url="/areas-of-expertise/employer-services"
>
<twig:block name="icon">
<i class="fa-solid fa-building"></i>
</twig:block>
</twig:HeroBigButton>
<twig:HeroBigButton
colour="secondary"
text="For Employees"
description="HR & Employment Law Services for Employees"
url="/areas-of-expertise/employee-services"
>
<twig:block name="icon">
<i class="fa-solid fa-user-tie"></i>
</twig:block>
</twig:HeroBigButton>
</twig:block>
</twig:HomeHero>
<twig:CompanyValues>
<twig:block name="values">
{{ forceRenderPcgcHtmlBlockByIdentifier(2)|raw }}
</twig:block>
<div class="cms-area">
{{ allowInlineEditor(page, 'content2')|raw }}
<a href="{{ path('router', { slug: 'about' }) }}" class="button mt-12"
>About us</a
>
</div>
</twig:CompanyValues>
{{ renderPcgcComponents('Page Top', pageComponents)|raw }}
<main class="home-page-content">
<div class="container">
<div class="cms-area">
{{ allowInlineEditor(page, 'content')|raw }}
</div>
</div>
</main>
{{ allowInlineEditor(page, 'content3')|raw }}
{% if page.testimonial %}
<div class="bg-black text-white p-4">
{{ page.testimonial.content | raw }}
<div class="flex items-center justify-between">
<div>
{{ page.testimonial.author }} - {{ page.testimonial.company }}
</div>
<a href="{{ path('router', { slug: 'testimonials' }) }}"
>All Testimonials</a
>
</div>
</div>
{% endif %}
{% if page.ctaText and page.ctaLink %}
<a href="{{ page.ctaLink }}" class="btn btn-primary">{{ page.ctaText }}</a>
{% endif %}
<section class="services-block">
<div class="services-block-cta">
<div class="container">
<div
class="services-block-cta__image breakout-image"
style="--min-height: 370px;"
>
<img
class="breakout-image__image"
src="{{ asset('build/images/cta-bg.jpg') }}"
role="presentation"
>
<img
class="services-block-cta__image-foreground"
src="{{ asset('build/images/cta-person.png') }}"
alt="Stressed woman holding a laptop"
width="470"
height="440"
>
</div>
<div class="services-block-cta__content">
{{ forceRenderPcgcHtmlBlockByIdentifier(3)|raw }}
<div class="flex flex-col xl:flex-row gap-4 mt-4">
<a
href="{{ path('router', { slug: 'areas-of-expertise/employer-services' }) }}"
class="button button-dark"
>Employer</a
>
<a
href="{{ path('router', { slug: 'areas-of-expertise/employee-services' }) }}"
class="button"
>Employee</a
>
</div>
</div>
</div>
</div>
{% if renderPcgcComponents('Services Slider', pageComponents)|raw %}
<div class="services-block-slider">
{{ renderPcgcComponents('Services Slider', pageComponents)|raw }}
</div>
{% endif %}
</section>
{% if forceRenderPcgcHtmlBlockByIdentifier(4)|raw %}
<section class="home-page-case-studies-block">
<div class="container">
{{ forceRenderPcgcHtmlBlockByIdentifier(4)|raw }}
{{ render(controller('App\\Controller\\CaseStudiesDefaultController::embedFeaturedCasestudies')) }}
<a
href="{{ path('router', { slug: 'case-studies' }) }}"
class="button button-white"
>View all Case Studies</a
>
</div>
</section>
{% endif %}
{{ renderPcgcComponents('Accreditations', pageComponents)|raw }}
{{ renderPcgcComponents('Team Members', pageComponents)|raw }}
{{ renderPcgcComponents('Below Content', pageComponents)|raw -}}
{{ render(controller('App\\Controller\\WisdomController::index')) }}
{% include '@theme/landing_page_blocks/index.html.twig' with { blocks: page.landingPageBlocks } %}
{%- endblock -%}
{%- block stylesheets %}{% endblock %}