{{-- @dd($content) --}}
<section class="diet-main">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-7">
                <h2 class="main-heading"><span>{{ $compContent['main_heading_red'] ?? ''}}</span> {{ $compContent['main_heading_rest'] ?? '' }}</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <ul class="weight-list">
                    @foreach($services as $service)
                        <li>
                            <figure>
                                <img src="{{ $service->getFirstMediaUrl('services', 'thumb') ?? '' }}" class="img-fluid"
                                     alt="img">
                                <span>{{ $service->title ?? ''}}</span>
                            </figure>
                            <p>{!! \Illuminate\Support\Str::words($service->description, 25, '...') !!}</p>
                            <a href="{{ route('weight.training', ['id' => $service->id]) }}"><i class="far fa-arrow-up"></i></a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>

    </div>
</section>