@extends('layouts.front.app')

@section('og')
  <meta property="og:locale" content="{{ app()->getLocale() }}"/>
  <meta property="og:type" content="home"/>
  <meta property="og:title" content="{{ config('app.name') }} - Home"/>
  <meta property="og:site_name" content="{{ config('app.name') }}"/>
  <meta property="og:description" content="{{ config('site.description') }}"/>
@endsection
@section('css')
<style type="text/css">
  .flex-1 {
    flex: 1;
  }
</style>
@endsection

@section('content')

{{-- @include(config('site.domain').".layouts.front.menu-banner") --}}

@include(config('site.domain').".layouts.front.page-link")

@include(config('site.domain').".layouts.front.info-icon")
<!--Main layout-->
@endsection
@section('js')
<script type="text/javascript" src="	{{ URL::asset('assets/slick/slick.js') }}" ></script>
<script type="text/javascript">
  $(document).ready(function () {
    $(".slick").slick({
      dots: false,
      infinite: true,
      speed: 1500,
      slidesToShow: 4,
      autoplay:false,
      slidesToScroll: 1,
      responsive: [
      { breakpoint: 1024,
        settings: {
          slidesToShow: 3,
          infinite: true
        }
      }, {
        breakpoint: 600,
        settings: {
          slidesToShow: 2,
          dots: true
        }
      }, {
        breakpoint: 300,
        settings: "unslick" // destroys slick
      }
      ]
    });
    $('div.icone-top').children('i').addClass('fa-3x').addClass('fosco-text')
    $('div.info-icon').children('i').addClass('fa-3x').addClass('fosco-text')
  })

</script>
@endsection