@include('htmlpage.frontent.layout.app')
        <!-- Portfolio Gallery -->
        <section class="g-padding-y-105--xs">
        <div class="container-fluid">
            <div id="js__grid-portfolio-gallery" class="cbp">
                <!-- Item -->

                @if ($medias->isNotEmpty())
            @foreach ($medias as $media)
                <div class="s-portfolio__item cbp-item logos motion">
                    <div class="s-portfolio__img-effect">
                        <img src="{{ asset('storage/' . $media->image_path) }}" alt="Portfolio Image">
                    </div>
                    <div class="s-portfolio__caption-hover--cc">
                        <div class="g-margin-b-25--xs">
                            <h2 class="g-font-size-18--xs g-color--white1 g-margin-b-5--xs">Designplus Media</h2>
                        </div>
                        <ul class="list-inline g-ul-li-lr-5--xs g-margin-b-0--xs">
                            <li>
                                <a href="{{ asset('storage/' . $media->image_path) }}" class="cbp-lightbox s-icon s-icon--sm s-icon--white-bg g-radius--circle" data-title="Media <br/> by Designplus">
                                    <i class="ti-fullscreen"></i>
                                </a>
                            </li>

                        </ul>
                    </div>
                </div>
                @endforeach
                @else
                <p>No galleries found for this project.</p>
              @endif


                <!-- Item -->

                <!-- Item -->

                <!-- Item -->

                <!-- Item -->

                <!-- Item -->

                <!-- Item -->

                <!-- End Item -->
            </div>
            <!-- End Portfolio Gallery -->
        </div>
        </section>
        <!-- End Portfolio -->
        @include('htmlpage.frontent.layout.footer')