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

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

@section('content')

    <div class="u-bg-neutral--100  u-bg-wrapper">

        <div class="o-block  l-contain">
            <div class="o-detail-intro">
                <div class="o-detail-intro__back">
                    @include('components.back', [
                        'backText' => __('site/products.back_label'),
                        'backLink' => $links->products->route
                    ])
                </div>
                <div class="o-detail-intro__content  u-has-max-width">
                    <h1 class="u-color-neutral--800">{{$product->translation->name}}</h1>
                    @include('organisms.components', ['componentBlockClasses' => 'u-spacing-mt6'])
                </div>
            </div>
        </div>


        @include('organisms.featuredProjects', [
            //'headingRowTitle' => 'Projecten voorzien van ' . strtolower($product->translation->name),
        ])

    </div>

    @include('organisms.featuredProducts')

@endsection