  <section class="banner-one">
        <div class="banner-one__bg-shape-1" style="background-image: url({{ asset('images/shapes/banner-one-bg-shape-1.png') }});"></div>
        <div class="banner-one__icon-1 img-bounce"><img src="{{ asset('images/icon/idea-bulb.png') }}" alt=""></div>
        <div class="banner-one__icon-2 float-bob-x"><img src="{{ asset('images/icon/3d-alarm.png') }}" alt=""></div>
        <div class="banner-one__icon-3 float-bob-y"><img src="{{ asset('images/icon/linke-icon.png') }}" alt=""></div>
        <div class="banner-one__shape-4 float-bob-x"><img src="{{ asset('images/shapes/banner-one-shape-4.png') }}" alt=""></div>
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="banner-one__left">
                        <div class="banner-one__title-box">
                            <div class="banner-one__title-box-shape">
                                <img src="{{ asset('images/shapes/banner-one-title-box-shape-1.png') }}" alt="">
                            </div>
                            <h2 class="banner-one__title">Study Abroad With <br>
                                <span class="banner-one__title-clr-1">Full Scholarships</span>
                                <span class="banner-one__title-clr-2">Top Universities</span>
                            </h2>
                        </div>
                        <p class="banner-one__text">Expert guidance for admissions, scholarships, and visa processes.</p>
                        <div class="banner-one__thm-and-other-btn-box">
                            <div class="banner-one__btn-box">
                                <a href="{{ route('scholarships.index') }}" class="thm-btn"><span class="icon-angles-right"></span>Explore Scholarships</a>
                            </div>
                            <div class="banner-one__other-btn-box">
                                <a href="{{ route('contact') }}" class="banner-one__other-btn-1"><span class="icon-thumbs-up"></span>Free Consultation</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="banner-one__right">
                        <div class="banner-one__img-box">
                            <div class="banner-one__img">
                                <img src="{{ asset('images/resources/banner-two-img-1.png') }}" alt="">
                                <div class="banner-one__img-shape-box rotate-me">
                                    <!-- decorative shapes -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Category Search Box (optional) -->
            <div class="row">
                <div class="col-xl-12">
                    <div class="banner-one__category-search-box">
                        <div class="banner-one__category-search-inner">
                            <form class="banner-one__category-form" action="{{ route('scholarships.index') }}" method="GET">
                                <div class="banner-one__category-input">
                                    <input type="search" name="search" placeholder="Search Scholarships...">
                                </div>
                                <button type="submit" class="banner-one__category-btn">Search</button>
                            </form>
                        </div>
                        <div class="banner-one__tags">
                            <a href="{{ route('scholarships.index') }}?level=bachelor">Bachelor</a>
                            <a href="{{ route('scholarships.index') }}?level=master">Master</a>
                            <a href="{{ route('scholarships.index') }}?level=phd">PhD</a>
                            <a href="{{ route('scholarships.index') }}">All Scholarships</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
   