@if($projects->count() > 0)
    <!-- rts project area start -->
    <div class="rts-project-area rts-section-gap bgproject-area">
        <div class="container">
            <div class="row mb--30">
                <div class="title-area text-center">
                    <span data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">@lang('frontend.our_projects')</span>
                    <h3 class="title" data-sal-delay="250" data-sal="slide-up" data-sal-duration="800">@lang('frontend.our_projects_slogan')</h3>
                </div>
            </div>
            <div class="row g-24">
                @foreach($projects as $project)
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                    <div class="rts-product-one">
                        <div class="thumbnail-area">
                            <img src="{{ $project->getFirstMediaUrl('project_images') }}" width="405px" height="345px" alt="{{ $project->title }}">
                            <a class="rts-btn btn-primary rounded" href="{{$project->appUrl}}"><i class="far fa-arrow-right"></i></a>
                        </div>
                        <div class="product-contact-wrapper">
                            <a href="{{$project->appUrl}}">
                                <h5 class="title">{{ $project->title }}</h5>
                            </a>
                            <span>{{ strip_tags($project->text) }}</span>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            <div class="button-area text-center mt-5" data-sal-delay="300" data-sal="slide-up" data-sal-duration="800">
                <a href="{{route('frontend.projects.all')}}" class="rts-btn btn-primary mt-5">@lang('frontend.view_all_portfolio')</a>
            </div>
        </div>
    </div>
    <!-- rts project area end -->
@endif