@extends('master', [
    'heroIsLarge' => true,
    'heroHasInfo' => false,
])

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')

    <div class="u-reset-hero-info-panel-offset  u-bg-neutral--100  u-bg-wrapper">
        <div class="l-contain  o-block">
            <div class="l-restrict-wide">
                <h1 class="c-page-heading  u-color-neutral--800">{!! $page->translation->subtitle !!}</h1>
                <p class="c-lead  u-spacing-mt6">{!! $page->translation->intro !!}</p>

                @include('components.button', [
                    'type' => 'text',
                    'modifiers' => ['icon'],
                    'buttonClasses' => 'u-spacing-mt6',
                    'buttonText' => __('site/projects.our_projects'),
                    'buttonLink' => $links->projects->route,
                ])
            </div>
        </div>

        @include('organisms.featuredProjects', [
            'headingRowTitle' => false,
            'headingRowButtonLabel' => false,
        ])

        @include('organisms.textServicepoint', [
            'modifiers' => 'on-dark',
            'tsTitle'   => __('site/home.text_servicepoint.title'),
            'tsText'    => __('site/home.text_servicepoint.description'),
            'tsButtonText'  => __('site/home.text_servicepoint.buttonText'),
            'tsButtonLink'  => $links->about->route,
            'servicepointType' => 'on-dark',
        ])
    </div>

{{--    @include('organisms.clientsRow')--}}

    @include('organisms.featuredProducts', [
        'hasBg' => true,
    ])

    @include('organisms.components')

@endsection