@if(isset($data) && is_array($data) && !empty($data))
<div class="hakkimizda-main">
    <section class="content-about content--inital">
        <div class="one" style="background-image: url('{{ asset($data['giris_gorseli']) }}')"></div>
    </section>
    <section class="content-about content--center content--center2 content--blend">
        <div data-step class="content__img"></div>
        <h1 class="content__title font-alt">
            <span>{{ $data['giris_basligi'] }}</span><br /><span>{{ $data['giris_alt_baslik'] }}</span>
        </h1>
    </section>
    <section class="content-about content--column">
        <div class="content__img mobile-none" style="background-image: url('{{ asset($data['hakkimizda_1_gorseli']) }}')"></div>
        <div class="content__img" style="background-image: url('{{ asset($data['hakkimizda_2_gorseli']) }}')"></div>
        <div data-step class="content__img content__img--mid"></div>
        <div class="content__img" style="background-image: url('{{ asset($data['hakkimizda_3_gorseli']) }}')"></div>
        <div class="content__img mobile-none" style="background-image: url('{{ asset($data['hakkimizda_4_gorseli']) }}')"></div>
    </section>
    <section class="content-about content--lines">
        <h2 class="content__title content__title--small font-alt">
            <span>{{ $data['hakkimizda_1_baslik'] }}</span>
            <div data-step class="content__img"></div>
            <span>{{ $data['hakkimizda_1_alt_baslik'] }}</span>
        </h2>
        <h2 class="content__title content__title--small font-alt">
            <span>{{ $data['hakkimizda_2_baslik'] }}</span>
            <div class="content__img" style="background-image: url('{{ asset($data['hakkimizda_2_gorseli']) }}')"></div>
            <span>{{ $data['hakkimizda_2_alt_baslik'] }}</span>
        </h2>
        <h2 class="content__title content__title--small font-alt">
            <span></span>
            <div class="content__img" style="background-image: url('{{ asset($data['hakkimizda_3_gorseli']) }}')"></div>
            <span>{{ $data['hakkimizda_3_alt_baslik'] }}</span>
        </h2>
    </section>
    <section class="content-about content--sides">
        <div data-step class="content__img"></div>
        <div class="content__text">
            <p>
                {{ $data['hakkimizda_genel_metin'] }}
            </p>
        </div>
    </section>
    <section class="content-about content--center content--center-tall">
        <div data-step class="content__img"></div>
        <div class="content__text content__text--large">
            <h2 class="outro__title font-alt" style="margin-top: 75vh">
                {{ $data['hakkimizda_vizyon_misyon_baslik'] }}
            </h2>
            <p>
                {{ $data['hakkimizda_vizyon_misyon_metin'] }}
            </p>
        </div>
    </section>
    <section class="content-about content--grid">
        <div class="content__img" style="background-image: url('{{ asset($data['vizyon_misyon_alt_gorseli_1']) }}')"></div>
        <div data-step class="content__img"></div>
        <div class="content__img" style="background-image: url('{{ asset($data['vizyon_misyon_alt_gorseli_2']) }}')"></div>
        <div class="content__img" style="background-image: url('{{ asset($data['vizyon_misyon_alt_gorseli_3']) }}')"></div>
        <div class="content__img" style="background-image: url('{{ asset($data['vizyon_misyon_alt_gorseli_4']) }}')"></div>
        <div class="content__img" style="background-image: url('{{ asset($data['vizyon_misyon_alt_gorseli_5']) }}')"></div>
        <div class="content__img" style="background-image: url('{{ asset($data['vizyon_misyon_alt_gorseli_6']) }}')"></div>
        <div class="content__img" style="background-image: url('{{ asset($data['vizyon_misyon_alt_gorseli_7']) }}')"></div>
        <div class="content__img" style="background-image: url('{{ asset($data['vizyon_misyon_alt_gorseli_8']) }}')"></div>
    </section>
</div>

@section('scripts')
<script src="{{ asset(env('THEME_FOLDER') . '/assets/js/hakkimizda/Flip.min.js') }}"></script>
<script type="module" src="{{ asset(env('THEME_FOLDER') . '/assets/js/hakkimizda/index.js') }}"></script>
@endsection
@endif