@extends('web.layouts.app')
@section('title', trans('site.aboutUs'))
@section('content')

    <!-- content -->
    <div class="about_img"></div>

        <!-- Why sell -->
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="qus qus2">
                        <h4>@lang('site.makeUp')</h4>
                        <p>@lang('site.desMakeUp')</p>
                    </div>
                </div>
                <div class="col-12">
                    <div class="qus_content">
                        <div class="row">
                            @foreach($abouts as $about)
                                <div class="col-md-6">
                                    <div class="detils">
                                        <div class="row">
                                            <div class="col-lg-5">
                                                <img
                                                    src="{{$about->image}}"
                                                    alt="">
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="detils_con">
                                                    <h4>{{$about->title[App::getLocale()]}}</h4>
                                                    <p>
                                                        {{$about->description[App::getLocale()]}}
                                                    </p>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- customar -->
        <div class="testmonial">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="qus">
                            <h4>@lang('site.what_customers')</h4>
                            <p>@lang('site.des_what_customers')</p>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="owl-carousel owl-theme student">
                            @foreach($testimonials as $testimonial)

                                <div class="item">
                                    <div class="opp_customar">
                                        <div class="opp_img">
                                            <img style="    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 10px auto;" src="{{$testimonial->image}}" alt="">
                                        </div>
                                        <div class="opp_conn">
                                            <p>{{$testimonial->description}}</p>
                                            <h4>{{$testimonial->name}}</h4>
                                        </div>
                                    </div>

                                </div>
                            @endforeach

                        </div>
                    </div>
                </div>
            </div>
        </div>

@endsection