totalsport/resources/views/home/eventos.blade.php

<div id="eventos">
  <div class="ui container">
    <div class="ui center aligned huge header">
      EVENTOS
    </div>
    <div class="ui centered grid">
      <div class="center aligned column">
        <div class="ui tabular stackable compact menu">
          <a class="active item servicio" data-filter="none">Todos</a>
          @foreach ($servicios as $i => $servicio)
            <a class="item servicio" data-filter="{{$servicio->titulo}}">{{$servicio->titulo}}</a>
          @endforeach
        </div>
      </div>
    </div>
    <div class="ui center aligned grid" id="eventos_cards">
      @foreach ($eventos as $i => $evento)
        <div class="eight wide tablet four wide computer column">
          <div class="ui basic segment">
            <a href="{{$urls->base}}/evento/{{$i}}">
              <div class="ui image">
                {!!$evento->imagen!!}
              </div>
              <div class="ui center aligned header">
                {{$evento->titulo}}
                <br />
                {{$evento->empresa}}
              </div>
            </a>
          </div>
        </div>
      @endforeach
    </div>
  </div>
</div>

@push('readyjs')
  eventos.eventos = [
    @foreach ($eventos as $evento)
      {
        titulo: '{{$evento->titulo}}',
        image: '{!!$evento->imagen!!}',
        empresa: '{{$evento->empresa}}',
        servicio: '{{$evento->servicio}}'
      },
    @endforeach
  ]
  eventos.base_url = '{{$urls->base}}'
  eventos.setup()
@endpush