@extends('layout.app')

@section('content')
    <h1>{{ __('app.index.welcome') }}</h1>

    <div style="text-align: center;">
        <a href="{{ route('apply') }}"><button class="apply-button">{{ __('app.nav.apply') }}!!!!</button></a>
    </div>
    <br /><br />

    <div class="split-left">
        <h2 style="text-align: center;">{{ __('app.nav.about') }}</h2>
        <a href="{{ route('about') }}"><img class="content-img" src="{{ asset('/Bilder/verwvstempel.jpg') }}" alt="{{ __('app.services.alt.stamp') }}"></a>
        <br />

        <h2 style="text-align: center;">{{ __('app.nav.news') }}</h2>
        <a href="{{ route('news') }}"><img class="content-img" src="{{ asset('/Bilder/neuigkeiten.jpg') }}" alt="{{ __('app.news_alt') }}"></a>
        <br />

        <h2 style="text-align: center;">{{ __('app.nav.documents') }}</h2>
        <a href="{{ route('documents') }}"><img class="content-img" src="{{ asset('/Bilder/verwvstempel.jpg') }}" alt="{{ __('app.nav.documents') }}"></a>
        <br />
    </div>
    <div class="split-right">
        <h2 style="text-align: center;">{{ __('app.nav.services') }}</h2>
        <a href="{{ route('services') }}"><img class="content-img" src="{{ asset('/Bilder/abgelehnt.jpg') }}" alt="{{ __('app.services.alt.rejected') }}"></a>
        <br />

        <h2 style="text-align: center;">{{ __('app.nav.contact') }}</h2>
        <a href="{{ route('contact') }}"><img class="content-img" src="{{ asset('/Bilder/kontakt.jpg') }}" alt="{{ __('app.nav.contact') }}"></a>
        <br />

        <h2 style="text-align: center;">{{ __('app.nav.imprint') }}</h2>
        <a href="{{ route('imprint') }}"><img class="content-img" src="{{ asset('/Bilder/ernsthaft.jpg') }}" alt="{{ __('app.nav.imprint') }}"></a>
        <br />
    </div>
@endsection
