@include('front.layouts.head')
<!-- HOME SLIDER -->
<div class="slider-container">
    <div class="owl-carousel owl-theme home-slider">
        @foreach ($sliders as $slider)
            <div class="slider-post slider-item-box">
                <div class="slider-img" style="background-image: url('{{ asset('storage/' . $slider->image) }}');"></div>
            </div>
        @endforeach
    </div>
</div>
<!-- /HOME SLIDER -->
<!-- PORTFOLIO SECTION -->
<section class="layout-portfolio layout-full">
    <div class="container">
        <div class="portfolio-2cols clearfix">
            @foreach ($concepts as $concept)
                <div class="gallery-item">
                    <a href="{{ route('front.concept_details', $concept->slug) }}">
                        <div class="gallery-item-img" style="background-image: url('{{ asset('storage/' . $concept->cover) }}');"></div>
                        <div class="gallery-item-desc">
                            <h2>{{ $concept->name }}</h2>
                            <div class="gallery-item-subtitle">{{ $concept->sub_name }}</div>
                        </div>
                    </a>
                </div>
                <!-- /gallery-item -->
            @endforeach
        </div>
        <!-- portfolio-2cols -->
    </div>
</section>
@include('front.layouts.footer')