@extends('layouts.front.app')

@section('og')
  <meta property="og:title" content="{{ config('app.name') }}-{{ $title }}" />
  <meta property="og:description" content="{{ config('app.description') }}-{{ $title }}" />
@endsection

@section('content')
  <section>
    <div class="container my-2">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb white z-depth-1">
          <li class="breadcrumb-item">
            <a href="{{route("home")}}" class="font-weight-bold fosco-text"><i class="fas fa-home"></i> HOME</a>
          </li>
          <li class="breadcrumb-item disabled font-weight-bolder black-text">PRODUTOS</li>

          <li class="breadcrumb-item active font-weight-bolder black-text" >EM DESTAQUE</li>

        </ol>
      </nav>
    </div>
  </section>

  <section>
    <div class="container">

      <div class="cat-2">
        <div class="title d-flex mt-5 justify-content-center font-weight-bold fosco-text">
          <span class="line"></span><p class="mt-n3 fosco-text h2">PRODUTOS EM DESTAQUE</p><span class="line"></span>
        </div>

        <div class="row">
          @include(config('site.domain').'.front.products.product-list', ['products' => $products])
        </div>

      </div>

    </div>

    <hr class="clearfix w-100 d-md-none">

  </section>
@endsection