@extends('layouts.base')

@section('meta')
    <title>404 | Base Photography</title>
    <meta name="description" content="Pagina niet gevonden | Base Photography">
@endsection

@section('content')
    @include('layouts.partials.header')
    @include('layouts.partials.mobileNavigation')

    <div class="error-row error">
        <div class="cta-block">
            <h1>
                404 - Page not found
            </h1>
            <div style="margin-top: 50px;">
                <p>Kennelijk ging er iets mis. Heeft u het juiste adres?</p>
                <p>
                    Bekijk anders een foto's op basis van een van mijn onderwerpen: <a
                            style="color: #FF9600; font-weight: 700;" href="/projecten?active=mens">mens</a>,<a
                            style="color: #FF9600; font-weight: 700;" href="/projecten?active=materie">materie</a> en <a
                            style="color: #FF9600; font-weight: 700;"
                            href="/projecten?active=architectuur">architectuur</a>
                </p>

                <div class="return-home">
                    <a style="color: #FF9600; font-weight: 700;" href="/">Ga terug naar home</a>
                </div>
                <div class="call">
                    <a href="tel:{{\Config::get('business.phone.call')}}">
                        <div class="icon-circle"><span></span></div>
                        <p>Kom je er echt niet uit bel dan naar: {{\Config::get('business.phone.display')}}</p>
                    </a>
                </div>
            </div>
        </div>
    </div>

    @include('layouts.partials.contact')

    @include('layouts.partials.footer')
@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/form.js"></script>
@endsection