@extends('layout.master')
@section('meta')
    @include('layout.partials.seo', [
        'title' => $page->meta_title,
        'description' => $page->meta_description,
        'keywords' => $page->meta_keywords,
        'image' => $page->getFirstMediaUrlOrDefault(MediaHelper::PAGE_MEDIA_PATH, 'webp')['url'],
        'schema' => $page->schema
    ])
@endsection
@section('content')

    <main id="content">
        <div class="bg-img-hero text-center mb-1" style="background-image: url({{$page->getFirstMediaUrlOrDefault(MediaHelper::PAGE_BANNER_MEDIA_PATH, 'webp')['url']}});"
        role="img"
        title="{{$page->getFirstMediaUrlOrDefault(MediaHelper::PAGE_BANNER_MEDIA_PATH)['title']}}"
        aria-label="{{$page->getFirstMediaUrlOrDefault(MediaHelper::PAGE_BANNER_MEDIA_PATH)['alt']}}">
            <div class="container space-top-xl-3 py-6 py-xl-0">
                <div class="row justify-content-center py-xl-4">
                    <!-- Info -->
                    <div class="py-xl-10 py-5">
                        <h1 class="font-size-40 font-size-xs-30 text-white font-weight-bold mb-0">{{$page->title}}</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb breadcrumb-no-gutter justify-content-center mb-0">
                                <li class="breadcrumb-item font-size-14"> <a class="text-white" href="{{route('home')}}">{{__('general.home')}}</a> </li>
                                <li class="breadcrumb-item custom-breadcrumb-item font-size-14 text-white active" aria-current="page">{{$page->name}}</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- End Info -->
                </div>
            </div>
        </div>
        <div class="slider border-bottom border-color-3">
            <div class="container space-1 mt-4">
                <section class="mb-4">
                    <div class="row">
                        <div class="col-md-5">
                            <div class="img--about">
                                <img src="{{$page->getFirstMediaUrlOrDefault(MediaHelper::PAGE_MEDIA_PATH, 'webp')['url']}}"
                                     alt="{{$page->getFirstMediaUrlOrDefault(MediaHelper::PAGE_MEDIA_PATH)['alt']}}"
                                     title="{{$page->getFirstMediaUrlOrDefault(MediaHelper::PAGE_MEDIA_PATH)['title']}}">
                            </div>
                        </div>

                        <div class="col-md-7">
                            <h3 class="font-weight-bold text-center text-md-left ">{{$page->title1}}</h3>
                            <p class="text-gray-1"> {!! strip_tags($page->description) !!}</p>
                        </div>

                        <div class="col-md-12 mt-4">
                            <h2 class="font-size-21 font-weight-bold text-center text-md-left ">{{$page->title2}}</h2>
                            <p class="text-gray-1"> {!! strip_tags($page->second_description) !!} </p>
                        </div>

                    </div>
                </section>

            </div>
        </div>
       @include('layout.partials.faqs')
       @include('layout.partials.partners')
    </main>

@endsection