                    <div class="section-title">
                        <h2>Stay Connected</h2>
                    </div>
                    <ul class="stay-connected">
                        <li>
                            <a href="https://www.facebook.com/login/" target="_blank"><i
                                    class="icofont-facebook"></i><b>10.2K</b> <span>Fans</span></a>
                        </li>
                        <li>
                            <a href="https://twitter.com/login/" target="_blank"><i
                                    class="icofont-twitter"></i><b>14.2K</b> <span>Followers</span></a>
                        </li>
                        <li>
                            <a href="https://linkedin.com/login/" target="_blank"><i
                                    class="icofont-linkedin"></i><b>11.2K</b> <span>Fans</span></a>
                        </li>
                        <li>
                            <a href="https://en.wikipedia.org/wiki/RSS" target="_blank"><i
                                    class="icofont-rss"></i><b>15.2K</b> <span>Subscriber</span></a>
                        </li>
                    </ul>
                    <div class="featured-news">
                        <div class="section-title">
                            <h2>Featured News</h2>
                        </div>
                        @foreach ($featuredPosts as $post)
                            <div class="single-featured-news">
                                <img src="{{ $post->post_image }}" alt="{{ $post->title }}" />

                                <div class="news-content">
                                    <ul>
                                        <li>
                                            <i class="icofont-user-suited"></i>
                                            by <a href="{{ route('author.profile', $post->author->name) }}">
                                                {{ $post->author->name }}
                                            </a>
                                        </li>
                                        <li>
                                            <i class="icofont-calendar"></i>
                                            {{ $post->published_at->format('M d, Y') }}
                                        </li>
                                    </ul>

                                    <h3>
                                        <a href="{{ route('post.view', $post->slug) }}">
                                            {{ Str::limit($post->title, 70) }}
                                        </a>
                                    </h3>
                                </div>

                                <div class="tags {{ 'bg-' . $loop->iteration }}">
                                    <a href="{{ route('category', $post->category->slug) }}">
                                        {{ $post->category->name }}
                                    </a>
                                </div>
                            </div>
                        @endforeach

                    </div>
