@extends('layouts.base')

@section('title')
    Senecartours - Presentation
@endsection

@push('css')
@endpush

@section('content')
    <!-- Inner Page Breadcrumb -->
    <section class="inner_page_breadcrumb">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="breadcrumb_content">
                        <h2 class="breadcrumb_title">{{ __('messages.about') }}</h2>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('home.show') }}"
                                    style="color: blue !important">{{ __('messages.home') }}</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page"><a href="#"
                                    style="color: #e7651d !important">{{ __('messages.about') }}</a></li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- About Text Content -->
    <section class="about-section pb130">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="about_thumb mb30-md  wow fadeInLeft">
                        <img class="thumb1" src="{{ asset('assets/images/presentation/1113.jpg') }}"
                            alt="1.jpg') }}">
                        <img class="img-fluid thumb2" src="{{ asset('assets/images/presentation/1114.jpg') }}"
                            alt="2.jpg') }}">
                    </div>
                </div>
                <div class="col-lg-5 offset-lg-1">
                    <div style="margin-top: -10px" class="wow fadeInUp about_content" data-animation-name='bounceInRight' data-animation-delay="200">
                        <h2 class="title">{{ __('presentation.presentation_of') }} <strong
                                style="color: #e7651d">SENECARTOURS</strong></h2>
                        <p class="mb5" style="text-align: justify; font-size: 16px">
                            {{ __('presentation.sentence_one') }}
                            <br>
                            {{ __('presentation.sentence_two') }}
                            <br>
                            {{ __('presentation.sentence_three') }}
                            <br>
                            {{ __('presentation.sentence_three') }}
                            <br>
                            {{ __('presentation.sentence_four') }}
                            <br>
                            {{ __('presentation.sentence_five') }}
                            <br>
                            {{ __('presentation.sentence_six') }}
                            <br>
                            {{ __('presentation.sentence_seven') }}
                            <br>
                            {{ __('presentation.sentence_eight') }}
                            <br>
                            {{ __('presentation.sentence_nine') }}
                            <br>
                            {{ __('presentation.sentence_ten') }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Why Chose Us -->
    <section class="why-chose pb90 pt0-md">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="main-title text-center">
                        <h2>{{ __('messages.why_choose_us') }} <span style="color: #e7651d">SENECARTOURS&nbsp;?</span>
                        </h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-lg-4">
                    <div class="why_chose_us">
                        <div class="icon float-start"><span class="flaticon-price-tag"></span></div>
                        <div class="details  wow fadeInLeft">
                            <h5 class="title">{{ __('presentation.parking') }}</h5>
                            <p style="text-align: justify; font-size: 16px"><strong>SENECARTOURS</strong>,
                                {{ __('presentation.parking_text') }}</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <div class="why_chose_us">
                        <div class="icon float-start style2"><span class="flaticon-car"></span></div>
                        <div class="details wow fadeInDown">
                            <h5 class="title">{{ __('presentation.partners') }}</h5>
                            <p style="text-align: justify; font-size: 16px">
                                {{ __('presentation.partner_text') }}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <div class="why_chose_us">
                        <div class="icon float-start style3"><span class="flaticon-trust"></span></div>
                        <div class="details wow fadeInRight">
                            <h5 class="title">{{ __('presentation.professionalism') }}</h5>
                            <p style="text-align: justify; font-size: 16px">
                                {{ __('presentation.professionalism_text') }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Service Section Area -->
    <section class="our-service">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-xl-5">
                    <div class="service_thumb mb30-sm wow fadeInLeft">
                        <img src="{{ asset('assets/images/presentation/aerocab.png') }}" alt="2.jpg">
                    </div>
                </div>
                <div class="col-md-6 col-xl-5 offset-xl-1">
                    <div class="service_include2 mt0-md wow fadeInRight">
                        <h3 class="title">{{ __('messages.presentation') }} <strong
                                style="color: #e7651d">AEROCAB</strong></h3>
                        <p class="para animate__animated animate__fadeInRight" style="font-size: 16px">
                            SENECARTOURS {{ __('presentation.presentation_aerocab') }}
                        </p>
                    </div>
                </div>
            </div>
            <div class="row mt120 mt50-sm">
                <div class="col-md-6 col-xl-5">
                    <div class="service_include2 mt0-md mb30-sm wow fadeInRight">
                        <h3 class="title">{{ __('messages.presentation') }} <strong
                                style="color: #e7651d">AEROBUS</strong></h3>
                        <p class="para animate__animated animate__fadeInLeft" style="font-size: 16px">
                            {{ __('presentation.presentation_aerobus') }}
                        </p>
                    </div>
                </div>
                <div class="col-md-6 col-xl-5 offset-xl-1">
                    <div class="service_thumb wow fadeInLeft">
                        <img src="{{ asset('assets/images/presentation/aerobus_two.jpg') }}" alt="1.png">
                    </div>
                </div>
            </div>
            <div class="row mt120 mt50-sm">
                <div class="col-md-6 col-xl-5">
                    <div class="service_thumb mb30-sm wow fadeInLeft">
                        <img src="{{ asset('assets/images/presentation/senpark.jpg') }}" alt="4.jpg">
                    </div>
                </div>
                <div class="col-md-6 col-xl-5 offset-xl-1">
                    <div class="service_include2 mt0-md wow fadeInRight">
                        <h3 class="title">{{ __('messages.presentation') }} <strong
                                style="color: #e7651d">SENPARK</strong></h3>
                        <p class="para animate__animated animate__fadeInRight" style="font-size: 16px">
                            SENECARTOURS, {{ __('presentation.senpark_one') }}<br>
                            {{ __('presentation.senpark_two') }} <br>
                            {{ __('presentation.senpark_three') }} <br>
                            {{ __('presentation.senpark_four') }}<br>
                            {{ __('presentation.senpark_five') }} <br>
                            {{ __('presentation.senpark_six') }}
                        </p>
                    </div>
                </div>
            </div>
            <div class="row mt120 mt50-sm">
                <div class="col-md-6 col-xl-5">
                    <div class="service_include2 mt0-md mb30-sm wow fadeInLeft">
                        @if (App::getLocale() == 'fr')
                            <h3 class="title">{{ __('presentation.service') }} <strong
                                    style="color: #e7651d">{{ __('presentation.after_sale') }}</strong></h3>
                        @else
                            <h3 class="title">{{ __('presentation.after_sale') }} <strong
                                    style="color: #e7651d">{{ __('presentation.service') }}</strong></h3>
                        @endif
                        <p class="para animate__animated animate__fadeInLeft" style="font-size: 16px">
                            {{ __('presentation.service_one') }}<br>
                            {{ __('presentation.service_two') }}<br>
                            {{ __('presentation.service_three') }}<br>
                            {{ __('presentation.service_four') }}
                        </p>
                    </div>
                </div>
                <div class="col-md-6 col-xl-5 offset-xl-1">
                    <div class="service_thumb  wow fadeInDown">
                        <img src="{{ asset('assets/images/presentation/after_sale.jpg') }}" alt="5.jpg">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Testimonials -->
    <section class="our-testimonial">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <div class="main-title text-center">
                        <h2>{{ __('presentation.some_words') }}</h2>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-12">
                    <div class="home2_testimonial_tabs wow fadeIn" data-wow-duration="1s" data-wow-delay="0.1s">
                        <div class="tab-content" id="pills-tabContent2">
                            <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                                aria-labelledby="pills-home-tab">
                                <div class="testimonial_post_home2 text-center">
                                    <div class="details">
                                        <p>
                                            {{ __('presentation.testamonial_one') }}
                                            <br> {{ __('presentation.testamonial_two') }}<br>
                                            {{ __('presentation.testamonial_three') }}<br>
                                            {{ __('presentation.testamonial_four') }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="pills-profile" role="tabpanel"
                                aria-labelledby="pills-profile-tab">
                                <div class="testimonial_post_home2 text-center">
                                    <div class="details">
                                        <p>
                                            {{ __('presentation.testamonial_five') }}<br>
                                            {{ __('presentation.testamonial_six') }}<br>
                                            {{ __('presentation.testamonial_seven') }}<br>
                                            {{ __('presentation.testamonial_eight') }}<br>
                                            {{ __('presentation.testamonial_nine') }}<br>
                                            {{ __('presentation.testamonial_ten') }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <ul class="nav justify-content-center mb-3" id="pills-tab2" role="tablist">
                            <li class="nav-item" role="presentation">
                                <a class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" href="#pills-home"
                                    role="tab" aria-controls="pills-home" aria-selected="true">
                                    <div class="thumb d-inline-flex">
                                        <img class="rounded-circle" src="{{ asset('assets/images/testimonial/1.png') }}"
                                            alt="1.png">
                                        <h4 class="title">Mbaye SARR<br><small
                                                style="color: #e7651d">{{ __('presentation.president') }}</small></h4>
                                    </div>
                                </a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" href="#pills-profile"
                                    role="tab" aria-controls="pills-profile" aria-selected="false">
                                    <div class="thumb d-inline-flex">
                                        <img height="70" class="rounded-circle"
                                            src="{{ asset('assets/images/testimonial/2.jpg') }}" alt="2.jpg">
                                        <h4 class="title">Fallou SARR<br><small style="color: #e7651d">
                                                {{ __('presentation.director') }}</small></h4>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @push('scripts')
    <script src="{{ asset('js/customs/presentation.js') }}"></script>
    @endpush
@endsection