{{-- main-news --}}
<section class="main-news-area">
    <div class="container">
        @if ($featuredNews)
            <div class="row">
                <a href="#">
                    <img src="{{ asset('hulaki/assets/img/ad/Kicks_Desktop_1230x100-px_new.jpg') }}" alt="image"
                        class="img-fluid">
                </a>
                <div class="col-lg-12 mt-20">
                    <div class="news-content mt-50 text-center">
                        <h2>
                            <a
                                href="{{ route('newsDetail', ['alias' => $featuredNews->alias]) }}"><b>{{ $featuredNews->title }}</b></a>
                        </h2>
                    </div>
                </div>

                <hr>

                <div class="col-lg-12">
                    <div class="news-content" style="text-align: center; margin: 3%;">
                        <h2>
                            <a href="news-details.php"><b>{{ $featuredNews->short_description }}</b></a>
                        </h2>
                    </div>
                    <div class="single-main-news">
                        <a href="news-details.php">
                            <img src="{{ asset($featuredNews->image) }}" alt="image">
                        </a>
                    </div>
                    <div class="news-content" style="text-align: center;">
                        <p>{!! $featuredNews->content !!}</P>
                    </div>
                </div>
            </div>
        @endif
    </div>
</section>
<section class="default-news-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                @if ($ads->isNotEmpty())
                    @foreach ($ads as $ad)
                        @if ($ad->ad_categories_id == 3)
                            <a href="{{ $ad->link }}">
                                <img src="{{ asset($ad->thumb) }}" alt="{{ $ad->title }}" class="img-fluid">
                            </a>
                        @endif
                    @endforeach
                @endif
            </div>
        </div>
    </div>
</section>

<!-- End Main News Area -->