@extends('layouts.app')

@section('content')
    <div class="section_general">
        {{-- CLIENTES BANNER --}}
        <div class="section1n nosotros1">
            <div class="section1n-bg clientes_banner animated fadeIn">
                <div class="bgh text-white animated fadeInLeft">
                    <h2 class="text-center">{{app()->getLocale() == 'es' ? 'Nuestros clientes':'Our Clients'}}</h2>
                    <p class="text-center">{{app()->getLocale() == 'es' ? 'Algunos de nuestros depositarios de confianza':'Some of our trusted depositors'}}</p>
                </div>
            </div>
        </div>
        <div class="nosotros2 py-4 animated fadeInUp">
            <h3 class="sec-h31 mb-0 text-center">{{app()->getLocale() == 'es' ? 'Bienvenidos':'Welcome'}} <span class="sec-span1">/ {{app()->getLocale() == 'es' ? 'Clientes':'Clients'}}</span></h3>
        </div>
        <hr class="my-0">

        {{-- CLIENTES 1 --}}
        <div class="clientes1">
            <div class="container">
                <div class="row mx-0 px-0 justify-content-around">
                    <div class="col-12 col-md-4 col-xl-3  cliente-item mb-4 px-4 scrollflow -slide-top">
                        <div class="item-cli1 text-center">
                            <img src="{{asset('img/clientes/cliente1.png')}}" class="img-fluid">
                        </div>
                        <h2>Equal Exchange</h2>
                    </div>
                    <div class="col-12 col-md-4 col-xl-3  cliente-item mb-4 px-4 scrollflow -slide-top">
                        <div class="item-cli1 text-center">
                            <img src="{{asset('img/clientes/cliente2.png')}}" class="img-fluid">
                        </div>
                        <h2>Cafe Direct</h2>
                    </div>
                    <div class="col-12 col-md-4 col-xl-3  cliente-item mb-4 px-4 scrollflow -slide-top">
                        <div class="item-cli1 text-center">
                            <img src="{{asset('img/clientes/cliente3.png')}}" class="img-fluid">
                        </div>
                        <h2>ANDES COFFEE</h2>
                    </div>
                </div>
                <div class="row mx-0 px-0 justify-content-center pt-md-4">
                    <div class="col-12 col-md-4 col-xl-3  cliente-item mb-4 px-4 mr-md-5 scrollflow -slide-top">
                        <div class="item-cli1 text-center">
                            <img src="{{asset('img/clientes/cliente4.png')}}" class="img-fluid">
                        </div>
                        <h2>WONDERSTATE</h2>
                    </div>
                    <div class="col-12 col-md-4 col-xl-3  cliente-item mb-4 px-4 ml-md-5 scrollflow -slide-top">
                        <div class="item-cli1 text-center">
                            <img src="{{asset('img/clientes/cliente5.png')}}" class="img-fluid">
                        </div>
                        <h2>ANDES COFFE</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection