@extends('layouts.app')

@section('content')
    <div class="section_general">
        {{-- CERTIFICADO BANNER --}}
        <div class="section1n nosotros1">
            <div class="section1n-bg certificado_banner animated fadeIn">
                <div class="bgh text-white animated fadeInLeft">
                    <h2 class="text-center">{{app()->getLocale() == 'es' ? 'Nuestros certificados':'Our certificates'}}</h2>
                    <p class="text-center">{{app()->getLocale() == 'es' ? 'A continuación se citan las certificaciones que nos avalan':'Below are the certifications that guarantee us'}}</p>
                </div>
            </div>
        </div>
        <div class="nosotros2 py-4 bg-white animated fadeInUp">
            <h3 class="sec-h31 mb-0 text-center">{{app()->getLocale() == 'es' ? 'Bienvenidos':'Welcome'}} <span class="sec-span1">/ {{app()->getLocale() == 'es' ? 'Certificados':'Certificates'}}</span></h3>
        </div>
        <hr class="my-0">

        {{-- CERTIFICADO 1 --}}
        <div class="certificado1 animated fadeInUp">
            <div class="row mx-0 justify-content-center">
                <div class="col-12 col-md-5 px-md-0">
                    <p class="text-center">{{app()->getLocale() == 'es' ? 'Guiados por la calidad: WAGO endurece continuamente sus propios criterios al tiempo que satisface los exigentes requisitos de las normas nacionales e internacionales. Tenemos la convicción de que la satisfacción del cliente reside en la calidad. Por ello, no vemos nuestros productos como componentes aislados, sino como una unidad individual. Una idea a la que contribuyen nuestros productos sometidos satisfactoriamente a ensayos.':'Quality-guided: WAGO continually hardens its own criteria while meeting the demanding requirements of national and international standards. We are convinced that customer satisfaction resides in quality, therefore, we do not see our products as isolated components but as an individual unit. An idea to which our successfully tested products contribute.'}}</p>
                </div>
            </div>
        </div>

        {{-- CERTIFICADO 2 --}}
        <div class="section4cert">
            <div class="sec4cert">
                <div class="container">
                    <div class="row rowcert col-12 col-xl-9 mx-auto align-items-md-center animated fadeInUp">
                        <div class="col-md-3 scrollflow -slide-right">
                            <div class="item-img1">
                                <img src="img/certificados/image108.png" class="img-fluid">
                            </div>
                        </div>
                        <div class="col-md-9 pt-4 pt-md-0 px-0 px-md-3 scrollflow -slide-left">
                            <div class="certi2-text">
                                <h2 class="mb-4">{{app()->getLocale() == 'es' ? 'USDA ORGANIC':'USDA ORGANIC'}}</h2>
                                <p class="">{{app()->getLocale() == 'es' ? 'Es el proceso de control que permite garantizar la Calidad Orgánica de un producto, verificando el cumplimiento de la Norma de Producción Orgánica que corresponda, según el mercado destino de dicho producto.':'It is the control process that allows guaranteeing the Organic Quality of a product, verifying compliance with the Organic Production Standard that corresponds according to the target market of said product.'}}.</p>
                            </div>
                        </div>
                    </div>
                    <hr class="hr1">
                    <div class="row rowcert col-12 col-xl-9 mx-auto align-items-md-center">
                        <div class="col-md-3 scrollflow -slide-right">
                            <div class="item-img1">
                                <img src="img/certificados/image109.png" class="img-fluid">
                            </div>
                        </div>
                        <div class="col-md-9 pt-4 pt-md-0 px-0 px-md-3 scrollflow -slide-left">
                            <div class="certi2-text">
                                <h2 class="mb-4">{{app()->getLocale() == 'es' ? 'FAIRTRADE':'FAIRTRADE'}}</h2>
                                <p class="">{{app()->getLocale() == 'es' ? 'La certificación Fairtrade es un sistema de certificación de productos donde los aspectos sociales, económicos y ambientales de la producción están certificados según los Estándares Fairtrade para Productores y Comerciantes.':'Fairtrade certification is a product certification system where the social, economic and environmental aspects of production are certified according to the Fairtrade Standards for Producers and Traders.'}}</p>
                            </div>
                        </div>
                    </div>
                    <hr class="hr1">
                    <div class="row rowcert col-12 col-xl-9 mx-auto align-items-md-center">
                        <div class="col-md-3 scrollflow -slide-right">
                            <div class="item-img1">
                                <img src="img/certificados/img_spp.png" class="img-fluid">
                            </div>
                        </div>
                        <div class="col-md-9 pt-4 pt-md-0 px-0 px-md-3 scrollflow -slide-left">
                            <div class="certi2-text">
                                <h2 class="mb-4">{{app()->getLocale() == 'es' ? 'SPP':'SPP'}}</h2>
                                <p class="">{{app()->getLocale() == 'es' ? 'El Símbolo de pequeños productores es una red intercontinental de organizaciones de pequeñas familias productoras ecológicas que luchan por el reconocimiento de alta calidad de sus productos, trabajo para una vida digna y planeta sano para todos, en alianza con empresas y consumidores':"The Small Producers' Symbol is an intercontinental network of organizations of small organic producers, which fight for the recognition of high quality of their products, work for a dignified life and a healthy planet for all, in alliance with companies and consumers."}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection