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

@section('content')
<main class="landingMain">
    <section class="selections-links">
        <div class="container">
            <div class="selections-links-list">
                <ul>
                    <li><a href="#something_collection">Collections</a></li>
                    <li><a href="#seasonal_selections">Seasonal Selections</a></li>
                    <li><a href="#best_sellers">Best Sellers</a></li>
                    <li><a href="#staff_picks">Staff Picks</a></li>
                </ul>
            </div>
        </div>
    </section>
    <section class="selections-section" id="something_collection">
        <div class="container">
            <div class="landing-content">
                <div class="single-landing title">
                    <a href="#">
                        <div class="collection_title" style="background-image: url('images/collection_ho.png');">
                            <div class="collection_title_overlay">
                                <span>Something Collection</span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection2.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <section class="selections-section" id="seasonal_selections">
        <div class="container">
            <div class="landing-content">
                <div class="single-landing title">
                    <a href="#">
                        <div class="collection_title" style="background-image: url('images/collection_ho.png');">
                            <div class="collection_title_overlay">
                                <span>Seasonal Selections</span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection2.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <section class="selections-section" id="best_sellers">
        <div class="container">
            <div class="landing-content">
                <div class="single-landing title">
                    <a href="#">
                        <div class="collection_title" style="background-image: url('images/collection_ho.png');">
                            <div class="collection_title_overlay">
                                <span>Best <br> Sellers</span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection2.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <section class="selections-section" id="staff_picks">
        <div class="container">
            <div class="landing-content">
                <div class="single-landing title">
                    <a href="#">
                        <div class="collection_title" style="background-image: url('images/collection_ho.png');">
                            <div class="collection_title_overlay">
                                <span>Staff <br> Picks</span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection2.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
                <div class="single-landing">
                    <a href="#">
                        <div class="single-collection-col1">
                            <h4>Coachella Labs Ghost Train Haze 1G</h4>
                            <span>$30</span>
                        </div>
                        <div class="single-collection-col2">
                            <div class="collection_img">
                                <img src="images/selection3.png" alt="">
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
</main>
<!-- Mini Image -->
<section class="mini-image">
    <div class="container">
        <div class="mini_img" style="background-image: url('images/mini2.png');"></div>
    </div>
</section>
@endsection