{{--<section class="section-intro">--}}

{{--    <div class="intro-banner-wrap">--}}
{{--        <img src="{{ asset(Config::get('settings.home_banner' ?? 'images/banners/1.jpg')) }}" class="w-100 img-fluid">--}}
{{--    </div>--}}

{{--</section>--}}

<section
    class="section-intro bg hero-3-bg position-relative d-flex align-items-center"
    id="home"
>
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="hero-title">
                    <h1 class="title text-muted montserrat-extrabold  mb-4">
                        Welcome to
                        <br />
                        {{ env('APP_NAME') }}
                    </h1>

                    <p
                        className="montserrat-regular"
                        style="fontSize: 27px"
                    >
                        Suppliers of Stationery, Sports,  Cartridges &  General Supplies <br>
                        <a
                            href=""
                        class=" btn btn-primary btn-sm text-uppercase btn-round"
                        >
                        Read More
                        <span class="ml-2 right-icon">
                        </span>
                        </a>
                    </p>
                </div>
            </div>

            <div class="col-lg-5 offset-lg-1">
                <div class="mt-5 mt-lg-0">
                    <img
                        src="{{ asset('hero.png') }}"
                        alt=""
                        class="img-fluid mx-auto d-block"
                    />
                </div>
            </div>
        </div>
    </div>
</section>