@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('content')

<section>
  <div class="container text-center my-3 d-md-block d-none">
    <div class="row">
      
      <div class="col-lg col-6">
        <img src="{{ asset('storage/img/igreja.png') }}" class="img-fluid">
        <h6 class="font-weight-bold fosco-text mt-3">CADEIRAS P/ IGREJAS</h6>
      </div>
      
      <div class="col-lg col-6">
        <img src="{{ asset('storage/img/escritorio.png') }}" class="img-fluid">
        <h6 class="font-weight-bold fosco-text mt-3">ESCRITÓRIOS</h6>
      </div>
      
      <div class="col-lg col-6">
        <img src="{{ asset('storage/img/poltrona.png') }}" class="img-fluid">
        <h6 class="font-weight-bold fosco-text mt-3">POLTRONAS</h6>
      </div>
      
      <div class="col-lg col-6">
        <img src="{{ asset('storage/img/planejados.png') }}" class="img-fluid">
        <h6 class="font-weight-bold fosco-text mt-3">PLANEJADOS</h6>
      </div>
      
    </div>
  </div>
</section>

<section >
  <div class="container mb-5" >
    
    <div class="row">
      
      <div class="col-lg-3 px-1 d-md-block d-none">
        @include(config('site.domain').'.layouts.front.sidebar-left')
      </div>
      
      <!--Área de produtos-->
      <div class="col-lg p-3">
        @include(config('site.domain').'.front.products.product-carousel', compact('products', 'novos', 'vendidos'))
      </div>
      <!--/Fim área de produtos-->
      
    </div>
    
  </div>
</section>

@endsection