@extends('layouts.app')
@section('css')
@endsection
@section('meta_title'){{$data->meta_title}}@endsection
@section('meta_desc'){{$data->meta_description}}@endsection
@section('meta_author'){{"Author"}}@endsection
@section('meta_keyword'){{"Keyword"}}@endsection
@section('canonical'){{url()->current()}}@endsection

@section('content')


    <section class="page-title-big-typography bg-dark-gray cover-background pb-0 top-space-padding" style="background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) , url('{{ asset('uploads/1-3758.jpg') }}'); padding-top: 93px;">
        <div class="container">
            <div class="row align-items-center justify-content-center extra-very-small-screen">
                <nav aria-label="breadcrumb" class="d-flex justify-content-center">
                    <ol class="breadcrumb bg-transparent p-0 mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('home') }}" class="text-white">
                                <i class="feather icon-home text-white"></i> Anasayfa</a>
                        </li>
                        <li class="breadcrumb-item text-white">
                            <a href="{{ $data->slug }}" class="text-white">
                                <i class="feather icon-info"></i>{{ $data->title }}
                            </a>
                        </li>
                    </ol>
                </nav>
            </div>
        </div>
    </section>

    @if($data->id === 1)
        @livewire('about')
    @elseif($data->id === 14)
        <section class="bg-dark-midnight-blue">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5 offset-lg-1 appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 200, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
                        <h1 class="alt-font text-white mb-20px fs-40" style="">@lang('layout.events-title1')</h1>
                        <p class="w-90 lg-w-100" style="">@lang('layout.events-text')</p>
                        <h1 class="alt-font text-white mb-20px fs-40 mt-15" style="">@lang('layout.events-title2')</h1>
                        <p class="w-90 lg-w-100" style="">@lang('layout.events-text2')</p>
                    </div>
                    <div class="col-lg-6 md-mb-50px sm-mb-30px appear anime-complete" data-anime="{ &quot;translateX&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="">
                        <img src="{{ asset('uploads/1-3758.jpg') }}" alt="" class="border-radius-6px w-100" data-no-retina="">
                    </div>
                </div>
            </div>
        </section>
    @elseif($data->id === 13)
        <section class="bg-dark-midnight-blue">
            <div class="container">
                <div class="row align-items-cente">
                    <div class="col-lg-6 appear anime-complete">
                        <img src="{{ asset('uploads/1-3767.jpg') }}" style="min-height: 400px" alt="" class="w-100" data-no-retina="">
                        <p class="text-white text-center fs-30">Fişekhane / İstanbul</p>
                    </div>
                    <div class="col-lg-6 appear anime-complete">
                        <img src="{{ asset('uploads/images/moscow-city-business-center-at-sunrise-aerial-vie-2024-11-27-11-07-50-utc.jpg') }}" style="min-height: 400px"  alt="" class="w-100" data-no-retina="">
                        <p class="text-white text-center fs-30">Moskova / Rusya</p>
                    </div>
                </div>
            </div>
        </section>
    @elseif($data->id === 12)
        @livewire('menu')
    @elseif($data->id === 16)
        <div class=" p-5 bg-dark" id="ZpyKmb3xL"><script type="text/javascript" async data-short="ZpyKmb3xL" data-path="tours" data-is-self-hosted="false" width="100%" height="500px" src="https://app.cloudpano.com/public/shareScript.js"></script></div>
    @endif
    @livewire('contact')

@section('js')
@endsection
@endsection