@extends('site.pages.case')

{{-- Open graphic --}}
@section('metaTags')
    <meta property="og:title" content="Stafa | Cases | Komma - Web & Branding Agency"/>
    <meta property="og:description" content="@yield('description', 'Case: Stafa')" />
    <meta property="og:image" content="@yield('og:image', URL::to('/') . '/img/komma/cases/stafa/insteekmap.jpg')" />
@show

@section('caseHeader')

    @include('site.partials.cases.caseHeader',[
        'title' => "Stafa",
        'tags' => Lang::get('site/cases/' . $codeName . '.tags'),
        'image' => '/img/komma/cases/'.$codeName.'/header.jpg',
    ])

@endsection

@section('caseProgress')

    {{-- Aside progress in reverserd order --}}
    @include('site.partials.cases.dynamic.progress',[
        'items' => [
            ['key'=>'website','label'=>'Website'],
            ['key'=>'rebranding','label'=>'Rebranding'],
            ['key'=>'3dvisual','label'=>'3D Visual'],
        ]
    ])
@endsection

@section('caseDynamic')


    <section>
        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/stafa/magazijn.jpg" alt="Magazijn Stafa" />
            <img class="stretch preload" src="/img/komma/cases/stafa/logo.jpg" alt="Stafa logo" />
        </div>
    </section>


    <section id="rebranding">

        <div class="contained-layout">
            @include('site.partials.cases.dynamic.singleText',[
                'title' => Lang::get('site/cases/' . $codeName . '.rebranding.title'),
                'description' => Lang::get('site/cases/' . $codeName . '.rebranding.description')
            ])
        </div>

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/stafa/insteekmap.jpg" alt="Insteekmap Stafa" />
            <img class="stretch preload" src="/img/komma/cases/stafa/truck.jpg" alt="Truck Stafa" />
        </div>
        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/stafa/sortering.jpg" alt="Sorteermachine Stafa" />
            <img class="stretch preload" src="/img/komma/cases/stafa/folder.gif" alt="Folder" />
        </div>

    </section>


    <section id="3dvisual">

        <div class="contained-layout">
            @include('site.partials.cases.dynamic.singleText',[
                'title' => Lang::get('site/cases/' . $codeName . '.3dvisual.title'),
                'description' => Lang::get('site/cases/' . $codeName . '.3dvisual.description')
            ])
        </div>

        <div class="image-grid">
            <img class="stretch preload" src="/img/komma/cases/stafa/model.gif" alt="3d model Stafa" />
            <img class="stretch preload" src="/img/komma/cases/stafa/render.jpg" alt="3D render Stafa" />
        </div>

    </section>



    {{-- Website section --}}
    <section id="website">

        <div class="contained-layout">

            @include('site.partials.cases.dynamic.singleText',[
                'title' => Lang::get('site/cases/' . $codeName . '.website.title'),
                'description' => Lang::get('site/cases/' . $codeName . '.website.description')
            ])

        </div>

        <section id="full-size-site-scroll">
            @include('site.partials.cases.dynamic.website', ['site' => $codeName])
        </section>

    </section>



@endsection

@section('caseTestimonial')
    @include('site.partials.cases.caseTestimonial',[
            'image' => 'stafa_ivo.png',
            'codeName' => $codeName
        ])
@endsection

{{-- Full width image beneath the dynamic section --}}
@section('closing')

@endsection