@extends('layouts.app')

@section('content')

    <div class="section_general">
        <div class="section1n nosotros1">
            <div class="section1n-bg animated fadeIn">
                <div class="bgh text-white animated fadeInLeft">
                    <h2 class="text-center">{{app()->getLocale() == 'es' ? 'Quienes Somos':'About us'}}</h2>
                    <p class="text-center">{{app()->getLocale() == 'es' ? 'La Coop. San Fernando es lider, sostenible, competitiva y posicionada en los mercados especiales.':'Coop. San Fernando is a leading, sustainable, competitive and positioned company in special markets.'}}</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' ? 'Nosotros':'About us'}}</span></h3>
        </div>
        <hr class="my-0">

        <div class="nosotros3">
            <div class="container row mx-auto justify-content-md-between px-md-4">
                <div class="col-12 col-md-8 col-lg-6 col-xl-5 nosotros3-1 pl-md-5 animated fadeInLeft">
                    <h2>{!! app()->getLocale() == 'es' ? '<span>Somos</span> una empresa asociativa de familias productoras organizadas':'<span>We</span> are an associative company of small organized producers' !!}</h2>
                    <p>{{app()->getLocale() == 'es' ? 'Coop. San Fernando, es una empresa asociativa que canaliza el trabajo y los esfuerzos de familias productoras organizados que promueven prácticas agroecológicas a través de un modelo de gobernanza que promueve la transparencia, los valores democráticos, la igualdad y la participación activa de sus miembros. Su objetivo es el desarrollo integral de sus miembros, sus familias, sus colaboradores y su comunidad.':'We are an associative company of organized production families: Coop. San Fernando is an associative company that channels the work and efforts of organized producer families that promote agro-ecological practices through a governance model that promotes transparency, democratic values, equality and the active participation of its members. Its objective is the integral development of its members, their families, its collaborators and its community.'}}</p>
                </div>
                <div class="col-12 col-md-4 nosotros3-2 animated fadeInRight">
                    <img src="{{asset('img/nosotros/logo-nos.png')}}" class="img-fluid">
                </div>
            </div>
            <img src="{{asset('img/nosotros/cafe1.png')}}" class="nos3-cafe">
            <img src="{{asset('img/nosotros/trama1.png')}}" class="nos3-trama">
        </div>

        <div class="nosotros4">
            <div class="row mx-0 justify-content-center">
                <div class="col-12 col-md-6 col-lg-5 col-xl-4 py-3 py-md-0 px-md-2">
                    <div class="nos4-text nos4-1 h-100 scrollflow -slide-right">
                        <h2 class="text-naranja">{{app()->getLocale() == 'es' ? 'Misión':'Mission'}}</h2>
                        <p class="text-white">{!! app()->getLocale() == 'es' ? 'Somos una empresa que une, apoya e impulsa a familias productoras a través de un desarrollo mutuo en base a la unión de los miembros de la cooperativa.':'We are a company that integrates, supports and promotes productive families through mutual development based on the union of the members of the cooperative.' !!}</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-5 col-xl-4 py-3 py-md-0 px-md-2">
                    <div class="nos4-text nos4-2 h-100 scrollflow -slide-left">
                        <h2 class="text-verde">{{app()->getLocale() == 'es' ? 'Visión':'Vision'}}</h2>
                        <p class="text-verde">{!!app()->getLocale() == 'es' ? '<b>Cooperativa San Fernando</b> busca proyectarse como una comunidad sostenible, competitiva y líder en los mercados nacional e internacional. Convirtiéndose en referente de calidad y comunidad.':'<b>Cooperativa San Fernando</b> seeks to project itself as a sustainable, competitive and leading community in the national and international markets, thus becoming a benchmark for quality and community.' !!}</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="nosotros5">
            <div class="container">
                <div class="row mx-0 px-md-5">
                    <div class="col-12 col-md-6 px-1 nos5-1 scrollflow -slide-right">
                        <h2>{!! app()->getLocale() == 'es' ? 'Cooperativa San Fernando<br class="d-none d-md-block"> integra a más de 450 familias productoras, de los cuales <br class="d-none d-md-block"><span>98 son mujeres</span>':'Cooperativa San Fernando<br class="d-none d-md-block"> integrates more than 450 producer families, of which <br class="d-none d-md-block"><span>98 are women.</span>' !!}</h2>
                        <div class="text-right">
                            <img src="{{asset('img/nosotros/imagen2.png')}}" class="img-fluid">
                        </div>
                    </div>
                    <div class="col-12 col-md-6 px-1 nos5-2 scrollflow -slide-left">
                        <img src="{{asset('img/nosotros/imagen1.png')}}" class="img-fluid">
                        <div class="text-center nos5-2-imgs">
                            <img src="{{asset('img/nosotros/imagen3.png')}}" class="img-fluid">
                            <img src="{{asset('img/nosotros/imagen4.png')}}" class="img-fluid">
                        </div>
                    </div>
                </div>
            </div>
            <img src="{{asset('img/nosotros/cafe2.png')}}" class="nos5-cafe1 d-none d-md-block">
            <img src="{{asset('img/nosotros/cafe3.png')}}" class="nos5-cafe2">
        </div>

        <div class="nosotros6">
            <div class="container">
                <div class="row mx-0 justify-content-center">
                    <div class="col-12 col-md-5 nos6-1 scrollflow -slide-right">
                        <h2>{!! app()->getLocale() == 'es' ? 'Los inicios de la<br>Cooperativa San<br>Fernando se remontan a<br><span>1996</span>':'The beginnings of the <br>San Fernando <br>Cooperative date back to <br><span>1996</span>' !!}</h2>
                    </div>
                    <div class="col-12 col-md-5 nos6-2 px-0 scrollflow -slide-left">
                        <div class="pl-3 nos6-scroll-content">
                            <div class="nos6-scroll">
                                <div class="nos6-item">
                                    <div>
                                        <h4><span>2001.</span></h4>
                                        <p>{{app()->getLocale() == 'es' ? 'Se crea la Cooperativa Agraria Cafetalera San Fernando, con 70 Soci@s.':'The Cooperativa Agraria Cafetalera San Fernando is created, with 70 members.'}}</p>
                                        <img src="{{asset('img/nosotros/point.png')}}">
                                    </div>
                                </div>
                                <div class="nos6-item">
                                    <div>
                                        <h4><span>2004.</span></h4>
                                        <p>{{app()->getLocale() == 'es' ? 'Relación comercial con Equal Exchange principal cliente hasta la actualidad.':'A commercial relationship is established with Equal Exchange, the main client to date.'}}</p>
                                        <img src="{{asset('img/nosotros/point.png')}}">
                                    </div>
                                </div>
                                <div class="nos6-item">
                                    <div>
                                        <h4><span>2013.</span></h4>
                                        <p>{!! app()->getLocale() == 'es' ? 'Independización de COCLA, logra la certificaciones de FLO, Orgánica y SPP.<br>- 288 Soci@s:<br>- 30 mujeres<br>- 258 varones':'Independence of COCLA and the FLO, Organic and SPP certifications are achieved.<br>- 288 Members:<br>- 30 women<br>- 258 men' !!}</p>
                                        <img src="{{asset('img/nosotros/point.png')}}">
                                    </div>
                                </div>
                                <div class="nos6-item">
                                    <div>
                                        <h4><span>2020.</span></h4>
                                        <p>{!! app()->getLocale() == 'es' ? '2020 logra consolidad alianzas estrategias con:<br>- ONG: AGRITERRA, TRIAS, USAID, UPA.<br>- ENTIDADES FINANCIERAS: ROOT CAPITAL , SHARED INTERE.<br>- 428 Soci@s:<br>- 98 mujeres<br>- 330 varones':'In 2020, strategic alliances are consolidated with:<br>- NGO: AGRITERRA, TRIAS, USAID, UPA.<br>- FINANCIAL INSTITUTIONS: ROOT CAPITAL, SHARED INTERE.<br>- 428 Members:<br>- 98 women<br>- 330 men' !!}</p>
                                        <img src="{{asset('img/nosotros/point.png')}}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="home7">
            <div class="row mx-0 px-3 px-lg-5 align-items-md-center">
                <div class="col-12 col-md-4 col-lg-3 col-xl-4 scrollflow -slide-right">
                    <h3>{{app()->getLocale() == 'es' ? 'Aliados estratégicos':'Strategic allies'}}</h3>
                </div>
                <div class="col-12 col-md-8 col-lg-9 col-xl-8 d-md-flex align-items-center scrollflow -slide-left">
                    <div class="p-4 p-md-2 p-xl-3 text-center">
                        <img src="{{asset('img/inicio/aliado1-.png')}}" 
                        onmouseover="this.src='{{asset('img/inicio/aliado1.png')}}'" 
                        onmouseout="this.src='{{asset('img/inicio/aliado1-.png')}}'" 
                        class="img-fluid">
                    </div>
                    <div class="p-4 p-md-2 p-xl-3 text-center">
                        <img src="{{asset('img/inicio/aliado2-.png')}}"
                        onmouseover="this.src='{{asset('img/inicio/aliado2.png')}}'" 
                        onmouseout="this.src='{{asset('img/inicio/aliado2-.png')}}'"
                        class="img-fluid">
                    </div>
                    <div class="p-4 p-md-2 p-xl-3 text-center">
                        <img src="{{asset('img/inicio/aliado3-.png')}}" 
                        onmouseover="this.src='{{asset('img/inicio/aliado3.png')}}'" 
                        onmouseout="this.src='{{asset('img/inicio/aliado3-.png')}}'"
                        class="img-fluid">
                    </div>
                    <div class="p-4 p-md-2 p-xl-3 text-center">
                        <img src="{{asset('img/inicio/aliado4-.png')}}"
                        onmouseover="this.src='{{asset('img/inicio/aliado4.png')}}'" 
                        onmouseout="this.src='{{asset('img/inicio/aliado4-.png')}}'"
                        class="img-fluid">
                    </div>
                    <div class="p-4 p-md-2 p-xl-3 text-center">
                        <img src="{{asset('img/inicio/aliado5-.png')}}"
                        onmouseover="this.src='{{asset('img/inicio/aliado5.png')}}'" 
                        onmouseout="this.src='{{asset('img/inicio/aliado5-.png')}}'" 
                        class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection