@extends('front.layouts.app')
@section('local_styles')
    <link rel="stylesheet" href="/css/subarticle.css">
    <link rel="stylesheet" href="/css/about.css">
@endsection
@section('content')
    <div  id="mobile-menu" class="mobile-menu">
        <button @click="animateMenu"  id="mobile-menu-button" class="mobile-menu__button"><i class="fas fa-bars"></i></button>
    </div>
    <header class="internal-header">
        <div class="container">

            @include('front.partials.sticky')
              <ul id="main-nav" class="main-nav main-nav--subarticle" role="navigation">
                 @include('front.partials.menu')
              </ul>
        </div>
    </header>
        <div class="hero subarticle-hero subarticle-hero--nosotros" >
        <div class="container subarticle-hero__container ">
            <h1 class="subarticle-hero__heading tittle-nosotros">
                Nosotros
            </h1>
        </div>
    </div>
    <div class="container ribbon__container">
        <nav class="ribbon">
            <div class="ribbon-item ribbon-item--nosotros">
                <div class="ribbon-item__copy ribbon-item__copy--title">
                    <h1 class="ribbon-item__heading">Quiénes Somos</h1>
                    <p class="ribbon-item__info">Somos una empresa única, visionaria e innovadora del sector turístico inmobiliario, ubicados en San Francisco (San Pancho) Nayarit, México.</p>
                </div>
            </div>
        </nav>
    </div>
    <section class="section section--subarticle">
        <div class="container">
            <div class="polo-academy">
                <div id="img-03" class="polo-academy__image">
                    <img  src="img/nosotros/img-03.png" alt="">
                </div>
                <div class="polo-academy__info">
                    <h2 class="brand polo-academy__brand">Equilibrio y sustentabilidad</h2>
                    <h1 class="polo-academy__headline headline-festival">
                        Respeto por
                        <p class="polo-academy__subhead">
                            la naturaleza.
                        </p>
                    </h1>
                    <p class="polo-academy__copy align-last-center">Situados en un entorno donde conviven la sierra, selva, valle y mantos acuíferos, junto con elegante diseño arquitectónico reconocido con la medalla de plata de la bienal de arquitectura del 2016, regalamos al visitante experiencias únicas y memorables. El delicado ensamble de equilibrio y sustentabilidad ecológica provoca el primero de nuestros valores fundamentales: <strong>El respeto por la Naturaleza.</strong></p>
                    <img id="number-1" class="number number__one" src="/img/nosotros/1.png" alt="">
                </div>
            </div>
        </div>
    </section>

    <section class="section section--subarticle">
        <div class="container">
            <div class="polo-academy">
                <div class="container-two">
                    <img class="img-insercion img-insercion__bird" src="/img/nosotros/insercion-bird.png" alt="">
                    <img id="number-2" class="number img-insercion img-insercion__two" src="/img/nosotros/2.png" alt="">
                    <img class="img-insercion img-insercion__mountain" src="/img/nosotros/insercion-mountain.png" alt="">
                    <img id="head-art"class="img-insercion img-insercion__cabeza" src="/img/nosotros/jaguar-head.png" alt="">
                    <div class="polo-academy__nosotros">
                        <h2 class="brand polo-academy__brand brand-insercion">San Pancho</h2>
                        <h1 class="polo-academy__headline headline-insercion">
                            Inserción Social
                        </h1>
                        <p class="polo-academy__copy align-last-center paragraph-insercion">Para asegurar la perdurabilidad del proyecto con su entorno, nos basamos en el segundo valor: <strong>La Inserción Social. </strong>La población de "San Pancho, Nayarit", que se desprende de una comunidad de pescadores y ejidatarios, nos ha exhortado a tener una inversión que busca bienestar, la continuidad de la población y comunidades Huicholas y Coras, la generación de incubadoras de conocimiento, así como el desarrollo de proyectos culturales, deportivos, ecuestres y educativos para contribuir a su crecimiento.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section section--subarticle">
        <div class="container">
            <div class="polo-academy">
                <div id="img-04" class="polo-academy__image order-content">
                    <img  src="img/nosotros/img-04.png" alt="">
                </div>
                <div class="polo-academy__info">
                    <h2 class="brand polo-academy__brand">Nosotros</h2>
                    <h1 class="polo-academy__headline headline-festival">
                        Integridad
                    </h1>
                    <p class="polo-academy__copy align-last-center">Estamos conformados por un auténtico equipo de trabajo que se destaca por su pasión y calidez a este proyecto, siempre cuidando nuestro valor inflexible e integridad, donde el respeto, la transparencia y la legalidad se practican y repiten en cada uno de los actos de esta empresa.</p>
                    <img id="number-3" class="number number__three" src="/img/nosotros/3.png" alt="">
                </div>
            </div>
        </div>
    </section>

    <imggallery :query="'nosotros'"></imggallery>
    <div class="overlay" :class="{active: playVideo}" @click="playVideo = false" v-if="playVideo">
        <div class="lightbox lightbox--video">
            <div class="lightbox__close lightbox__close--outside" @click.prevent="playVideo = !playVideo"></div>
            <video @click.stop style="max-width:100%" src="/videos/fundadores_video-1.mp4" autoplay controls poster=""></video>
        </div>
    </div>

@endsection
@section('local_scripts')
    <script src="/js/subarticle.js" charset="utf-8"></script>
@endsection