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

@section('content')
<div class="slider">
    <div class="container">
        <div class="slack-slider">
            <div>
                <div class="imageslider"><img src="images/banner.png" /></div>
                <div class="card-off">
                    <h3>
                        20% <br />
                        OFF
                    </h3>
                    <p>All Libra merch</p>
                    <h4>With Club Libra</h4>
                    <p><a href="#">+ deals on prerolls, vapes & more</a></p>
                    <img src="images/small-logo.png" alt="" />
                </div>
            </div>
            <div>
                <div class="imageslider"><img src="images/slider1.png" /></div>
                <div class="image-fresh">
                    <img src="images/FreshDropsCircle.png" />
                </div>
            </div>
            <div>
                <div class="imageslider"><img src="images/slider1.png" /></div>
                <div class="image-fresh">
                    <img src="images/FreshDropsCircle.png" />
                </div>
            </div>
        </div>
    </div>
</div>

<section class="product-main">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="card-product">
                    <a href="https://librashop.com/palm-desert/category/edibles">
                        <img src="https://admin.librashop.com/storage/images/pages/3846b26f0f68035296ff29a9fa038a4be8f7d22e39f4d636e0fbb8d9469e.png" alt="Papa &amp; Barkley" class="img-card w-100" />
                    </a>
                    <div class="card-body">
                        <div class="media-body">
                            <a href="https://librashop.com/palm-desert/category/edibles">
                                <div class="title-card">
                                    <h4>CANN</h4>
                                    <p>Crisp &amp; Highly Refreshing</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card-product">
                    <a href="https://librashop.com/palm-desert/category/edibles">
                        <img src="https://admin.librashop.com/storage/images/pages/800f46c661fabe06506a76cdbac60ccd840e7113035399eb37bae30dff5c.png" alt="Papa &amp; Barkley" class="img-card w-100" />
                    </a>
                    <div class="card-body">
                        <div class="media-body">
                            <a href="https://librashop.com/palm-desert/category/edibles">
                                <div class="title-card">
                                    <h4><a href="https://librashop.com/palm-desert/category/edibles">Papa &amp; Barkley</a></h4>
                                    <p>Things We Love</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card-product">
                    <a href="https://librashop.com/palm-desert/category/edibles">
                        <img src="https://admin.librashop.com/storage/images/pages/eddd9d29cec23d27177289878440571d1f0fba9765d14c00231a18f209b1.png" alt="Stiiizy" class="img-card w-100" />
                    </a>
                    <div class="card-body">
                        <div class="media-body">
                            <a href="https://librashop.com/palm-desert/category/edibles">
                                <div class="title-card">
                                    <h4><a href="https://librashop.com/palm-desert/category/edibles">Stiiizy</a></h4>
                                    <p>The One &amp; Only</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="off-main off-main-sec">
    <div class="container">
        <h1 class="in-store">Today's Deals</h1>
        <div class="row">
            <div class="col-md-4">
                <div class="card-product">
                    <div class="card-image">
                        <div>
                            <img src="https://admin.librashop.com/storage/images/pages/3846b26f0f68035296ff29a9fa038a4be8f7d22e39f4d636e0fbb8d9469e.png" class="img-card w-100">
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="#"><img src="images/apple.png">Add to Wallet</a>
                                <div class="code-scanner"><img src="images/barcode.png"></div>
                                <p class="scan-store">Scan in Store</p>
                                <button class="addtowall order-online margin-wall-sec">Order Online<img src="images/down-arrow.png"></button>
                            </div>
                            <div class="overlay-ul">
                                <ul>
                                    <li><a href="#">Palm Desert</a></li>
                                    <li><a href="#">Cathedral Desert</a></li>
                                    <li><a href="#">Delivery</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="media-body">
                            <a href="https://librashop.com/palm-desert/category/edibles">
                                <div class="title-card">
                                    <h4><a href="https://librashop.com/palm-desert/category/edibles">Stiiizy</a></h4>
                                    <p>The One &amp; Only</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card-product">
                    <div class="card-image">
                        <div>
                            <img src="https://admin.librashop.com/storage/images/pages/800f46c661fabe06506a76cdbac60ccd840e7113035399eb37bae30dff5c.png" class="img-card w-100">
                            <div class="hoverable">
                                <a class="addtowall margin-wall" href="#"><img src="images/apple.png">Add to Wallet</a>
                                <div class="code-scanner"><img src="images/barcode.png"></div>
                                <p class="scan-store">Scan in Store</p>
                                <a href="#" class="addtowall order-online margin-wall-sec">Order Online</a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="media-body">
                            <a href="https://librashop.com/palm-desert/category/edibles">
                                <div class="title-card">
                                    <h4>Stiiizy</h4>
                                    <p>The One &amp; Only</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card-product">
                    <div class="card-image">
                        <div>
                            <a href="https://librashop.com/palm-desert/category/edibles">
                                <img src="https://admin.librashop.com/storage/images/pages/eddd9d29cec23d27177289878440571d1f0fba9765d14c00231a18f209b1.png" class="img-card w-100">
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="media-body">
                            <a href="https://librashop.com/palm-desert/category/edibles">
                                <div class="title-card">
                                    <h4><a href="https://librashop.com/palm-desert/category/edibles">Stiiizy</a></h4>
                                    <p>The One &amp; Only</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection