@extends('site.app')
@section('pageTitle', __('menu.company'))
@section('content')
@if (isset($banner) && $banner->image)
    <div class="la-empresa-banner-area" style="background-image: url('/assets/images/banners/{{$banner->image}}');">
        <div class="container">
            <div class="row">
                <div class="col-lg-11 col-lg-offset-1 col-xs-12">
                    <div class="la-empresa-text cmn-style">
                        <h2>{{__('menu.company')}}</h2>
                        <span><a href="{{route('site.index')}}">{{__('menu.home')}}</a></span>
                        <a href="{{route('site.about')}}" title="{{__('menu.company')}}">{{__('menu.company')}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

<!-- NOSOTROS AREA -->
<div class="nosotros-area">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-5 col-lg-5">
                <div class="nosotros-area-left">
                    <img src="/assets/site/img/nosotros/grupo-riquelme-logo.jpg" alt="La Empresa">
                </div>
            </div>
            <div class="col-sm-12 col-md-offset-1 col-md-6">
                <div class="nosotros-area-right-text">
                    <div class="nosotros-text-title cls-title">
                        <h3>{{__('company.us')}}</h3>
                    </div>
                    <div class="nosotros-text cls-text">
                        <p>{{__('company.text-relatev')}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- MISION AREA -->
<div class="mission-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 col-lg-offset-1 col-md-6 col-sm-6">
                <div class="mission-area-left tcenter">
                    <div class="mission-area-title">
                        <h5>{{__('company.mission')}}</h5>
                    </div>
                    <div class="mission-left-text">
                        <p>{{__('company.mission-text')}}</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-5 col-md-6 col-sm-6">
                <div class="mission-area-left tcenter">
                    <div class="mission-area-title">
                        <h5>{{__('company.vision')}}</h5>
                    </div>
                    <div class="mission-left-text">
                        <p>{{__('company.vision-text')}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- VALORES AREA -->
<div class="valores-area">
    <div class="container">
        <!-- single valores -->
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="valores-title title ">
                    <h1>{!! trans('company.our_values') !!}</h1>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="single-valores-area">
                    <div class="single-valores-img">
                        <img src="/assets/site/img/valores-1.png" alt="Valores">
                    </div>
                    <div class="single-valores-text">
                        <div class="single-valores-title">
                            <p>{{__('company.respect')}}</p>
                        </div>
                        <div class="single-text">
                            <p>{{__('company.respect-text')}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="single-valores-area">
                    <div class="single-valores-img">
                        <img src="/assets/site/img/valores-2.png" alt="Valores">
                    </div>
                    <div class="single-valores-text">
                        <div class="single-valores-title">
                            <p>{{__('company.cooperation')}}</p>
                        </div>
                        <div class="single-text">
                            <p>{{__('company.cooperation-text')}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- single valores -->
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="single-valores-area">
                    <div class="single-valores-img">
                        <img src="/assets/site/img/valores-3.png" alt="Valores">
                    </div>
                    <div class="single-valores-text">
                        <div class="single-valores-title">
                            <p>{{__('company.honesty')}}</p>
                        </div>
                        <div class="single-text">
                            <p>{{__('company.honesty-text')}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="single-valores-area">
                    <div class="single-valores-img">
                        <img src="/assets/site/img/valores-4.png" alt="Valores">
                    </div>
                    <div class="single-valores-text">
                        <div class="single-valores-title">
                            <p>{{__('company.passion')}}</p>
                        </div>
                        <div class="single-text">
                            <p>{{__('company.passion-text')}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="single-valores-area">
                    <div class="single-valores-img">
                        <img src="/assets/site/img/valores-5.png" alt="Valores">
                    </div>
                    <div class="single-valores-text">
                        <div class="single-valores-title">
                            <p>{{__('company.humanity')}}</p>
                        </div>
                        <div class="single-text">
                            <p>{{__('company.humanity-text')}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- single valores -->
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="single-valores-area">
                    <div class="single-valores-img">
                        <img src="/assets/site/img/valores-6.png" alt="Valores">
                    </div>
                    <div class="single-valores-text">
                        <div class="single-valores-title">
                            <p>{{__('company.excellence')}}</p>
                        </div>
                        <div class="single-text">
                            <p>{{__('company.excellence-text')}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="single-valores-area">
                    <div class="single-valores-img">
                        <img src="/assets/site/img/valores-7.png" alt="Valores">
                    </div>
                    <div class="single-valores-text">
                        <div class="single-valores-title">
                            <p>{{__('company.leadership')}}</p>
                        </div>
                        <div class="single-text">
                            <p>{{__('company.leadership-text')}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="single-valores-area">
                    <div class="single-valores-img">
                        <img src="/assets/site/img/valores-8.png" alt="Valores">
                    </div>
                    <div class="single-valores-text">
                        <div class="single-valores-title">
                            <p>{{__('company.respect_environment')}}</p>
                        </div>
                        <div class="single-text">
                            <p>{{__('company.respect_environment-text')}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection