@extends('layouts.app')

@section('content')
    <div class="section_general">
        {{-- PROCESO BANNER --}}
        <div class="section1n nosotros1">
            <div class="section1n-bg procesos_banner animated fadeIn">
                <div class="bgh text-white animated fadeInLeft">
                    <h2 class="text-center">{{app()->getLocale() == 'es' ? 'Nuestros procesos':'Our processes'}}</h2>
                    <p class="text-center">{{app()->getLocale() == 'es' ? 'Entregamos productos con los más altos estándares de calidad':'We deliver products with the highest quality standards'}}</p>
                </div>
            </div>
        </div>
        <div class="nosotros2 py-3 animated fadeInUp">
            <h3 class="sec-h31 mb-0 text-center">{{app()->getLocale() == 'es' ? 'Bienvenidos':'Welcome'}} <span class="sec-span1">/ {{app()->getLocale() == 'es' ? 'Procesos':'Processes'}}</span></h3>
        </div>
        <hr class="my-0">

        {{-- PROCESO 1 --}}
        <div class="section3proc">
            <img src="img/procesos/cafe1.png" class="img-procsca d-none d-md-block">
            <div class="sec3-proc">
                <div class="text-center px-3 animated fadeInUp">
                    <h1>{{app()->getLocale() == 'es' ? 'Las 12 etapas del proceso de producción del café':'The 12 stages of the coffee production process'}}</h1><br>
                    <p class="pro-p">{!! app()->getLocale() == 'es' ? 'Mucho antes de disfrutar del aromatico sabor de un buen café, se produce un interesante proceso de <span class="pro-spa">12 <br class="d-none d-lg-block"> etapas</span> forjado y perfeccionado generación tras generación.':'Before enjoying the aromatic taste of good coffee, an interesting <span class="pro-spa">12-stage</span> process takes place, which has been forged and perfected generation after generation.' !!}</p>
                </div>
            </div>
        </div>

        {{-- PROCESO 2 --}}
        <div class="proceso2">
            <img src="{{asset('img/procesos/cafe2.png')}}" class="proceso2-cafe">
            <div class="container">
                <div class="row mx-0 px-0">
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #102F2A">
                            <h2>{!! app()->getLocale() == 'es' ? 'Primera etapa: <br>SEMILLA':'First stage: <br>SEED' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'Importante escoger semilla de cafetos de variedades que dan alto rendimiento fisico y calidad en taza, las mismas deben tener 5 años a más para obtener plántulas adecuadas.':'It is important to choose coffee seeds of varieties that give high physical yield and cup quality, they must be 5 years or older to obtain adequate seedlings.'}}</p>
                            <img src="{{asset('img/procesos/framep.png')}}">
                        </div>
                    </div>
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #C78B4D">
                            <h2>{!! app()->getLocale() == 'es' ? 'Segunda etapa: <br>VIVERO':'Second stage: <br>NURSERY' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'Deben construirse en guadua y elevados del suelo con el fin de evitar las salpicaduras de aguas lluvias, la contaminación con aguas de escorrentía o provenientes de desagues, los daños ocasionados por animales doméstivos y para prevenir el ataque del hongo patógeno.':'They should be built in gadua bamboo and raised from the ground in order to avoid splashing by rainwater, contamination with runoff water or from drains, damage caused by domestic animals and to prevent the attack of the pathogenic fungus.'}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #329566">
                            <h2>{!! app()->getLocale() == 'es' ? 'Tercera etapa: <br>PREPARACIÓN DE TERRENO':'Third stage: <br>SOIL PREPARATION' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'La preparación del suelo comprende la adopción de prácticas culturales tendentes a obtener el máximo rendimiento productivo con el menor desembolso económico posible.':'Soil preparation includes the adoption of tending cultural practices to obtain the maximum productive performance with the least possible financial outlay.'}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #86623E">
                            <h2>{!! app()->getLocale() == 'es' ? 'Cuarta etapa: <br>PLANTACIÓN':'Fourth stage: <br>PLANTATION' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'El espaciado entre cada cafeto depende mucho de la altitud de la planteación. Sin embargo, por lo general en el café arábigo se deja un espacio de 2,0 x 2,5 metros.':'The spacing between each coffee tree depends a lot on the altitude of the plantation. However, Arabica coffee generally leaves a space of 2.0 x 2.5 meters.'}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #718E4E">
                            <h2>{!! app()->getLocale() == 'es' ? 'Quinta etapa: <br>LABORES CULTURALES':'Fifth stage: <br>CULTURAL WORKS ' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'Son aquellas de mantenimiento y cuidado que se llevan a cabo durante toda la producción de café.':'They are those of maintenance and care that are carried out throughout the coffee production.'}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #704C40">
                            <h2>{!! app()->getLocale() == 'es' ? 'Sexta etapa: <br>COSECHA':'Sixth stage: <br>HARVEST' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'La cosecha de café se realiza principalmente por los productores y su familia, lo que representa una fuente de autoempleo familiar muy importante.':'The coffee harvest is carried out mainly by the producers and their families, which represents a very important source of family self-employment.'}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #49523F">
                            <h2>{!! app()->getLocale() == 'es' ? 'Séptima etapa: <br>DESPULPE':'Seventh stage: <br>DEPULPING' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'El despulpado o descerezado del café es el procedimiento que se realiza para retirar la piel o pulpa a las cerezas de café.':'The depulping process of coffee is the procedure that is carried out to remove the skin or pulp of coffee cherries.'}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #142E2F">
                            <h2>{!! app()->getLocale() == 'es' ? 'Octava etapa: <br>LAVADO':'Eighth stage: <br>WASHED' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'Un café lavado es aquel que ha sido sometido a un procedimiento húmedo en el que se retira la totalidad de la pulpa y mucilago antes de secarlo y obtener café pergamino.':'A washed coffee is one that has undergone a wet procedure in which the entire pulp and mucilage is removed before drying and thus obtaining a parchment coffee.'}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #796655">
                            <h2>{!! app()->getLocale() == 'es' ? 'Novena etapa: <br>SECADO':'Ninth stage: DRYING' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'Después de ser recogido y procesado, el café debe ser secado. Este proceso tiene como objetivo reducir la cantidad de humedad contenida en el grano, hasta aproximadamente un 10% a 12%.':'After being collected and processed, the coffee must be dried. This process aims to reduce the amount of moisture contained in the grain, up to approximately 10% to 12%.'}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #329566">
                            <h2>{!! app()->getLocale() == 'es' ? 'Décima etapa: <br>TOSTADO':'Tenth stage: <br>ROASTING' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'El tueste del café es el tratamiento térmico al que se somete la semilla del cafeto (café verde) para obtener un producto quebradizo, fácilmente molturable del que por infusión en agua se obtiene el café bebida.':'Coffee roasting is the heat treatment to which the coffee seed (green coffee) is subjected to obtain a brittle and easily ground product, from which the coffee drink is obtained by infusion in water.'}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #86623E">
                            <h2>{!! app()->getLocale() == 'es' ? 'Onceava etapa: <br>MOLIENDA':'Eleventh stage: <br>GRINDING' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'La molienda o el molido del café es el proceso, tanto doméstico como industrial, de reducir el grano tostado a polvo para facilitar la preparación de la infusión usando para ello un molino o molinillo de café.':'The grinding of coffee is the process, both domestic and industrial, of reducing the roasted bean to powder to facilitate the preparation of the infusion using a coffee mill or grinder.'}}</p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4 px-1 pb-2 scrollflow -slide-top">
                        <div class="proceso2-text h-100" style="background-color: #11302A">
                            <h2>{!! app()->getLocale() == 'es' ? 'Doceava etapa: <br>ENVASADO':'Twelfth stage: <br>PACKING' !!}</h2>
                            <p>{{app()->getLocale() == 'es' ? 'El Envasado es básico para asegurar que el Café no pierda su calidad y sus características protegiéndolo del oxígeno, la luz y de las condiciones ambientales.':'Packaging is essential to ensure that the coffee does not lose its quality and characteristics, protecting it from oxygen, light and environmental conditions.'}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection