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


@section('content')

    <x-page-header title='Blog Style 2' subtitle='Blog 2' />

    <!-- Blog Section Start -->
    <section class="blog-page bg-shade sec-padding">
        <div class="container">
            <div class="row gy-xl-5">
                <div class="col-xl-4 col-md-6">
                    <article class="blog-entry2 bg-info round">
                        <div class="blog-thumb">
                            <a href="{{ route('single-post') }}"><img src="{{ asset('images/blog4.jpg') }}" alt=""
                                    class="img-fluid"></a>
                        </div>
                        <div class="blog-inner">
                            <div class="blog-meta d-flex gap-4">
                                <span><a href="#"><i class="fa-regular fa-user"></i>Adam Smith</a></span>
                                <span><a href="#"><i class="fa-regular fa-calendar"></i>07 Nov,2025</a></span>
                            </div>
                            <h3 class="display-4"><a href="{{ route('single-post') }}">TranHub Named a Finalist For Year’ 25
                                    Best Choice
                                    Award</a></h3>
                            <div class="blog-footer border-top">
                                <a href="{{ route('single-post') }}" class="link-btn">Learn more <i
                                        class="fa-solid fa-circle-arrow-right"></i></a>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-xl-4 col-md-6">
                    <article class="blog-entry2 bg-info round">
                        <div class="blog-thumb">
                            <a href="{{ route('single-post') }}"><img src="{{ asset('images/blog5.jpg') }}" alt=""
                                    class="img-fluid"></a>
                        </div>
                        <div class="blog-inner">
                            <div class="blog-meta d-flex gap-4">
                                <span><a href="#"><i class="fa-regular fa-user"></i>Adam Smith</a></span>
                                <span><a href="#"><i class="fa-regular fa-calendar"></i>07 Nov,2025</a></span>
                            </div>
                            <h3 class="display-4"><a href="{{ route('single-post') }}">TranHub Named a Finalist For Year’ 25
                                    Best Choice
                                    Award</a></h3>
                            <div class="blog-footer border-top">
                                <a href="{{ route('single-post') }}" class="link-btn">Learn more <i
                                        class="fa-solid fa-circle-arrow-right"></i></a>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-xl-4 col-md-6">
                    <article class="blog-entry2 bg-info round">
                        <div class="blog-thumb">
                            <a href="{{ route('single-post') }}"><img src="{{ asset('images/blog6.jpg') }}" alt=""
                                    class="img-fluid"></a>
                        </div>
                        <div class="blog-inner">
                            <div class="blog-meta d-flex gap-4">
                                <span><a href="#"><i class="fa-regular fa-user"></i>Adam Smith</a></span>
                                <span><a href="#"><i class="fa-regular fa-calendar"></i>07 Nov,2025</a></span>
                            </div>
                            <h3 class="display-4"><a href="{{ route('single-post') }}">TranHub Named a Finalist For Year’
                                    25 Best Choice
                                    Award</a></h3>
                            <div class="blog-footer border-top">
                                <a href="{{ route('single-post') }}" class="link-btn">Learn more <i
                                        class="fa-solid fa-circle-arrow-right"></i></a>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-xl-4 col-md-6">
                    <article class="blog-entry2 bg-info round">
                        <div class="blog-thumb">
                            <a href="{{ route('single-post') }}"><img src="{{ asset('images/blog4.jpg') }}" alt=""
                                    class="img-fluid"></a>
                        </div>
                        <div class="blog-inner">
                            <div class="blog-meta d-flex gap-4">
                                <span><a href="#"><i class="fa-regular fa-user"></i>Adam Smith</a></span>
                                <span><a href="#"><i class="fa-regular fa-calendar"></i>07 Nov,2025</a></span>
                            </div>
                            <h3 class="display-4"><a href="{{ route('single-post') }}">TranHub Named a Finalist For Year’
                                    25 Best Choice
                                    Award</a></h3>
                            <div class="blog-footer border-top">
                                <a href="{{ route('single-post') }}" class="link-btn">Learn more <i
                                        class="fa-solid fa-circle-arrow-right"></i></a>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-xl-4 col-md-6">
                    <article class="blog-entry2 bg-info round">
                        <div class="blog-thumb">
                            <a href="{{ route('single-post') }}"><img src="{{ asset('images/blog5.jpg') }}" alt=""
                                    class="img-fluid"></a>
                        </div>
                        <div class="blog-inner">
                            <div class="blog-meta d-flex gap-4">
                                <span><a href="#"><i class="fa-regular fa-user"></i>Adam Smith</a></span>
                                <span><a href="#"><i class="fa-regular fa-calendar"></i>07 Nov,2025</a></span>
                            </div>
                            <h3 class="display-4"><a href="{{ route('single-post') }}">TranHub Named a Finalist For Year’
                                    25 Best Choice
                                    Award</a></h3>
                            <div class="blog-footer border-top">
                                <a href="{{ route('single-post') }}" class="link-btn">Learn more <i
                                        class="fa-solid fa-circle-arrow-right"></i></a>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-xl-4 col-md-6">
                    <article class="blog-entry2 bg-info round">
                        <div class="blog-thumb">
                            <a href="{{ route('single-post') }}"><img src="{{ asset('images/blog6.jpg') }}"
                                    alt="" class="img-fluid"></a>
                        </div>
                        <div class="blog-inner">
                            <div class="blog-meta d-flex gap-4">
                                <span><a href="#"><i class="fa-regular fa-user"></i>Adam Smith</a></span>
                                <span><a href="#"><i class="fa-regular fa-calendar"></i>07 Nov,2025</a></span>
                            </div>
                            <h3 class="display-4"><a href="{{ route('single-post') }}">TranHub Named a Finalist For Year’
                                    25 Best Choice
                                    Award</a></h3>
                            <div class="blog-footer border-top">
                                <a href="{{ route('single-post') }}" class="link-btn">Learn more <i
                                        class="fa-solid fa-circle-arrow-right"></i></a>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-lg-12">
                    <div class="pager text-center mt-5">
                        <a href="#" class="next-btn"> <i class="fa fa-arrow-left"></i>
                        </a>
                        <span class="current">1</span>
                        <a href="#">2</a>
                        <a href="#">3</a>
                        <a href="#">4</a>
                        <a href="#" class="prev-btn"> <i class="fa fa-arrow-right"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Blog Section End -->

@endsection
