@php /** @var \App\Pages\Models\Page $page */@endphp
@extends('master', [
    'headerIsLight' => true,
    'headerClasses' => "o-header--home"
])

@section('title', $page->translation->meta_title != '' ? $page->translation->meta_title : $page->translation->name .' | '. config('site.company_name'))
@section('meta_title', $page->translation->meta_title ?? '')
@section('meta_description', $page->translation->meta_description ?? '')

@section('content')

    <div class="u-bg-neutral--1000">

        <div class="o-intro  u-spacing-mb0">
            @include('components.hero')
        </div>

        @if($page->hero->active)
            <div class="o-lt">
                <div class="o-lt__wrapper">
                    <div class="o-lt__intro  s-text">
                        @if(!empty($page->hero->title))
                            <p>{{$page->hero->title}}</p>
                        @endif

                        <h2 class="o-lt__lead  u-spacing-mt1">{!! $page->hero->lead !!}</h2>

                        @include('components.button', [
                            'modifiers' => ['icon'],
                            'buttonClasses' => 'js-scroll-to-target',
                            'buttonText' => 'Discover Eleo',
                            'buttonLink' => '#bigCardGrid',
                        ])
                    </div>
                    <div class="o-lt__content  s-text">
                        @if(!empty($page->hero->description))
                            {!! $page->hero->description !!}
                        @endif
                    </div>
                </div>
            </div>
        @endif

        {{-- Discover row fixed on this page --}}
        @if(isset($discover_page_codenames) && count($discover_page_codenames) > 0)
            @include('organisms.bigCardGrid', [
                'cardItems' => $discover_page_codenames,
                'modelThroughLinks' => true
            ])
        @endif
    </div>

    <div class="t-home-components-wrapper">
        @include('organisms.components')
    </div>

    @include('organisms.calloutBar')

@endsection