@push('head-area')
    <link rel="preload" href="static/assets/images/banners/germedusa.webp" as="image">
    <link rel="preload" href="static/assets/images/banners/mayo-scissors.webp" as="image">
    <link rel="preload" href="static/assets/images/banners/surgical-retractors.webp" as="image">
@endpush
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img alt="Home Page Slider Banner 1" data-src="static/assets/images/banners/germedusa.webp" class="lazyload" width="1920" height="731" alt="German Forged, High Quality Surgical Instruments" srcset="static/assets/images/banners/germedusa.webp 500w, static/assets/images/banners/germedusa.webp 1000w, static/assets/images/banners/germedusa.webp 1500w" /></div>
        <div class="swiper-slide"><a href="c-205-mayo-scissors-dissecting.aspx"><img alt="Home Page Slider Banner 2"  data-src="static/assets/images/banners/mayo-scissors.webp" class="lazyload" width="1920" height="731" alt="Mayo Scissors" srcset="static/assets/images/banners/mayo-scissors.webp 500w, static/assets/images/banners/mayo-scissors.webp 1000w, static/assets/images/banners/mayo-scissors.webp 1500w" /></a></div>
        <div class="swiper-slide"><a href="c-138-surgical-retractors.aspx"><img alt="Home Page Slider Banner 3"  data-src="static/assets/images/banners/surgical-retractors.webp" class="lazyload" width="1920" height="731" alt="Surgical Retractors" srcset="static/assets/images/banners/surgical-retractors.webp 500w, static/assets/images/banners/surgical-retractors.webp 1000w, static/assets/images/banners/surgical-retractors.webp 1500w" /></a></div>
    </div>
    <div class="swiper-pagination"></div>
</div>
{{--
<div class="home-top-container">
    <div class="container">
        <div class="row">
            <div class="col-lg-5">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        {!! \App\Models\Banner::showBanner(1) !!}
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div><!-- End .col-lg-5 -->
            <div class="col-lg-7 top-banners">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="banner banner-image">
                            {!! \App\Models\Banner::showBanner(2) !!}
                        </div><!-- End .banner -->
                        <div class="banner banner-image">
                            {!! \App\Models\Banner::showBanner(3) !!}
                        </div><!-- End .banner -->
                    </div><!-- End .col-sm-6 -->
                    <div class="col-sm-6">
                        <div class="banner banner-image">
                            {!! \App\Models\Banner::showBanner(4) !!}
                        </div><!-- End .banner -->
                        <div class="banner banner-image">
                            {!! \App\Models\Banner::showBanner(6) !!}
                        </div><!-- End .banner -->
                    </div><!-- End .col-sm-6 -->
                </div><!-- End .row -->
            </div><!-- End .col-lg-7 -->
        </div><!-- End .row -->
    </div><!-- End .container -->
</div><!-- End .home-top-container -->--}}