@extends('frontend.layouts.app')

@section('description')
    @php
    $data = metaData('about');
    @endphp
    {{ $data->description }}
@endsection
@section('og:image')
    {{ asset($data->image) }}
@endsection
@section('title')
    {{ $data->title }}
@endsection

@section('main')
    <!-- About banner area  start -->
    <div class="rt-about">
        <div class="container">
            <div class="rt-spacer-100 rt-spacer-md-50"></div>
            <div class="row">
                <div class="col-lg-9 col-md-8">
                    <div class="mx-646">
                        <span
                            class="body-font-3 ft-wt-5 text-primary-500 rt-mb-15 d-inline-block">{{ __('who_we_are') }}</span>
                        <h2 class="lg:tw-mb-10 tw-mb-6 {{ $setting->nav_color ? '' : $setting->nav_color }}">
                            {{ __('we_are_highly_skilled_and_professionals_team') }}</h2>
                        <p class="body-font-2 text-gray-500 rt-mb-0">
                            Our organization is delicately engaged in offering Driver Services. The drivers we recruit are very friendly, knowledgeable and skilled with detailed knowledge about various routes of Dhaka city. Why Choose Smart Driver. We are the first service market place in BD from where you can get responsible driver. We have been from 2013. Our Driver can avail discount offer from different product or services. </p>
                        <ol>
                            <li>No Need to worry about Road safety cause of our Experience, Skilled & smart Drivers.</li>
                            <li>Punctuality: Driver Will arrive 15-20 minute earlier</li>
                            <li>Well behaved driver: They are well known as well behave driver</li>
                            <li>Cleanliness: Always get a clean car while on service</li>
                            <li>Reasonable price: Compared to similar standard company in Bangladesh.</li>
                            <li>English Speaking Drivers: for convenience of foreigners</li>
                            <li>Online payment: with Major local and international debit and credit cards and mobile money transfer system.</li>
                        </ol>
                        <p>
                            We believe in the following core values. Our Core Values Define Us:
                        </p>
                        <ul>
                            <li>Compassion: Your safety and satisfaction are our top priorities. We treat you and your belongings with the utmost respect, compassion, and dignity.</li>
                            <li>Commitment: We're dedicated to maintaining your trust by upholding the highest standards of professionalism and integrity at all times.</li>
                            <li>Excellence: Striving for excellence is our norm. We continuously innovate and improve to deliver exceptional service quality with every journey.</li>
                            <li>Teamwork: Your journey is a collaborative effort. Our skilled team works cohesively, combining expertise and experience for your benefit.</li>
                            <li>Value: Your satisfaction is our success. We're committed to creating and delivering unmatched value throughout your experience with us.</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 rt-pt-md-30">
                    <div class="about-counter">
                        <div class="card jobcardStyle1 counterbox2 rt-mb-40">
                            <div class="card-body">
                                <div class="rt-single-icon-box">
                                    <div class="icon-thumb rt-mr-24">
                                        <div class="icon-72">
                                            <i class="ph-suitcase-simple"></i>
                                        </div>
                                    </div>
                                    <div class="iconbox-content">
                                        <div class="f-size-24 ft-wt-5 rt-mb-12"><span class="counter">{{ livejob() }}
                                        </div>
                                        <span class="text-gray-900 f-size-16"> {{ __('live_job') }} </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card jobcardStyle1 counterbox2 rt-mb-40">
                            <div class="card-body">
                                <div class="rt-single-icon-box">
                                    <div class="icon-thumb rt-mr-24">
                                        <div class="icon-72">
                                            <i class="ph-buildings"></i>
                                        </div>
                                    </div>
                                    <div class="iconbox-content">
                                        <div class="f-size-24 ft-wt-5 rt-mb-12"><span
                                                class="counter">{{ $companies }}</span></div>
                                        <span class="text-gray-900 f-size-16">{{ __('companies') }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="card jobcardStyle1 counterbox2">
                                <div class="card-body">
                                    <div class="rt-single-icon-box">
                                        <div class="icon-thumb rt-mr-24">
                                            <div class="icon-72">
                                                <i class="ph-users"></i>
                                            </div>
                                        </div>
                                        <div class="iconbox-content">
                                            <div class="f-size-24 ft-wt-5 rt-mb-12"><span
                                                    class="counter">{{ $candidates }}</span></div>
                                            <span class="text-gray-900 f-size-16">{{ __('candidates') }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="rt-spacer-100 rt-spacer-md-50"></div>
        </div>
    </div>
    <!-- Brands area  start -->
    <div class="brands-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12">
                    <div class="brand-active">
                        @if ($cms_setting->about_brand_logo)
                            <div class="single-brand">
                                <a href="#">
                                    <img src="{{ asset($cms_setting->about_brand_logo) }}" alt="brand-image" class="brand-img-size">
                                </a>
                            </div>
                        @endif
                        @if ($cms_setting->about_brand_logo1)
                            <div class="single-brand">
                                <a href="#">
                                    <img src="{{ asset($cms_setting->about_brand_logo1) }}" alt="brand-image" class="brand-img-size">
                                </a>
                            </div>
                        @endif
                        @if ($cms_setting->about_brand_logo2)
                            <div class="single-brand">
                                <a href="#">
                                    <img src="{{ asset($cms_setting->about_brand_logo2) }}" alt="brand-image" class="brand-img-size">
                                </a>
                            </div>
                        @endif
                        @if ($cms_setting->about_brand_logo3)
                            <div class="single-brand">
                                <a href="#">
                                    <img src="{{ asset($cms_setting->about_brand_logo3) }}" alt="brand-image" class="brand-img-size">
                                </a>
                            </div>
                        @endif
                        @if ($cms_setting->about_brand_logo4)
                            <div class="single-brand">
                                <a href="#">
                                    <img src="{{ asset($cms_setting->about_brand_logo4) }}" alt="brand-image" class="brand-img-size">
                                </a>
                            </div>
                        @endif
                        @if ($cms_setting->about_brand_logo5)
                            <div class="single-brand">
                                <a href="#">
                                    <img src="{{ asset($cms_setting->about_brand_logo5) }}" alt="brand-image" class="brand-img-size">
                                </a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

{{--        <div class="rt-spacer-75 rt-spacer-md-30"></div>--}}
        <!-- About feature image area  start -->
{{--        <div class="about-feature-img">--}}
{{--            <div class="container">--}}
{{--                <div class="row grid">--}}
{{--                    <div class="col-lg-4 col-sm-6 grid-item">--}}
{{--                        <div class="about-bg-img height-636 bgprefix-cover w-100 rt-rounded-8 rt-mb-24"--}}
{{--                            style="background-image: url({{ asset($cms_setting->about_banner_img) }})"></div>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-sm-6 grid-item">--}}
{{--                        <div class="img-middle">--}}
{{--                            <div class="about-bg-img height-312 bgprefix-cover w-100 rt-rounded-8 rt-mb-24"--}}
{{--                                style="background-image: url({{ asset($cms_setting->about_banner_img1) }});"></div>--}}
{{--                            <div class="about-bg-img height-312 bgprefix-cover w-100 rt-rounded-8 rt-mb-24"--}}
{{--                                style="background-image: url({{ asset($cms_setting->about_banner_img2) }});"></div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-sm-6 grid-item">--}}
{{--                        <div class="about-bg-img height-636 bgprefix-cover w-100 rt-rounded-8 rt-mb-24"--}}
{{--                            style="background-image: url({{ asset($cms_setting->about_banner_img3) }})"></div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="rt-spacer-100 rt-spacer-md-10"></div>--}}

        <!-- Why choose us -->
{{--        <div class="working-process tw-bg-[#F1F2F4]">--}}
{{--            <div class="rt-spacer-100 rt-spacer-md-50"></div>--}}
{{--            <div class="container">--}}
{{--                <div class="row">--}}
{{--                    <div class="col-12 text-center text-h4 ft-wt-5">--}}
{{--                        <span>{{ __('why_choose') }}</span>--}}
{{--                        <span class="text-primary-500 has-title-shape">{{ config('app.name') }}--}}
{{--                            <img src="{{ asset('frontend') }}/assets/images/all-img/title-shape.png" alt="shape">--}}
{{--                        </span>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="rt-spacer-50"></div>--}}
{{--                <div class="row">--}}
{{--                    <div class="col-lg-4 col-sm-6 rt-mb-24 position-relative">--}}
{{--                        <div class="rt-single-icon-box working-progress icon-center">--}}
{{--                            <div class="icon-thumb rt-mb-24">--}}
{{--                                <div class="icon-72">--}}
{{--                                    <i class="ph-user-plus"></i>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="iconbox-content">--}}
{{--                                <div class="body-font-2 rt-mb-12">{{ __('cost_effective') }}</div>--}}
{{--                                <div class="body-font-4 text-gray-400">--}}
{{--                                    {{ __('whether_you_choose_to_post_your_jobs_directly_or_have_them_indexed_automatically_our_pricing_model_is_highly_competitive_and_cost_effective') }}--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-sm-6 rt-mb-24 position-relative">--}}
{{--                        <div class="rt-single-icon-box working-progress icon-center">--}}
{{--                            <div class="icon-thumb rt-mb-24">--}}
{{--                                <div class="icon-72">--}}
{{--                                    <i class="ph-user-plus"></i>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="iconbox-content">--}}
{{--                                <div class="body-font-2 rt-mb-12">{{ __('easy_to_use') }}</div>--}}
{{--                                <div class="body-font-4 text-gray-400">--}}
{{--                                    {{ __('we_have_created_a_streamlined_user_interface_so_you_can_easily_manage_your_jobs_and_candidates') }}--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-sm-6 rt-mb-24 position-relative">--}}
{{--                        <div class="rt-single-icon-box working-progress icon-center">--}}
{{--                            <div class="icon-thumb rt-mb-24">--}}
{{--                                <div class="icon-72">--}}
{{--                                    <i class="ph-user-plus"></i>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="iconbox-content">--}}
{{--                                <div class="body-font-2 rt-mb-12">{{ __('quality_candidate') }}</div>--}}
{{--                                <div class="body-font-4 text-gray-400">--}}
{{--                                    {{ __('irrespective_of_your_organizations_size_we_have_a_large_pool_of_candidates_with_diverse_skill_sets_and_experience_levels') }}--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="col-12 rt-mb-24 tw-text-center">--}}
{{--                        <p class="body-font-3">{{ __('have_a_question') }}</p>--}}
{{--                        <a href="{{ route('website.contact') }}">{{ __('contact_us') }}</a>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="rt-spacer-100 rt-spacer-md-50"></div>--}}
{{--        </div>--}}

        <!-- Misson  area  start -->

        <div class="rt-spacer-100 rt-spacer-md-50"></div>
        <section class="mission">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <span
                            class="body-font-3 ft-wt-5 text-primary-500 rt-mb-15 d-inline-block">{{ __('our_mission') }}</span>
                        <h3 class="lg:tw-mb-8 tw-mb-4">{{ __('our_mission_headline') }}</h3>
                        <p class="body-font-2 text-gray-500 lg:tw-mb-0 tw-mb-4">
                            {!! nl2br(e(__('our_mission_description'))) !!}
                        </p>
                    </div>
                    <div class="col-md-6">
                        <div>
                            <img src="{{ $cms_setting->mission_image }}" alt="image" class="w-100">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="rt-spacer-100 rt-spacer-md-50"></div>

        <!-- Call to action Start -->
        <div class="cta-area rt-pt-100 rt-mb-100 rt-mb-md-30 rt-pt-md-50">
            @include('frontend.partials.call-to-action')
        </div>

        {{-- Subscribe Newsletter --}}
        <x-website.subscribe-newsletter />
    @endsection

    @section('css')
        <style>
            .brand-img-size {
                max-width: 100% !important;
                height: auto !important;
                max-width: 250px !important;
            }
        </style>
    @endsection

