@extends('layouts.app')

@section('assets')
<!-- This page plugin CSS -->
@endsection

@section('content')
    <div class="section_general bg-plomo">
        {{-- UBICACION BANNER --}}
        <div class="section1n nosotros1">
            <div class="section1n-bg ubicacion_banner animated fadeIn">
                <div class="bgh text-white animated fadeInLeft">
                    <h2 class="text-center">{{app()->getLocale() == 'es' ? 'Nuestras granjas':'Our farms'}}</h2>
                    <p class="text-center">{{app()->getLocale() == 'es' ? 'En nuestras granjas llevamos a cabo un cuidadoso proceso de selección':'On our farms we carry out a careful selection process'}}</p>
                </div>
            </div>
        </div>
        <div class="nosotros2 py-3 bg-white animated fadeInUp">
            <h3 class="sec-h31 mb-0 text-center">{{app()->getLocale() == 'es' ? 'Bienvenidos':'Welcome'}} <span class="sec-span1">/ {{app()->getLocale() == 'es' ? 'Ubicaciones':'Locations'}}</span></h3>
        </div>
        <hr class="my-0">

        {{-- UBICACION 1 --}}
        <div class="ubicacicon1">
            <div class="container">
                <div class="d-md-flex align-items-md-center">
                    <img src="{{asset('img/ubicacion/logo.png')}}" class="img-fluid ubi1-img mr-md-4 mb-4 mb-md-0 animated fadeInLeft">
                    <p class="col-12 col-md-8 mb-0 ubi1-p d-md-inline-block animated fadeInRight">{{app()->getLocale() == 'es' ? 'Los inicios de la Cooperativa San Fernando se remontan a 1996, cuando 35 pequeños productores de café de la comunidad campesina de San Fernando en el distrito Inkawasi de la Convención, Cusco, decidieron unirse para una causa común.':'The beginnings of the San Fernando Cooperative date back to 1996, when 35 small coffee producers from the peasant community of San Fernando in the Inkawasi district of La Convencion, Cusco, decided to unite for a common cause.'}}</p>
                </div>
            </div>
            <img src="{{asset('img/ubicacion/cafe1.png')}}" class="ubi1-cafe">
        </div>

        {{-- UBICACION 2 --}}
        <div class="ubicacion2 text-center animated fadeInUp">
            <div class="mapa text-center">
                <img src="{{asset('img/ubicacion/mapa.png')}}" class="img-fluid ubi2-mapa">
            </div>
            <img src="{{asset('img/ubicacion/leyenda1.png')}}" class="img-fluid ubi2-leyenda1">
            <img src="{{asset('img/ubicacion/leyenda2.png')}}" class="img-fluid ubi2-leyenda2">
            <div class="text-center text-md-right pt-3 pt-md-5 col-12 col-md-6 mx-auto">
                <img src="{{asset('img/ubicacion/leyenda3.png')}}" class="img-fluid ubi2-leyenda3">
            </div>
            <img src="{{asset('img/ubicacion/cafe2.png')}}" class="img-fluid ubi2-cafe">
        </div>



    </div>
@endsection