@extends('index')
@section('title', Helper::getSiteTitle(isset($title) && !empty($title) ? $title : ''))

@section('content')
<section class="hero-section">
    <div class="hero-carousel owl-carousel">
        <div class="item">
            <div class="hero-slide-wrapper">
                <div class="hero-image" style="background-image: url('images/hero-slide1.jpg');"></div>
                <div class="hero-text">
                    <h4>Club Libra</h4>
                    <p>The new and improved Club Libra. Tap to login and start stacking!</p>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="hero-slide-wrapper">
                <div class="hero-image" style="background-image: url('images/hero-slide2.jpg');"></div>
                <div class="hero-text">
                    <h4>Essentials</h4>
                    <p>Rolling trays, grinders, papers, we have it all!</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="seasonal-section">
    <div class="container">
        <h2>Seasonal Selections</h2>
        <div class="selections-list">
            <div class="single-seasonal">
                <a href="{{ route('brand', ['delivery', 'cann']) }}">
                    <div class="personal-image-cover">
                        <div class="seasonal-image" style="background-image: url('images/seasonal1.jpg')"></div>
                    </div>
                    <div class="seasonal-detail">
                        <h4>CANN</h4>
                        <p>Crisp and highly refreshing</p>
                    </div>
                </a>
            </div>
            <div class="single-seasonal">
                <a href="{{ route('brand', ['delivery', 'papa-barkley']) }}">
                    <div class="personal-image-cover">
                        <div class="seasonal-image" style="background-image: url('images/seasonal2.jpg')"></div>
                    </div>
                    <div class="seasonal-detail">
                        <h4>Papa & Barkley</h4>
                        <p>Brands we love</p>
                    </div>
                </a>
            </div>
            <div class="single-seasonal">
                <a href="{{ route('brand', ['delivery', 'stiiizy']) }}">
                    <div class="personal-image-cover">
                        <div class="seasonal-image" style="background-image: url('images/seasonal3.jpg')"></div>
                    </div>
                    <div class="seasonal-detail">
                        <h4>Stiiizy</h4>
                        <p>The one and only</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="delivery-section">
    <div class="container">
        <div class="delivery-slider owl-carousel">
            <div class="item">
                <a href="{{ route('shop-all', ['delivery']) }}">
                    <div class="delivery-single">
                        <div class="delivery-image" style="background-image: url('{{ asset('images/delivery-image.jpg') }}');"></div>
                        <div class="delivery-text">
                            <h4>Delivery</h4>
                            <p>Contactless delivery now available. Click for details. </p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="seasonal-section">
    <div class="container">
        <h2>Best Sellers</h2>
        <div class="selections-list">
            <div class="single-seasonal">
                <a href="{{ route('shop-all', 'palm-desert') }}">
                    <div class="personal-image-cover">
                        <div class="seasonal-image" style="background-image: url('images/seller1.jpg')"></div>
                    </div>
                    <div class="seasonal-detail">
                        <h4>Palm Desert</h4>
                        <p>Our most popular items</p>
                    </div>
                </a>
            </div>
            <div class="single-seasonal">
                <a href="{{ route('shop-all', 'cathedral-city') }}">
                    <div class="personal-image-cover">
                        <div class="seasonal-image" style="background-image: url('images/seller2.jpg')"></div>
                    </div>
                    <div class="seasonal-detail">
                        <h4>Cathedral City
                        </h4>
                        <p>Our most popular items</p>
                    </div>
                </a>
            </div>
            <div class="single-seasonal">
                <a href="{{ route('shop-all', 'delivery') }}">
                    <div class="personal-image-cover">
                        <div class="seasonal-image" style="background-image: url('images/seller3.jpg')"></div>
                    </div>
                    <div class="seasonal-detail">
                        <h4>Delivery</h4>
                        <p>Our most popular items</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="seasonal-section staff-picks">
    <div class="container">
        <h2>Staff Picks</h2>
        <div class="hero-carousel owl-carousel">
            <div class="item">
                <div class="hero-slide-wrapper">
                    <div class="hero-image" style="background-image: url('{{ asset('images/staff.png') }}');"></div>
                    <div class="hero-text">
                        <h4>Staff Picks</h4>
                        <p>Products we’re all talking about this week.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="mini-image">
    <div class="container">
        <div class="mini_img" style="background-image: url('{{ asset('images/mini1.png') }}');"></div>
    </div>
</section>
@endsection