@extends('front.layout.app')
@section('content')


    <section class="innerbanner">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>Projects</h2>
                </div>
            </div>
        </div>
    </section>
    <section class="project-sec project-page">
        <div class="container-fluid p-0">
            <div class="project-top" data-aos="fade-up" data-duration="3000">
                <h3 class="subHead"> What we did</h3>
                <h2 class="mainHead"> Recent projects</h2>
            </div>
            <div class="row" data-aos="fade-up" data-duration="3000">
                <div class="swiper projectslider">
                    <div class="swiper-wrapper">
                        @foreach($projects as $project)
                            <div class="swiper-slide">
                                <div class="project-wrapp">
                                    <figure class="project-img">
                                        <img src="{{asset('uploads/projects/'.($project->image ?? ''))}}"
                                             class="img-fluid" alt="">
                                    </figure>
                                    <div class="project-content">
                                        <a href="{{route('front.project')}}">{{$project->title ?? ''}} </a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection