@extends('layouts.default')
@section('title', 'TransHub - Transport & Logistics')


@section('content')

    <x-page-header title='Our Team' subtitle='Our Team' />

    <!-- Team Section Start -->
    <section class="team-sec sec-padding position-relative">
        <div class="container">
            <div class="row gy-5">
                <div class="col-lg-3 col-sm-6">
                    <div class="team-card">
                        <div class="team-thumb round overflow-hidden">
                            <a href="single-team.php"><img src="{{ asset('images/tm1.jpg') }}" alt=""></a>
                            <div class="team-share">
                                <a class="icon link-icon rounded-circle" href="#"><i class="fa-solid fa-link"></i></a>
                                <div class="social-share">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-x-twitter"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-info">
                            <h3 class="display-4 mb-0"><a href="{{ route('single-team') }}">Jenny Noah</a></h3>
                            <span>Head of operations</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="team-card">
                        <div class="team-thumb round overflow-hidden">
                            <a href="single-team.php"><img src="{{ asset('images/tm2.jpg') }}" alt=""></a>
                            <div class="team-share">
                                <a class="icon link-icon rounded-circle" href="#"><i class="fa-solid fa-link"></i></a>
                                <div class="social-share">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-x-twitter"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-info">
                            <h3 class="display-4 mb-0"><a href="{{ route('single-team') }}">Jenny Mache</a></h3>
                            <span>Head of operations</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="team-card">
                        <div class="team-thumb round overflow-hidden">
                            <a href="single-team.php"><img src="{{ asset('images/tm3.jpg') }}" alt=""></a>
                            <div class="team-share">
                                <a class="icon link-icon rounded-circle" href="#"><i class="fa-solid fa-link"></i></a>
                                <div class="social-share">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-x-twitter"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-info">
                            <h3 class="display-4 mb-0"><a href="{{ route('single-team') }}">Sofia Melisa</a></h3>
                            <span>Project Manager</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="team-card">
                        <div class="team-thumb round overflow-hidden">
                            <a href="single-team.php"><img src="{{ asset('images/tm4.jpg') }}" alt=""></a>
                            <div class="team-share">
                                <a class="icon link-icon rounded-circle" href="#"><i class="fa-solid fa-link"></i></a>
                                <div class="social-share">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-x-twitter"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-info">
                            <h3 class="display-4 mb-0"><a href="{{ route('single-team') }}">Shane Darren</a></h3>
                            <span>Head of operations</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="team-card">
                        <div class="team-thumb round overflow-hidden">
                            <a href="single-team.php"><img class="img-fluid" src="{{ asset('images/tm5.png') }}"
                                    alt=""></a>
                            <div class="team-share">
                                <a class="icon link-icon rounded-circle" href="#"><i
                                        class="fa-solid fa-link"></i></a>
                                <div class="social-share">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-x-twitter"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-info">
                            <h3 class="display-4 mb-0"><a href="{{ route('single-team') }}">Jenny Noah</a></h3>
                            <span>Head of operations</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="team-card">
                        <div class="team-thumb round overflow-hidden">
                            <a href="single-team.php"><img src="{{ asset('images/tm2.jpg') }}" alt=""></a>
                            <div class="team-share">
                                <a class="icon link-icon rounded-circle" href="#"><i
                                        class="fa-solid fa-link"></i></a>
                                <div class="social-share">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-x-twitter"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-info">
                            <h3 class="display-4 mb-0"><a href="{{ route('single-team') }}">Jenny Mache</a></h3>
                            <span>Head of operations</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="team-card">
                        <div class="team-thumb round overflow-hidden">
                            <a href="single-team.php"><img src="{{ asset('images/tm3.jpg') }}" alt=""></a>
                            <div class="team-share">
                                <a class="icon link-icon rounded-circle" href="#"><i
                                        class="fa-solid fa-link"></i></a>
                                <div class="social-share">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-x-twitter"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-info">
                            <h3 class="display-4 mb-0"><a href="{{ route('single-team') }}">Sofia Melisa</a></h3>
                            <span>Project Manager</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="team-card">
                        <div class="team-thumb round overflow-hidden">
                            <a href="single-team.php"><img src="{{ asset('images/tm4.jpg') }}" alt=""></a>
                            <div class="team-share">
                                <a class="icon link-icon rounded-circle" href="#"><i
                                        class="fa-solid fa-link"></i></a>
                                <div class="social-share">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-x-twitter"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-info">
                            <h3 class="display-4 mb-0"><a href="{{ route('single-team') }}">Shane Darren</a></h3>
                            <span>Head of operations</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Team Section End -->

@endsection