@extends('front.layouts.demo')
@section('local_styles')
<!---<link rel="stylesheet" href="/css/home.css">-->
<style media="screen">
    .img-festival{
        height: auto;
        box-sizing: border-box;
        background: inherit;
    }
    .lightbox.lightbox--festival{
        background-color: rgba(0,0,0,0);
        width: auto;
    }
    .auth-nav{
        position: absolute;
        z-index: 2;
        background-color: rgba(0,0,0,.3);
    }
    .auth-nav{
        z-index: 1031 !important;
    }
    .auth-list{ color: #ffffff !important; }
</style>
@endsection
@section('content')

    <div class="bd-example">
        <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
            </ol>
            <div class="carousel-inner">
                <!-- <div class="carousel-item active">
                    <img src="/img/v2/slides/polo-hero@2880.jpg" class="d-block w-100" alt="La Patrona">
                </div> -->
                <div class="carousel-item active">
                    <img src="/img/v2/slides/sunday_brunch.jpg" class="d-block w-100" alt="La Patrona">
                    <div class="carousel-caption d-none d-md-block">
                        <a href="store" class="btn">{{ trans('site.btn_reserv') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></a>
                    </div>
                </div>
                <!--<div class="carousel-item">
                    <img src="/img/v2/slides/new-year.jpg" class="d-block w-100" alt="New Year">
                    <div class="carousel-caption d-none d-md-block">
                        <a href="store" class="btn">{{ trans('site.btn_reserv') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></a>
                    </div>
                </div>-->
                <div class="carousel-item">
                    <img src="/img/v2/slides/jazz-night.jpg" class="d-block w-100" alt="Jazz Night">
                    <div class="carousel-caption d-none d-md-block">
                        <a href="store" class="btn">{{ trans('site.btn_reserv') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></a>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="/img/v2/slides/noche-mexicana.jpg" class="d-block w-100" alt="Noche Méxicana">
                    <div class="carousel-caption d-none d-md-block">
                        <a href="store" class="btn">{{ trans('site.btn_reserv') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="bg-horse py-4">
        <div class="container">
            <div class="row">
                <div class="text-center py-5">
                    <h5 class="awesome mb-0 gray">{{ trans('site.home_title_1') }}</h5>
                    <h1 class="bodoni m-0 wine text-uppercase">{{ trans('site.home_title_2') }}</h1>
                    <p class="w-75 mx-auto text-left gray mt-5">{{ trans('site.home_text') }}</p>    
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-sm-5 col-lg-5">
                <div class="mb-4">
                    <figure class="position-relative text-inside">
                        <img src="/img/v2/toma-las-riendas.jpg" alt="" class="w-100">
                        <figcaption class="position-absolute text-center w-100">
                            <h4>
                                {!! trans('site.link_reins') !!}
                            </h4>
                            <img src="/img/v2/logos/la-patrona.png" alt="La patrona" class="d-block">
                            <a href="polo-equestria-club" class="btn mt-5">{{ trans('site.btn_see') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></a>
                        </figcaption>
                    </figure>
                </div>
                <div class="my-4">
                    <figure class="position-relative text-inside">
                        <img src="/img/v2/experiencia-inolvidable.jpg" alt="" class="w-100">
                        <figcaption class="position-absolute text-center w-100">
                            {!! trans('site.link_groups') !!}
                            <a href="catering" class="btn mt-5">{{ trans('site.btn_goto') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></a>
                        </figcaption>
                    </figure>
                </div>
            </div>
            <div class="col-12 col-sm-5 col-lg-5">
                <div class="mb-4">
                    <figure class="position-relative text-inside">
                        <img src="/img/v2/sunday-brunch.jpg" alt="" class="w-100">
                        <figcaption class="position-absolute text-center w-100">
                            <p class="bodoni f-20 m-0">{{ trans('site.link_experience') }}</p>
                            <p class="d-block">
                                <!-- <span class="awesome d-inline-block align-top">{{ trans('site.link_at') }}</span> -->
                                <img src="/img/v2/logos/sunday-brunch.png" alt="Sunday brunch" class="d-inline-block align-middle">
                            </p>
                            <a href="sunday-brunch" class="btn mt-2">{{ trans('site.btn_more') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></a>
                        </figcaption>
                    </figure>
                </div>
                <div class="my-4">
                    <figure class="position-relative text-inside">
                        <img src="/img/v2/estilo-de-vida.jpg" alt="" class="w-100">
                        <figcaption class="position-absolute text-center w-100">
                            {!! trans('site.link_lifestyle') !!}
                            <img src="/img/v2/tierra-tropical.png" alt="Tierra Tropical" class="d-block">
                            <a href="beach-club" class="btn mt-5">{{ trans('site.btn_more') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></a>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="text-center w-100 py-5">
                <h4 class="awesome m-0 gray">{{ trans('site.galery_title_1') }}</h4>
                <h1 class="bodoni m-0 wine">{{ trans('site.galery_title_2') }}</h1>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-sm-10 col-lg-10">
                <div id="carouselGalery" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carouselGalery" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselGalery" data-slide-to="1"></li>
                        <li data-target="#carouselGalery" data-slide-to="2"></li>
                        <li data-target="#carouselGalery" data-slide-to="3"></li>
                        <li data-target="#carouselGalery" data-slide-to="4"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="/img/v2/galery/home/la-patrona.jpg" class="d-block w-100" alt="La patrona">
                        </div>
                        <div class="carousel-item">
                            <img src="/img/v2/galery/home/tierra-tropical.jpg" class="d-block w-100" alt="La patrona">
                        </div>
                        <div class="carousel-item">
                            <img src="/img/v2/galery/home/beach-club.jpg" class="d-block w-100" alt="La patrona">
                        </div>
                        <div class="carousel-item">
                            <img src="/img/v2/galery/home/playa-la-patrona.jpg" class="d-block w-100" alt="La patrona">
                        </div>
                        <div class="carousel-item">
                            <img src="/img/v2/galery/home/polo-la-patrona.jpg" class="d-block w-100" alt="La patrona">
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselGalery" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselGalery" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>

                <div class="text-center">
                    <a href="/galeria" class="btn btn-wine mt-5">{{ trans('site.btn_galery') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></a>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row justify-content-center my-5">
            <div class="col-12 col-sm-5 col-lg-5">
                <figure class="position-relative text-inside">
                    <img src="/img/v2/acerca-de-nosotros.jpg" alt="" class="w-100">
                    <figcaption class="position-absolute text-center w-100">
                        {!! trans('site.link_about') !!}
                        <a href="/nosotros" class="btn mt-5">{{ trans('site.btn_more') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></a>
                    </figcaption>
                </figure>
            </div>
            <div class="col-12 col-sm-5 col-lg-5">
                <figure class="position-relative text-inside">
                    <img src="/img/v2/contactanos.jpg" alt="" class="w-100">
                    <figcaption class="position-absolute text-center w-100">
                        <h4 class="awesome f-20 m-0">&nbsp;</h4>
                        <h4 class="bodoni">{{ trans('site.menu_contact') }}</h4>
                        <a href="/contacto" class="btn mt-5">{{ trans('site.btn_more') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></a>
                    </figcaption>
                </figure>
            </div>
        </div>
    </div>

    
    <div class="bg-image py-5">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-sm-5 col-lg-5 py-5">
                    <h5 class="text-center awesome m-0 white">{{ trans('site.contact_title_link') }}</h5>
                    <h3 class="text-center bodoni pb-4 white">{{ trans('site.contact_title_reserv') }}</h3>
                    <form action="#" method="post" class="white">
                        <div class="form-group">
                            <label class="sr-only">{{ trans('site.contact_date') }}</label>
                            <input type="text" name="date" placeholder="{{ trans('site.contact_date') }}" class="form-control datepicker">
                        </div>
                        <div class="form-group">
                            <label class="sr-only">{{ trans('site.contact_name') }}</label>
                            <input type="text" name="name" placeholder="{{ trans('site.contact_name') }}" class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="sr-only">{{ trans('site.contact_email') }}</label>
                            <input type="email" name="email" placeholder="{{ trans('site.contact_email') }}" class="form-control">
                        </div>
                        <div class="text-right">
                            <button type="button" class="btn">{{ trans('site.btn_send') }}&nbsp;&nbsp;<i class="fas fa-caret-right"></i></button>
                        </div>
                    </form>

                    <div class="text-center pt-5 px-5">
                        <p class="m-0 white">
                            Prolongación África Sin Número<br>
                            San Francisco, Nayarit, México<br>
                            Tel. (322) 297 2334 ext 106
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('local_scripts')
    <!--<script src="/js/home.js" charset="utf-8"></script>-->
@endsection