@extends('layouts.master')
@section('meta')
    @include('layouts.partials.seo', [
        'title' => nova_get_setting_translate('about_us_meta_title') ?? nova_get_setting_translate('about_us_heading'),
        'description' =>  nova_get_setting_translate('about_us_meta_description') ?? env('APP_NAME') ,
        'keywords' => nova_get_setting_translate('about_us_meta_keywords') ?? env('APP_NAME'),
        'image' => Storage::url(nova_get_setting('about_us_image')),
        'schema' => nova_get_setting('about_us_meta_other'),
    ])
@endsection
@section('css')
    <style>
        div.svgIcon svg {
            width: 50px !important;
        }
    </style>
@endsection
@section('content')
    <section class="rlr-section">
        <div class="rlr-cta rlr-cta--no-button"  style="background: url('{{ Storage::url(nova_get_setting('about_us_banner')) }}'); "
             title="{{nova_get_setting('about_us_banner_title')}}" role="img"
             aria-label="{{nova_get_setting_translate('about_us_banner_alt')}}">
            <h1>{{__('about.about_us')}}</h2>
            <p>{{nova_get_setting_translate('about_us_heading')}}</p>
        </div>
    </section>

    <div class="rlr-search-results-page__breadcrumb-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb rlr-breadcrumb__items">
                            <li class="breadcrumb-item rlr-breadcrumb__item"><a
                                    href="{{route('home')}}">{{__('homePage.home')}}</a>
                            </li>
                            <li class="breadcrumb-item rlr-breadcrumb__item active"
                                aria-current="page">{{__('about.about_us')}}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>


    <section class="rlr-about rlr-section rlr-section__my">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <!-- Section heading -->
                    <div class="rlr-section__title">
                        <h2 class="rlr-section__title--main">{{__('about.our_vision')}}</h2>
                        <span class="rlr-section__title--sub"></span>
                    </div>
                    <div class="row gy-5">
                        @foreach($visions as $vision_row)
                            <div class="col-xl-6 aos-init aos-animate">
                                <!-- Text card -->
                                <div class="rlr-text-card rlr-text-card--numbered">
                                    <h5 class="rlr-text-card__title">{{$loop->iteration}}</h5>
                                    <p class="rlr-text-card__desc">
                                        {{$vision_row['description']}}
                                    </p>
                                </div>
                            </div>
                        @endforeach

                    </div>
                </div>
                <div class="offset-xl-1 col-lg-5">
                    <div class="rlr-img rlr-img--dotted img-fluid">
                        <img class="img-fluid"
                             src="{{ Storage::url(nova_get_setting('about_us_image')) }}"
                             title="{{ Storage::url(nova_get_setting('about_us_image_title')) }}"
                             alt="{{ Storage::url(nova_get_setting('about_us_image_alt')) }}">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="des--about--page">
                    <small>{{__('about.welcome_to')}}</small>
                    <h3>{{nova_get_setting_translate('about_us_preHeading')}}</h3>

                    {!!nova_get_setting_translate('about_us_description')!!}
                </div>
            </div>
        </div>
    </section>


    @include('layouts.partials.why_choose')
    @include('layouts.partials.customer_gallery')
    @include('layouts.partials.clients_say')
    @include('layouts.partials.faq')
    @include('layouts.partials.partners')

@endsection